Orbit — Template SaaS AI

Orbit là template cho sản phẩm AI: giao diện chat streaming có render markdown và code, lịch sử hội thoại, thư viện prompt, đo số token theo từng người dùng và thanh toán theo credit tự dừng gọn gàng khi hết số dư.

Điểm khác biệt

• Xác thực & phân quyền — Đăng nhập bằng email, OAuth và magic link kèm phiên đăng nhập, route được bảo vệ và phân quyền theo vai trò.
• Thanh toán định kỳ — Stripe checkout, cổng khách hàng, webhook, giới hạn theo gói và lịch sử hóa đơn được kết nối trọn vẹn.
• Server component làm mặc định — Việc lấy dữ liệu diễn ra trên server, nhờ đó trang gần như không gửi JavaScript và vẫn nhanh trên điện thoại tầm trung.
• Hiệu ứng tôn trọng người dùng — Hiệu ứng xuất hiện theo cuộn trang và chuyển trang dựng bằng Motion, tự động tắt khi người dùng bật giảm hiệu ứng.
• Theme dựa trên token — Mọi màu sắc, độ bo góc và bóng đổ đều là biến CSS. Đổi toàn bộ thương hiệu chỉ bằng cách sửa một tệp.
• Có kèm kiểm thử — Kiểm thử đơn vị cho phần logic nghiệp vụ và kiểm thử end-to-end bằng Playwright cho các luồng quan trọng.

Phù hợp với ai

Các đội ngũ đóng gói một API mô hình thành sản phẩm có thu phí và đã mệt vì phải dựng lại cùng một giao diện streaming.

Công nghệ sử dụng

Next.js 16 · React 19 · TypeScript · Tailwind CSS v4 · Prisma · Stripe · Claude API

Trong tệp tải về

• Toàn bộ mã nguồn Next.js (TypeScript)
• Tệp thiết kế Figma
• Design token Tailwind CSS
• Tài liệu hướng dẫn dạng văn bản
• Cấu hình triển khai một cú nhấp

Cập nhật và hỗ trợ

Nâng cấp framework và sửa lỗi miễn phí chừng nào sản phẩm này còn tồn tại. Bản quyền Thường kèm 6 tháng hỗ trợ, bản Mở rộng kèm 12 tháng, và có thể gia hạn bất cứ lúc nào.