Building Web Apps with Bolt

⚡ ابزارهای کدنویسی با کمک هوش مصنوعی و پلتفرم‌های ابری در حال دگرگون‌کردن نحوهٔ ساخت برنامه‌های مدرن هستند. Bolt.new، یک عامل هوش مصنوعی قدرتمند در مرورگر از شرکت StackBlitz، فرایند توسعه را ساده می‌سازد و به شما امکان می‌دهد بدون هیچ تنظیمات محلی، به‌سرعت نمونه‌سازی کنید، با هوشمندی اشکال‌زدایی کنید و با اطمینان پروژه را اجرا کنید. چه تازه‌کار در توسعهٔ فول‌استک باشید و چه بخواهید جریان کاری خود را ارتقا دهید، این راهنمای کاربردی شما را از مفاهیم پایهٔ JavaScript و React تا استقرار برنامه‌های پیشرفته با Bolt.new و StackBlitz هدایت می‌کند.

از طریق پروژه‌های واقعی مانند کاوشگر فیلم و ردیاب تمرین مبتنی بر Supabase، مهارت توسعهٔ مبتنی بر پرامپت (Prompt-First Development) را می‌آموزید، از WebContainers برای اجرای منطق بک‌اند در مرورگر بهره می‌برید، و مسیر روانی از ایده تا استقرار را تجربه می‌کنید. اگر آماده‌اید شیوهٔ ساخت برنامه‌های وب را از خط فرمان تا ابر بازتعریف کنید، این کتاب نقشهٔ راه شماست.

🔹 درک اصول توسعهٔ مبتنی بر پرامپت و استفادهٔ مؤثر از ابزارهای هوش مصنوعی در Bolt.new

🔹 بررسی تفاوت‌ها، مزایا و جریان‌های کاری Bolt.new و StackBlitz

🔹 ساخت، اشکال‌زدایی و استقرار برنامه‌های فول‌استک با تولید کد هوش‌مصنوعی، ادغام Supabase و استقرار در Netlify

🔹 مدیریت توسعهٔ تدریجی با قابلیت‌هایی مانند checkpoints، rollbacks و prompt tuning در Bolt.new

🔹 انتقال روان از Bolt.new به StackBlitz، بهبود برنامه‌ها، و استفاده از بک‌اند مبتنی بر مرورگر، دسترسی ترمینال و یکپارچگی با GitHub

AI-assisted coding and cloud-based tools are already transforming how modern applications are built. Bolt.new, a powerful in-browser AI agent from StackBlitz, streamlines the development process, allowing you to prototype quickly, debug intelligently, and launch confidently—no local setup required. Whether you’re new to full stack development or looking to supercharge your workflow, this accessible guide takes you from JavaScript and React fundamentals all the way to deploying sophisticated apps with Bolt.new and StackBlitz.

Through real-world projects like a movie explorer and a Supabase-powered workout tracker, you’ll master prompt-first development, tap into WebContainers for running backend logic in the browser, and discover a seamless path from idea to deployment. If you’re ready to rethink how web apps are built—from the command line to the cloud—this book is your blueprint.

• Understand the principles behind prompt-first development and effectively use AI-assisted tooling in Bolt.new
• Explore the individual strengths of, differences between, and workflows for Bolt.new and StackBlitz
• Build, debug, and deploy full stack applications using Bolt.new with AI-assisted code generation, Supabase integration, and Netlify deployment

• Manage iterative development with Bolt.new features such as checkpoints, rollbacks, and prompt tuning
• Transition seamlessly from Bolt.new to StackBlitz, enhance your applications, and leverage browser-based backends, terminal access, and GitHub integration

Table of Contents

Chapter 1. Introduction to Bolt.new and Prompt-First Development

Chapter 2. Getting Started with Bolt

Chapter 3. Be Clear, Be Specific: Prompt Engineering and Iterative Development

Chapter 4. Fixes, Checkpoints, and Rollbacks

Chapter 5. Building a Movie Explorer App. Part 1: Browsing and Details

Chapter 6. Building a Movie Explorer App. Part 2: Favorites and Authentication

Chapter 7. Deploying Your App with Netlify Integration

Chapter 8. Building a Supabase-Powered Workout Tracker

Chapter 9. Building a Grocery List App Using Bolt’s Fig ma Integration

Chapter 10. Stack Blitz for Bolt Users

Chapter 11. Building Native Mobile Apps Using Bolt and Expo

Chapter 12. Advanced Bolt Tips

About the Author

Addy Osmani is a Senior Engineering Leader at Google Chrome, where he works on developer experience, performance, and AI-powered software development tools. He has over 20 years of industry experience building web technologies and has authored multiple books on software engineering best practices.

He has worked extensively with AI-driven developer tools, testing and evaluating emerging platforms like GitHub Copilot, OpenAI Codex, v0.dev, Cursor, and Cline. His writing on AI-assisted software development has influenced thousands of developers, and his leadership at Google Chrome has helped shape the future of web performance and AI-augmented developer workflows.

This book distills his deep expertise in software engineering and his hands-on experience with AI-powered coding assistants, offering developers practical strategies to integrate AI into their daily workflow and adapt to the rapidly changing landscape of software development.