Bolt AI is a prompt based development tool for creating and running web applications. Learn practical skills with AI Academy and discover useful workflows in our AI Library.
Explore all lessons in this catalogue and start learning at your own pace.
▶
1. What Is Bolt.new? ❌
Discover Bolt.new with AI Academy 1U as an agentic application-building platform from StackBlitz that turns natural-language instructions into working websites and web applications.
▶
2. What Can You Build with Bolt? ❌
Explore what you can build with Bolt through AI Academy 1U, including websites, landing pages, dashboards, internal tools, SaaS products, e-commerce applications, AI apps, and prototypes.
▶
3. How Bolt Builds Full-Stack Applications ❌
Understand how Bolt builds full-stack applications with AI Academy 1U by combining frontend interfaces, backend services, databases, authentication, hosting, and deployment inside a unified project.
▶
4. Create and Set Up Your Bolt Account ❌
Create and prepare your Bolt account with AI Academy 1U by setting up the workspace, initial project environment, and essential settings needed to begin building applications.
▶
5. Explore the Bolt Workspace ❌
Explore the Bolt workspace with AI Academy 1U, including AI chat, live preview, code editor, terminal, project files, and publishing controls used throughout the development process.
🔒
6. Understand the Bolt Development Workflow ❌
Understand the Bolt development workflow with AI Academy 1U by following a structured process from idea and prompting through building, preview, refinement, testing, security, and publishing.
▶
7. Build Your First App from a Prompt ❌
Build your first application from a prompt with AI Academy 1U by describing an app idea and observing how Bolt generates source code, user interface, and a working preview.
▶
8. Write Effective Bolt Prompts ❌
Write effective Bolt prompts with AI Academy 1U by clearly defining application type, target users, pages, functions, data requirements, and visual direction.
▶
9. Structure a Professional Build Prompt ❌
Structure professional build prompts with AI Academy 1U by organizing context, goals, features, design requirements, data needs, constraints, and expected results.
🔒
10. Use Follow-Up Prompts ❌
Use follow-up prompts with AI Academy 1U to refine specific application features without unnecessarily rebuilding the entire project.
🔒
11. Break Large Applications into Features ❌
Break large applications into manageable features with AI Academy 1U so Bolt can work incrementally, maintain better context, and reduce development errors.
🔒
12. Prompt for Existing Features Instead of Rebuilding ❌
Modify existing features efficiently with AI Academy 1U by directing Bolt to change only the required components instead of recreating complete pages or systems.
🔒
13. Build a Cost-Efficient Prompting Workflow ❌
Build a cost-efficient prompting workflow with AI Academy 1U by grouping related changes, supplying accurate context, minimizing repeated instructions, and reducing unnecessary model usage.
▶
14. Turn an Idea into Requirements ❌
Turn a business idea into clear application requirements with AI Academy 1U by translating goals into practical features and development objectives.
▶
15. Define Users and Roles ❌
Define users and roles with AI Academy 1U by identifying guests, members, staff, customers, administrators, and the access each group requires.
🔒
16. Plan Pages and Navigation ❌
Plan pages and navigation with AI Academy 1U by creating a sitemap and user journey before application development begins.
🔒
17. Plan Features and Data ❌
Plan application features and data with AI Academy 1U by identifying what each function needs to display, read, create, update, and store.
🔒
18. Plan Frontend and Backend Responsibilities ❌
Plan frontend and backend responsibilities with AI Academy 1U by separating presentation logic, business rules, server-side processing, and data services.
🔒
19. Create a Complete Application Blueprint ❌
Create a complete application blueprint with AI Academy 1U by connecting users, pages, features, database requirements, integrations, security, and deployment into one structured plan.
▶
20. Generate Your First Interface ❌
Generate your first application interface with AI Academy 1U by describing layout, content, and structure through natural-language instructions.
▶
21. Define a Visual Style ❌
Define a visual style with AI Academy 1U by establishing typography, color direction, spacing, visual hierarchy, and overall interface consistency.
🔒
22. Build Navigation Components ❌
Build navigation components with AI Academy 1U using headers, sidebars, menus, and mobile navigation patterns for clear application movement.
🔒
23. Build Forms ❌
Build professional forms with AI Academy 1U using inputs, validation, submission states, feedback messages, and error handling.
🔒
24. Build Cards, Tables and Dashboards ❌
Build cards, tables, and dashboards with AI Academy 1U to present business data, records, metrics, and management information clearly.
🔒
25. Build Responsive Layouts ❌
Build responsive layouts with AI Academy 1U that adapt effectively across desktop, tablet, and mobile screen sizes.
🔒
26. Create a Consistent UI System ❌
Create a consistent UI system with AI Academy 1U by standardizing typography, spacing, colors, reusable components, and interface patterns.
▶
27. What Are Visual Edits? ❌
Understand Visual Edits with AI Academy 1U and learn the difference between modifying an interface through prompts and directly selecting individual page elements.
▶
28. Select and Edit Page Elements ❌
Select and edit page elements with AI Academy 1U by changing text, size, spacing, and visual properties directly within the application interface.
🔒
29. Batch Multiple Visual Changes ❌
Batch multiple visual changes with AI Academy 1U by preparing several interface edits before submitting them together for more efficient refinement.
🔒
30. Refine Typography and Spacing ❌
Refine typography and spacing with AI Academy 1U to improve hierarchy, readability, visual rhythm, and overall interface quality.
🔒
31. Refine Colors and Brand Styling ❌
Refine colors and brand styling with AI Academy 1U so application interfaces align more closely with professional brand identity.
🔒
32. Combine Visual Edits with AI Prompts ❌
Combine Visual Edits with AI prompts using AI Academy 1U by choosing when direct element editing is more efficient and when an AI agent should handle broader changes.
▶
33. What Is a Design System Agent? ❌
Understand Bolt Design System Agents with AI Academy 1U and learn how they help reuse an organization’s existing design system inside AI-generated applications.
▶
34. Understand Design Tokens ❌
Understand design tokens with AI Academy 1U by working with standardized colors, typography, spacing, and component rules across an interface.
🔒
35. Import UI Components ❌
Import existing UI components with AI Academy 1U so Bolt can reuse established component libraries instead of generating every interface element from scratch.
🔒
36. Use an NPM Design System ❌
Use an NPM-based design system with AI Academy 1U to incorporate reusable component packages into Bolt-generated prototypes and applications.
🔒
37. Connect Storybook ❌
Connect Storybook with AI Academy 1U so Bolt agents can understand documented UI components and reuse them accurately.
🔒
38. Add Brand Assets and Guidelines ❌
Add brand assets and guidelines with AI Academy 1U by providing logos, icons, fonts, and visual rules that guide application generation.
🔒
39. Build an On-Brand Production Prototype ❌
Build an on-brand production prototype with AI Academy 1U by combining prompts, Design System Agents, reusable components, brand standards, review, and usable source code.
▶
40. Understand the Bolt Code Editor ❌
Understand the Bolt code editor with AI Academy 1U and learn how AI-generated applications are represented as real project source files.
▶
41. Navigate Project Files ❌
Navigate Bolt project files with AI Academy 1U by identifying components, pages, configuration files, assets, and other important application resources.
🔒
42. Edit AI-Generated Code Manually ❌
Edit AI-generated code manually with AI Academy 1U when direct code changes are more precise or efficient than using additional prompts.
🔒
43. Understand React and Vite Projects ❌
Understand React and Vite projects with AI Academy 1U by learning the structure of a common frontend stack generated by Bolt.
🔒
44. Understand Tailwind Styling ❌
Understand Tailwind styling with AI Academy 1U so you can read, review, and modify AI-generated interface styles effectively.
🔒
45. Combine Manual Coding with Bolt Agent ❌
Combine manual coding with the Bolt Agent using AI Academy 1U by keeping developer control over critical logic while using AI to accelerate implementation.
▶
46. What Is Bolt Cloud? ❌
Understand Bolt Cloud with AI Academy 1U as integrated infrastructure that supports hosting, backend services, databases, authentication, and application deployment.
▶
47. Understand Full-Stack Infrastructure ❌
Understand full-stack infrastructure with AI Academy 1U by learning how hosting, databases, authentication, and backend functions work together in Bolt applications.
🔒
48. Add Backend Capabilities ❌
Add backend capabilities with AI Academy 1U by transforming a static project into a dynamic application with server-side functionality.
🔒
49. Connect UI to Backend Logic ❌
Connect the user interface to backend logic with AI Academy 1U through forms, validation, server processing, and application responses.
🔒
50. Understand Environment Variables ❌
Understand environment variables with AI Academy 1U and learn how applications store configuration values and credentials securely.
🔒
51. Build a Full-Stack Feature ❌
Build a complete full-stack feature with AI Academy 1U by connecting frontend, backend, database, user interaction, and deployment.
▶
52. Understand Bolt Databases ❌
Understand Bolt databases with AI Academy 1U and learn how persistent application data is stored and used across features.
▶
53. Create Your First Data Model ❌
Create your first data model with AI Academy 1U by translating business entities into structured application data.
🔒
54. Design Database Relationships ❌
Design database relationships with AI Academy 1U by connecting users, products, orders, and related records through appropriate data structures.
🔒
55. Build Create and Read Operations ❌
Build create and read operations with AI Academy 1U so applications can store new records and retrieve existing data.
🔒
56. Build Update and Delete Operations ❌
Build update and delete operations with AI Academy 1U to complete a full CRUD data-management workflow.
🔒
57. Connect Forms to Database ❌
Connect application forms to a database with AI Academy 1U by linking user input, validation, storage, and results.
🔒
58. Build a Data-Driven Dashboard ❌
Build a data-driven dashboard with AI Academy 1U by combining records, filters, statistics, and management interfaces.
▶
59. Understand Authentication ❌
Understand authentication with AI Academy 1U and learn the difference between verifying user identity and controlling authorized access.
▶
60. Add Sign-Up and Login ❌
Add sign-up and login with AI Academy 1U to create a complete basic user authentication flow.
🔒
61. Build User Profiles ❌
Build user profiles with AI Academy 1U so applications can store and manage personal information for authenticated users.
🔒
62. Protect Private Pages ❌
Protect private pages with AI Academy 1U by checking authentication state before allowing access to restricted application areas.
🔒
63. Build Roles and Permissions ❌
Build roles and permissions with AI Academy 1U for members, staff, administrators, and other user groups.
🔒
64. Implement Password Recovery ❌
Implement password recovery with AI Academy 1U to support a more complete and practical account lifecycle.
🔒
65. Build a Complete User Management System ❌
Build a complete user management system with AI Academy 1U covering registration, login, profiles, roles, protected data, permissions, and logout.
▶
66. Understand Payments in Bolt ❌
Understand payments in Bolt with AI Academy 1U by learning the relationship between products, customers, checkout, transactions, and payment status.
▶
67. Connect Stripe ❌
Connect Stripe with AI Academy 1U and prepare a payment provider for accepting and managing transactions inside Bolt applications.
🔒
68. Create Products and Prices ❌
Create products and prices with AI Academy 1U to define what an application sells and how customers are charged.
🔒
69. Build One-Time Payments ❌
Build one-time payment workflows with AI Academy 1U by connecting checkout, transaction processing, confirmation, and application access.
🔒
70. Build Subscription Billing ❌
Build subscription billing with AI Academy 1U using recurring plans, customer accounts, payment cycles, and controlled product access.
🔒
71. Control Product Access after Payment ❌
Control product access after payment with AI Academy 1U by connecting payment status, entitlement logic, and user permissions.
🔒
72. Handle Failed Payments ❌
Handle failed payments with AI Academy 1U by distinguishing successful checkout from unsuccessful transactions and managing appropriate application behavior.
🔒
73. Build a Complete SaaS Billing Flow ❌
Build a complete SaaS billing flow with AI Academy 1U covering signup, plan selection, Stripe, subscriptions, product access, and customer management.
▶
74. Understand App Integrations ❌
Understand application integrations with AI Academy 1U and learn how Bolt applications communicate with external platforms and services.
▶
75. Understand APIs and Authentication ❌
Understand APIs and authentication with AI Academy 1U by learning endpoints, requests, tokens, responses, and secure external communication.
🔒
76. Connect External Services with Pica ❌
Connect external services with Pica using AI Academy 1U to add third-party capabilities without building an entire integration layer manually.
🔒
77. Connect Business Applications ❌
Connect business applications with AI Academy 1U across CRM, accounting, email, collaboration, and other operational platforms.
🔒
78. Build Multi-App Workflows ❌
Build multi-app workflows with AI Academy 1U so data or events from one application can trigger actions in another connected system.
🔒
79. Handle Integration Errors ❌
Handle integration errors with AI Academy 1U by diagnosing authentication failures, rate limits, failed requests, and external service issues.
🔒
80. Build an Integrated Business System ❌
Build an integrated business system with AI Academy 1U by connecting an application, database, CRM, email, payments, and automation workflows.
▶
81. What Are Bolt Connectors? ❌
Understand Bolt Connectors with AI Academy 1U and learn how Bolt can access context directly from approved external tools.
▶
82. Understand MCP ❌
Understand Model Context Protocol with AI Academy 1U and learn how AI systems connect to external tools and information through MCP.
🔒
83. Connect Notion or Documentation ❌
Connect Notion or documentation sources with AI Academy 1U so Bolt can use business requirements and project information as development context.
🔒
84. Connect Linear or Jira ❌
Connect Linear or Jira with AI Academy 1U to use live issues, tasks, and project-management information during application development.
🔒
85. Connect GitHub ❌
Connect GitHub with AI Academy 1U so Bolt can access repository context and support issue or pull-request workflows.
🔒
86. Connect Sentry for Debugging Context ❌
Connect Sentry with AI Academy 1U to provide production error information and debugging context directly to the Bolt Agent.
🔒
87. Add a Custom MCP Connector ❌
Add a custom MCP connector with AI Academy 1U by configuring a remote MCP server, authentication, and available tool capabilities.
🔒
88. Secure Connector Access ❌
Secure connector access with AI Academy 1U by controlling permissions, credentials, sensitive data, and the external actions available to AI agents.
▶
89. Understand Version Control ❌
Understand version control with AI Academy 1U and learn how project changes can be tracked, reviewed, and managed safely over time.
▶
90. Connect Bolt with GitHub ❌
Connect Bolt with GitHub using AI Academy 1U so application source code can be stored and managed inside a repository.
🔒
91. Review AI-Generated Changes ❌
Review AI-generated changes with AI Academy 1U to confirm correctness, quality, and intended behavior before accepting modifications.
🔒
92. Work with Commits ❌
Work with Git commits using AI Academy 1U to preserve focused logical milestones and maintain understandable project history.
🔒
93. Work with Branches ❌
Work with branches using AI Academy 1U to isolate features, bug fixes, experiments, and ongoing development work.
🔒
94. Build a Pull Request Workflow ❌
Build a pull request workflow with AI Academy 1U that moves features through review, testing, pull requests, and final merge.
🔒
95. Collaborate with Developers ❌
Collaborate with developers using AI Academy 1U by combining product builders, Bolt, GitHub, and engineering teams in a coordinated workflow.
▶
96. Test Generated Applications ❌
Test generated applications with AI Academy 1U by verifying actual behavior instead of relying only on visual appearance.
▶
97. Reproduce an Application Error ❌
Reproduce application errors with AI Academy 1U by identifying the exact conditions and steps required to make a problem occur consistently.
🔒
98. Debug Frontend Errors ❌
Debug frontend errors with AI Academy 1U by analyzing interface behavior, application state, and browser-related issues.
🔒
99. Debug Backend Errors ❌
Debug backend errors with AI Academy 1U by investigating server functions, APIs, database operations, and application logic.
🔒
100. Debug Integration Failures ❌
Debug integration failures with AI Academy 1U by analyzing authentication, requests, responses, and external service behavior.
🔒
101. Test Critical User Flows ❌
Test critical user flows with AI Academy 1U across registration, payment, database actions, and expected application results.
🔒
102. Prevent Regression Bugs ❌
Prevent regression bugs with AI Academy 1U by retesting existing features after AI-generated code changes or new functionality is introduced.
▶
103. Understand Security in AI-Built Apps ❌
Understand security in AI-built applications with AI Academy 1U by identifying common risks in automatically generated full-stack systems.
▶
104. Protect Secrets and Credentials ❌
Protect secrets and credentials with AI Academy 1U by avoiding hard-coded API keys, passwords, tokens, and other sensitive information.
🔒
105. Secure Authentication and Authorization ❌
Secure authentication and authorization with AI Academy 1U by controlling which users can access specific features and actions.
🔒
106. Secure Database Access ❌
Secure database access with AI Academy 1U by applying permissions, data policies, and row-level access controls.
🔒
107. Prevent Injection and XSS ❌
Prevent injection and cross-site scripting with AI Academy 1U by validating input, controlling output, and reducing unsafe application behavior.
🔒
108. Run Bolt Security Audit ❌
Run a Bolt security audit with AI Academy 1U to identify and resolve security issues detected before production publishing.
🔒
109. Build a Secure Production Checklist ❌
Build a secure production checklist with AI Academy 1U covering authentication, data, secrets, APIs, payments, security audits, and publishing readiness.
▶
110. Understand Bolt Publishing ❌
Understand Bolt publishing with AI Academy 1U by learning the difference between preview environments and production applications available to real users.
▶
111. Publish Your First Application ❌
Publish your first Bolt application with AI Academy 1U and make the project available through a public live URL.
🔒
112. Connect a Custom Domain ❌
Connect a custom domain with AI Academy 1U so a Bolt application can use a professional branded web address.
🔒
113. Configure Production Environment Variables ❌
Configure production environment variables with AI Academy 1U to manage secrets and application settings safely in the live environment.
🔒
114. Understand Hosting and Scaling ❌
Understand hosting and scaling with AI Academy 1U by learning how published applications are served and how infrastructure supports growing usage.
🔒
115. Monitor Traffic with Analytics ❌
Monitor application traffic with AI Academy 1U by tracking pageviews, visitors, and traffic sources after production launch.
▶
116. Understand SEO for Bolt Projects ❌
Understand SEO for Bolt projects with AI Academy 1U by learning how titles, metadata, page structure, and crawlability influence search visibility.
🔒
117. Optimize a Bolt Website for Search ❌
Optimize a Bolt website for search with AI Academy 1U by improving content, metadata, page structure, performance, and production readiness.
🔒
118. Project: Build a Complete Business Application ❌
Build a complete business application with AI Academy 1U by combining requirements, user interface, database, user management, integrations, security, and production publishing.
🔒
119. Project: Build and Monetize a SaaS Application ❌
Build and monetize a SaaS application with AI Academy 1U by combining landing pages, authentication, databases, dashboards, Stripe subscriptions, user access, analytics, and production deployment.
ChatGPT is an AI assistant for writing, learning, research, problem solving, and creative tasks. Learn practical skills with AI Academy and discover useful workflows in our AI Library.
EXPLORE AI LIBRARY
Canva is a design platform for creating graphics, presentations, videos, and social media content. Learn practical design skills with AI Academy and explore creative workflows in our AI Library.
EXPLORE AI LIBRARY
CapCut is a video editing platform for creating and enhancing videos with AI-powered tools, effects, captions, and templates. Learn practical skills with AI Academy and explore workflows in our AI Library.
EXPLORE AI LIBRARY
Google Gemini is Google’s assistant for research, writing, reasoning, images, and productivity. Learn practical skills with AI Academy and discover useful workflows in our AI Library.
EXPLORE AI LIBRARY
Learn Google Veo with AI Academy 1U and create cinematic AI videos from text and images using powerful video generation, camera controls, visual storytelling, and creative production techniques.
EXPLORE AI LIBRARY
ElevenLabs AI is a voice platform for text to speech, narration, and voice creation. Learn practical skills with AI Academy and discover useful workflows in our AI Library.
EXPLORE AI LIBRARY
Claude AI is an assistant for writing, document analysis, reasoning, and coding. Learn practical skills with AI Academy and discover useful workflows in our AI Library.
EXPLORE AI LIBRARY
VideoGen AI empowers creators to produce engaging videos faster with AI-powered tools. Learn practical workflows, creative techniques, and production strategies with AI Academy 1U to create professional video content efficiently.
EXPLORE AI LIBRARY
HeyGen AI is an avatar video platform for presentations, narration, and multilingual communication. Learn practical skills with AI Academy and discover useful workflows in our AI Library.
EXPLORE AI LIBRARY
Microsoft Copilot is Microsoft’s assistant for productivity, writing, research, and workplace tasks. Learn practical skills with AI Academy and discover useful workflows in our AI Library.
EXPLORE AI LIBRARY