Până la apariția Bolt.new, uneltele de generare AI de cod se limitau la bucăți izolate de frontend sau la simulări vizuale. Bolt.new (creat de echipa StackBlitz) a schimbat fundamental această paradigmă prin tehnologia WebContainers: un sistem de operare bazat pe WebAssembly care rulează un runtime complet Node.js direct în interiorul tab-ului de browser.
Aceasta înseamnă că agentul AI din Bolt.new nu doar ‘scrie’ cod, ci îl și execută în timp real: instalează dependențe din registrul npm, rulează serverul de dezvoltare Vite, ascultă logurile din consolă și, în cazul în care apare o eroare de compilare TypeScript sau de runtime, agentul o detectează automat și o corectează fără intervenția utilizatorului.
Platforma permite construirea de aplicații full-stack complexe cu baze de date locale (SQLite / PGlite), endpoint-uri API de server și integrare automată cu depozite GitHub și platforme de hosting (Netlify).
Sintaxă, opțiuni și concepte cheie
| Opțiune / Concept | Descriere practică |
|---|---|
WebContainers Technology |
Execuția proceselor Node.js direct în motorul WebAssembly al browserului fără mașini virtuale în cloud. |
In-Browser Terminal & NPM |
Capacitatea agentului de a rula comenzi bash de tip `npm install` și `npm run dev`. |
Autonomous Error Fixing |
Bucla închisă în care agentul inspectează erorile din consola browserului și rescrie fișierele cu probleme. |
Push to GitHub & Deploy |
Exportul instantaneu al întregului arbore de fișiere într-un depozit Git cu un singur click. |
Exemple practice și cod
Exemplul 1: Fluxul de construire a unui dashboard cu backend Node.js pe Bolt.new
Cum orchestrează agentul fișierele și terminalul în browser.
1. Utilizatorul introduce promptul:
'Construiește o aplicație de gestionare a sarcinilor Kanban cu backend Express și frontend React.'
2. Acțiunile autonome ale Bolt.new în container:
• Creează package.json și execută: npm install express cors sqlite3 lucide-react
• Construiește structura de directoare: server/index.js, src/App.tsx, src/components/KanbanBoard.tsx
• Lansează serverul de dev: npm run dev pe portul 5173
• Browserul randează instant previzualizarea live a aplicației Kanban complet funcționale!
3. Dacă apare o eroare de import:
• Agentul citește eroarea: 'Cannot find module lucide-react'
• Rulează autonom 'npm install lucide-react' și reîmprospătează pagina.Rezultat & Impact
Aplicație funcțională cu backend și frontend generată și testată în sub 2 minute.Greșeli frecvente și bune practici
- Încercarea de a rula dependențe native în C++ sau pachete de sistem care nu sunt compilate pentru WebAssembly, ducând la blocarea containerului.
- Comandarea unor modificări majore simultane fără a salva puncte intermediare de versiune pe GitHub.