Bolt.New + Ollama: AI Coding Agent BEATS v0, Cursor, Bolt.New, & Cline! - 100% Local + FREE!

3 min read 2 hours ago
Published on Nov 18, 2024 This response is partially generated with the help of AI. It may contain inaccuracies.

Table of Contents

Introduction

This tutorial will guide you through integrating Bolt.New with Ollama, enabling you to develop full-stack web applications locally without any coding required. This setup allows for a budget-friendly and efficient development experience by leveraging powerful language models directly on your machine.

Step 1: Install Required Software

To begin, you'll need to download and install several tools essential for this setup.

  1. Ollama:

    • Visit Ollama Download and follow the installation instructions for your operating system.
  2. Node.js:

  3. Git:

  4. Docker (optional but recommended):

  5. Qwen 2.5 Coder Model:

Step 2: Clone and Set Up Bolt.New

Now that you have the necessary tools, you’ll need to set up Bolt.New.

  1. Clone the Repository:

    • Open your terminal or command prompt.
    • Run the following command to clone the Bolt.New repository:
      git clone https://github.com/coleam00/bolt.new-any-llm
      
  2. Navigate to the Directory:

    • Change to the Bolt.New directory:
      cd bolt.new-any-llm
      
  3. Install Dependencies:

    • Run the following command to install the required packages:
      npm install
      

Step 3: Create Your Model with Ollama

Next, you will create a model using Ollama.

  1. Use the Command Line:

    • Execute the following command to create your model:
      ollama create -f Modelfile [your new model ID]
      
    • Replace [your new model ID] with a unique identifier for your model, such as qwen2.5-coder-extra-ctx:7b.
  2. Verify Model Installation:

    • Ensure your model is correctly set up by running:
      ollama list
      
    • Check that your new model appears in the list.

Step 4: Start Building Your Application

With your environment ready, you can start building applications using Bolt.New.

  1. Run the Bolt.New Application:

    • Start the application by executing:
      npm start
      
  2. Follow Prompts:

    • Input your requirements as prompted by Bolt.New to generate your application.
  3. Edit and Deploy:

    • Make any necessary modifications to the generated application.
    • Once satisfied, deploy your application using the provided options in Bolt.New.

Conclusion

You have successfully set up Bolt.New with Ollama, enabling you to create full-stack applications locally without coding. This integration not only saves costs but also provides a powerful platform for development.

For further exploration, consider experimenting with different prompts and models to enhance your applications. Keep an eye on updates from Bolt.New and Ollama to utilize new features as they become available. Happy coding!