DEV Community

Cover image for Running bolt.new Locally
M Sea Bass
M Sea Bass

Posted on

122

Running bolt.new Locally

What is bolt.new?

bolt.new is an open-source tool for creating web applications.

While there is also a web version, this article focuses on how to run it locally.

Environment Setup

This article will guide you through the steps to run it using WSL (Windows Subsystem for Linux).

Installing pnpm

First, let's install pnpm.

sudo apt update suto apt install nodejs npm
sudo npm -g install n
sudo n stable sudo apt purge nodejs npm
sudo apt autoremove
sudo apt update 
sudo apt upgrade
Enter fullscreen mode Exit fullscreen mode

After restarting the terminal, check if pnpm has been installed successfully.

node --version
npm --version
Enter fullscreen mode Exit fullscreen mode

Downloading bolt.new

Next, refer to bolt.new/CONTRIBUTING.md to download the environment from GitHub.

git clone https://github.com/stackblitz/bolt.new.git
Enter fullscreen mode Exit fullscreen mode

Install the libraries on WSL.

cd bolt.new
pnpm install
Enter fullscreen mode Exit fullscreen mode

Create a .env.local file under the bolt.new folder and specify the Anthropic API key in it.

ANTHROPIC_API_KEY=YOUR_API_KEY
Enter fullscreen mode Exit fullscreen mode

Execution

Run the following command:

pnpm run dev
# or
pnpm run build
pnpm run start
Enter fullscreen mode Exit fullscreen mode

After running the command, a message like the following will be displayed after a short while.

pnpm run dev
> bolt@ dev /mnt/c/Users/<your folder path>/bolt.new
> remix vite:dev

  ➜  Local:   http://localhost:5173/
  ➜  Network: use --host to expose
  ➜  press h + enter to show help
Enter fullscreen mode Exit fullscreen mode

When you access the specified URL, the bolt.new application will be displayed.

Image description

By providing your requirements, it will create an application for you.

Image description

Next time, we will add and modify some features and provide explanations.

Billboard image

The fastest way to detect downtimes

Join Vercel, CrowdStrike, and thousands of other teams that trust Checkly to streamline monitoring.

Get started now

Top comments (0)

Heroku

Simplify your DevOps and maximize your time.

Since 2007, Heroku has been the go-to platform for developers as it monitors uptime, performance, and infrastructure concerns, allowing you to focus on writing code.

Learn More

👋 Kindness is contagious

Explore a sea of insights with this enlightening post, highly esteemed within the nurturing DEV Community. Coders of all stripes are invited to participate and contribute to our shared knowledge.

Expressing gratitude with a simple "thank you" can make a big impact. Leave your thanks in the comments!

On DEV, exchanging ideas smooths our way and strengthens our community bonds. Found this useful? A quick note of thanks to the author can mean a lot.

Okay