Article
AIweb-developmentIDEStackBlitzaiidestackblitz
bolt.new
Quickly scaffold, develop, and deploy full-stack web applications directly in your browser using natural language prompts with bolt.new. It leverages AI to generate code, accelerating your development workflow.
beginner5 min5 steps
The play
- Access bolt.newOpen your web browser and navigate to bolt.new to launch the AI-powered development environment.
- Describe Your AppIn the provided prompt input, describe the web application you want to build using natural language. Be specific about features, technologies, and UI elements.
- Generate and Review CodeSubmit your prompt. bolt.new will generate the full-stack application code. Review the generated files and the live preview of your app.
- Iterate and RefineModify the generated code directly in the IDE, or provide further natural language prompts to iterate on the application's features or design.
- Deploy Your ApplicationOnce satisfied, use the built-in deployment options to publish your application directly from the environment.
Starter code
Build a React component that displays a list of tasks with a checkbox for completion and a button to add new tasks. Use Tailwind CSS for styling.