Menu
ESC

Nhập từ khóa để tìm kiếm

↑↓ Di chuyển
Enter Mở
ESC Đóng

Đang tải...

Design

Bolt.new

bởi StackBlitz

Generate fullstack app (FE + BE + DB) từ prompt trong browser — chạy ngay không cần setup.

Free (limited token) + Pro $20/mo + Teams $30/seat Trang chủ

Tool này là gì?

Bolt.new là sản phẩm của StackBlitz — công ty đứng sau WebContainers (chạy Node.js full trong browser tab). Bolt cho phép bạn mô tả 1 app fullstack bằng tiếng Anh, AI gen ra cả frontend + backend + database, chạy luôn trong browser không cần install gì, deploy 1 click lên Netlify.

Khác v0 (chuyên frontend), Bolt làm cả backend + database — bạn có thể bảo "tạo app to-do list có user login và data lưu trong Supabase", Bolt setup hết. Đây là tool cho PM/founder không-tech muốn launch MVP thật.

Khi nào nên dùng

Khi nào KHÔNG nên dùng

Workflow tiêu biểu

flowchart LR
    A[Mô tả app fullstack] --> B[Bolt generate
FE + BE + DB schema] B --> C[Preview chạy trong browser] C --> D{Test có work?} D -->|Bug| E[Prompt 'fix X bug'] D -->|OK| F[Connect Supabase
cho data thật] E --> B F --> G[Deploy Netlify] G --> H[Share link launch]

Bolt mạnh nhất khi mình describe rất cụ thể schema + flow ngay từ prompt đầu. Vague prompt → output generic. Detailed prompt → app khá xài.

Prompt mẫu

Build internal CRM nhẹ cho team sale:

Pages:
1. Login (Supabase auth, email + password)
2. Dashboard: KPI tuần (leads, calls, deals closed),
   chart line revenue 30 ngày
3. Leads list: bảng có search, filter status
   (new/contacted/qualified/won/lost)
4. Lead detail: thông tin contact, lịch sử call,
   note, change status
5. Add lead form

Stack: Next.js + Tailwind + Supabase (Postgres).
Schema:
- users (id, email, name, role)
- leads (id, name, phone, email, status, owner_id,
  created_at)
- calls (id, lead_id, duration, note, created_at)

Theme: light, primary teal.
(Follow-up)

Add feature: Slack notification khi lead status đổi
sang 'won'. Dùng Slack webhook (URL nhập trong
settings page).

Mẹo nâng cao

Tip 1 — Connect Supabase / Netlify ngay từ đầu: Bolt có 1-click integration. Auth, DB, storage real đều có production từ phút thứ 5. Khác xa mock data.
Tip 2 — Export to StackBlitz / GitHub: Khi cần handoff cho team dev, Bolt export full codebase sang StackBlitz hoặc push GitHub — dev tiếp tục bằng IDE thường.
Cẩn thận: Bolt tokens ăn nhanh trên free tier — 1 app phức tạp có thể hết quota giữa chừng. Upgrade Pro nếu serious build, hoặc plan trước scope mỗi session.

Kết hợp với công cụ khác

flowchart LR
    A[Bolt.new
MVP fullstack] -->|GitHub export| B[Cursor
refine + scale] B --> C[Supabase
production DB] C --> D[Vercel
deploy prod]

Bolt là "0 → 1" tool — đi từ ý tưởng đến working MVP. Khi MVP validate, chuyển sang Cursor cho long-term maintenance.

So với alternatives

So vớiMạnh hơn ởYếu hơn ở
v0 by VercelFullstack (BE + DB), không chỉ UI; chạy ngay trong browserUI quality kém hơn, theme generic hơn
LovableBrowser-native, không cần download anythingLovable Next.js code clean hơn, dễ scale production
Replit AgentOutput deploy production sẵn (Netlify); preview realtimeReplit support nhiều ngôn ngữ hơn (Python, Go), Bolt chỉ JS

Tài nguyên thêm

Công cụ cùng nhóm