Bolt.newTranslation site

Bolt.new is a browser-based AI full-stack web development platform from StackBlitz.

Products

Bolt.new is designed to provide developers with a lightweight development environment that requires no complex configuration. It integrates cutting-edge AI models (e.g. Anthropic's Claude and v0) and incorporates WebContainers technology to give developers a smooth development experience like never before.Part of Bolt.new's source code is publicly available on GitHub, and is designed to appeal to developers interested in building their own AI-driven development tools.

Key Features

1. AI-driven development process: Users can automatically generate the code structure of a project through natural language prompts, analyze the code context using AI algorithms, and provide developers with intelligent code completions and suggestions. This not only reduces the time spent manually entering code, but also helps developers avoid common programming errors.
2. Complete development environment: Bolt.new is based on WebContainers technology and requires no additional development environment configuration to write, run, debug and deploy applications directly in the browser. It supports a variety of front-end and back-end frameworks , such as React, Vue, Node.js , etc. , enabling developers to complete the full-stack development tasks in the same environment .
3. Automated deployment and bug fixes: Provides one-click deployment features that support deploying applications to cloud service providers such as Netlify and Cloudflare. At the same time, it integrates an automatic error detection and repair mechanism that can detect code errors in real time during development and provide detailed error information and repair suggestions.
4. Cloud Storage and Collaboration: Bolt.new provides cloud storage so developers can access and edit their projects anytime, anywhere. It also supports multi-person collaboration, allowing team members to share and edit code in real-time, facilitating teamwork and project management.
5. Rich plug-in ecosystem: Bolt.new has a rich ecosystem of plug-ins , developers can install and configure a variety of plug-ins according to the need to extend its functionality . These plug-ins cover all aspects from code beautification to performance optimization to meet the needs of different development scenarios.

Usage Scenarios

1. Daily Web Development Projects: Bolt.new is suitable for all types of full-stack application development, including task management applications, personal blog sites, and more.
2. Creative demandBolt.new supports tools such as Slidev (presentation creation) and Remotion (React animated video creation) to fulfill developers' creative needs.
3. Teamwork: Bolt.new supports online sharing and integration of projects, allowing you to share project results directly via URLs, which can be quickly viewed by team members for feedback.
4. Learn Full Stack Development: Bolt.new provides an easy-to-use platform to get started and build full-stack applications quickly, making it a great tool for learning full-stack development.

Operating Instructions

1. Access Bolt.new: In the address bar of your browser, typeofficial website, go to the official Bolt.new platform page.
2. Create a new project: Once on the main Bolt.new page, you can choose to create a new blank project or select a preset template to quickly start a new project.
3. Write code: In the code editing area, write all kinds of application code, such as server-side logic code, front-end code, etc., according to the syntax specification of Node.js.
4. running code: By clicking the Run button (e.g. "Run"), Bolt.new will run the written code within the browser on its supported Node.js environment, and you can view the results of the code run in the specified output area.
5. Edit CodeIf you find any problems in the code or need to expand or adjust the function during the running process, you can go back to the code editing area directly to perform the corresponding editing operation.
6. Deploying applications: Once the project has been tested locally and has reached the state of being released live, you can proceed with the deployment operation. Select the cloud service provider (e.g. Netlify) to deploy the application to and make the necessary configurations so that Bolt.new can successfully deploy the application to the corresponding cloud service provider's platform.