[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"pack-detail-fullstack-indie-hacker-zh":3,"seo:pack:fullstack-indie-hacker:zh":101},{"code":4,"message":5,"data":6},200,"操作成功",{"pack":7},{"slug":8,"icon":9,"tone":10,"status":11,"status_label":12,"title":13,"description":14,"items":15,"install_cmd":100},"fullstack-indie-hacker","🚀","#F59E0B","new","本周新建","全栈独立开发者起步栈","十个资产，把 SaaS 从「想了一年」推到「几周上线」 — Next.js + Tailwind + Drizzle\u002FSupabase + Auth.js + Stripe MCP + Resend + Vercel CLI + Kamal。这是搭产品的栈，不是搞营销的栈。",[16,28,35,42,50,58,65,75,83,93],{"id":17,"uuid":18,"slug":19,"title":20,"description":21,"author_name":22,"view_count":23,"vote_count":24,"lang_type":25,"type":26,"type_label":27},1162,"68bb6791-3702-11f1-9bc6-00163e2b0d79","next-js-full-stack-react-framework-web-68bb6791","Next.js — The Full-Stack React Framework for the Web","Next.js is the most popular React framework for building full-stack web applications. It provides server-side rendering, static generation, API routes, file-based routing, and React Server Components — making React production-ready out of the box.","AI Open Source",132,0,"en","skill","Skill",{"id":29,"uuid":30,"slug":31,"title":32,"description":33,"author_name":22,"view_count":34,"vote_count":24,"lang_type":25,"type":26,"type_label":27},2053,"6c6129a4-3fb6-11f1-9bc6-00163e2b0d79","create-t3-app-full-stack-typesafe-next-js-starter-6c6129a4","Create T3 App — Full-Stack Typesafe Next.js Starter","Create T3 App is the fastest way to scaffold a full-stack, typesafe Next.js application using the T3 Stack: Next.js, TypeScript, tRPC, Prisma, Tailwind CSS, and NextAuth.js.",105,{"id":36,"uuid":37,"slug":38,"title":39,"description":40,"author_name":22,"view_count":41,"vote_count":24,"lang_type":25,"type":26,"type_label":27},663,"46f11f5d-bec2-46b8-89ba-fee11a265142","tailwind-css-v4-utility-first-css-framework-46f11f5d","Tailwind CSS v4 — Utility-First CSS Framework","The most popular utility-first CSS framework, now with v4 engine rewritten in Rust. 10x faster builds, automatic content detection, and zero-config setup. 90,000+ GitHub stars.",190,{"id":43,"uuid":44,"slug":45,"title":46,"description":47,"author_name":48,"view_count":49,"vote_count":24,"lang_type":25,"type":26,"type_label":27},1152,"3487159f-3701-11f1-9bc6-00163e2b0d79","supabase-open-source-firebase-alternative-3487159f","Supabase — The Open Source Firebase Alternative","Supabase is an open-source backend platform built on Postgres. It provides a complete backend — database, authentication, real-time subscriptions, storage, edge functions, and vector embeddings — with instant APIs and a generous free tier.","Supabase",162,{"id":51,"uuid":52,"slug":53,"title":54,"description":55,"author_name":56,"view_count":57,"vote_count":24,"lang_type":25,"type":26,"type_label":27},666,"0e904437-215d-4941-af94-eb0cf7424e0d","drizzle-orm-typescript-sql-feels-like-code-0e904437","Drizzle ORM — TypeScript SQL That Feels Like Code","Type-safe TypeScript ORM with SQL-like syntax. Zero overhead, serverless-ready, supports PostgreSQL, MySQL, SQLite. Schema as code with automatic migrations. 28,000+ GitHub stars.","Script Depot",158,{"id":59,"uuid":60,"slug":61,"title":62,"description":63,"author_name":56,"view_count":64,"vote_count":24,"lang_type":25,"type":26,"type_label":27},1008,"4fa5cb9a-3580-11f1-9bc6-00163e2b0d79","auth-js-nextauth-authentication-web-4fa5cb9a","Auth.js (NextAuth) — Authentication for the Web","Auth.js (formerly NextAuth.js) is a complete open-source authentication solution for Next.js, SvelteKit, Remix, Express, and more. 80+ OAuth providers, passwordless, magic links, database or JWT sessions, and first-class TypeScript.",110,{"id":66,"uuid":67,"slug":68,"title":69,"description":70,"author_name":71,"view_count":72,"vote_count":24,"lang_type":25,"type":73,"type_label":74},645,"9fa25556-579f-4c7d-9791-667c23e6bf7d","stripe-mcp-payments-api-server-ai-agents-9fa25556","Stripe MCP — Payments API Server for AI Agents","Official Stripe MCP server that gives AI agents access to payment processing, customer management, subscription billing, and financial reporting through natural language. 2,000+ stars.","Stripe",119,"mcp","MCP",{"id":76,"uuid":77,"slug":78,"title":79,"description":80,"author_name":81,"view_count":82,"vote_count":24,"lang_type":25,"type":26,"type_label":27},676,"1595eb81-b588-4673-9ba2-37f2db0a751b","resend-modern-email-api-developers-1595eb81","Resend — Modern Email API for Developers","Developer-first email API with React Email templates, webhooks, and deliverability built-in. Send transactional emails with beautiful templates in 3 lines of code. By the creator of Novu. 15,000+ stars.","Resend",182,{"id":84,"uuid":85,"slug":86,"title":87,"description":88,"author_name":89,"view_count":90,"vote_count":24,"lang_type":25,"type":91,"type_label":92},3033,"2d5d7b20-25a2-4f99-bb2e-827672d613dd","vercel-cli-preview-deployments-from-terminal","Vercel CLI — Preview Deployments from Terminal","Vercel CLI runs dev servers, pulls project env, and creates preview or production deployments from the terminal. Useful for agent-built web changes.","Vercel",73,"script","Script",{"id":94,"uuid":95,"slug":96,"title":97,"description":98,"author_name":56,"view_count":99,"vote_count":24,"lang_type":25,"type":26,"type_label":27},1443,"5211d45c-3908-11f1-9bc6-00163e2b0d79","kamal-zero-downtime-docker-deploys-any-server-5211d45c","Kamal — Zero-Downtime Docker Deploys to Any Server","Kamal is Basecamp's deploy tool that ships Docker containers to bare metal or cloud VMs with a single command, giving you Heroku-like workflows on servers you actually own.",121,"tokrepo install pack\u002Ffullstack-indie-hacker",{"pageType":102,"pageKey":8,"locale":103,"title":104,"metaDescription":105,"h1":106,"tldr":107,"bodyMarkdown":108,"faq":109,"schema":125,"internalLinks":131,"citations":144,"wordCount":157,"generatedAt":158},"pack","zh","全栈独立开发者起步栈 — 10 个资产把 SaaS 几周内推上线","Next.js \u002F Create T3 App \u002F Tailwind \u002F Supabase \u002F Drizzle \u002F Auth.js \u002F Stripe MCP \u002F Resend \u002F Vercel CLI \u002F Kamal — 一套 10 个资产，给一个全栈独立开发者从空仓库到付费用户用几周搞定的栈。按顺序装。","全栈独立开发者起步栈 — 从空仓库到第一笔付费","十个资产，按顺序：脚手架 → UI → DB → 认证 → 支付 → 邮件 → 部署。中间分两条平行路（Supabase 快车道 vs Drizzle+Auth.js 自定义道）。周五出注册表单，下周日收到第一笔 $9 订阅。","## 这个 pack 包含什么（vs 副业起步套装）\n\n这套是**搭产品本身**的栈。如果说 `ai-side-hustle-kit` 是把**营销和调研委托给 agent**（让上班族在午休里找客户），这个 pack 是把**代码委托给 AI 工具**，让产品在周日晚上真的能跑起来。\n\n两个 pack 干两件事，所以选不同的工具。副业起步是 `GPT Researcher + n8n + Apify + AgenticMail` — 跑在产品**外面**的流水线。这个 pack 是 `Next.js + Drizzle + Auth.js + Stripe MCP + Resend` — 它**就是产品**。两套你早晚都要，但**这套先来**，因为没产品就没营销目标。\n\n这里的每个选择都帮你从独立开发者的日程表上抠出一周。每个框架都是**开箱即生产可用** — 没有那种「实验功能，生产慎用」的坑。整套栈被有意配成 Claude Code \u002F Cursor \u002F Codex 容易读懂的形状，AI agent 帮你写功能时不会编造 API。\n\n## 推荐安装顺序（脚手架 → DB → 认证 → 支付 → 部署）\n\n1. **Next.js** — 主框架。从这里起，因为后面每一个选择都假设你已经有一个 Next.js 应用。App Router、Server Components、文件路由。`npx create-next-app@latest` 60 秒出一个能部署的仓库。\n2. **Create T3 App** — 有定见的 typesafe Next.js 启动器（Next + TypeScript + Tailwind + tRPC + Drizzle\u002FPrisma + NextAuth）。**替代** step 1 用，前提是你愿意接受一套打包好的 typesafe 接线。如果你想完全自己控制布局，跳过它。\n3. **Tailwind CSS v4** — 样式层。2026 年这个别再纠结了。v4 砍掉了 PostCSS 配置，构建比你的缓存还快。和 Next.js 原生配合，也和你会考虑的每个组件库配。\n4. **Supabase** — DB + 认证 + 存储 + realtime 的**快车道**。托管 Postgres 带行级安全，自带认证服务和 JS SDK。如果你对 DB 层没强烈意见，从这里起步，#5 和 #6 可以完全跳过。免费额度撑过 MVP。\n5. **Drizzle ORM** — 当 Supabase 的 BaaS 形状不合身时的**自定义道**（你要裸 Postgres、复杂 schema、或自托管）。TypeScript 优先、无 codegen 步骤、它生成的 SQL 就是你写的 SQL。可以挂在任何 Postgres 上（Neon、Railway、你自己的机器）。\n6. **Auth.js (NextAuth)** — 配 Drizzle 走的自定义道认证。50+ OAuth provider、magic link、密码、各家 DB 的 session adapter。如果跳过 Supabase，这是你 20 分钟内拿到「用 Google 登录」的方法。\n7. **Stripe MCP** — 支付，以 MCP 工具方式暴露，让 Claude Code \u002F Cursor \u002F Codex 直接接 checkout \u002F 订阅 \u002F webhook \u002F customer portal，你不用切到 Stripe 控制台对照文档。MCP 这层包装就是「Stripe 接一下午」和「Stripe 接一周末」的差别。\n8. **Resend** — 给开发者用的交易邮件 API。React Email 模板、极简 SDK，最接近「`npm install email` 然后能用」的东西。注册确认、密码重置、收据 — 一次接完。\n9. **Vercel CLI** — 托管部署。Next.js 仓库里跑一句 `vercel`，每次 push 都给你一个 preview URL。免费额度覆盖任何尚未盈利的 MVP。除非有特别原因要换，step 1-8 的默认终点站。\n10. **Kamal** — 长出 Vercel 时（成本、地域、合规）的自托管部署。任何 VPS 上的零宕机 Docker 部署。Vercel 账单咬到你那天，伸手去够的逃生通道。\n\n## 它们怎么协同\n\n```\n         npx create-next-app  （或）  Create T3 App\n                          │\n                          ▼\n                    Next.js 仓库\n                          │\n                  Tailwind CSS v4\n                    （样式层）\n                          │\n            ┌─────────────┴─────────────┐\n            │                           │\n          快车道                      自定义道\n            │                           │\n        Supabase                    Drizzle ORM\n   （DB + 认证 + 存储）          （挂在 Neon \u002F\n            │                    Railway \u002F 自己机器）\n            │                           │\n            │                       Auth.js\n            │                   （OAuth + session）\n            │                           │\n            └─────────────┬─────────────┘\n                          ▼\n                     Stripe MCP\n         （checkout \u002F 订阅 \u002F webhook 走 MCP）\n                          │\n                          ▼\n                       Resend\n         （注册 \u002F 重置 \u002F 收据 \u002F drip 邮件）\n                          │\n            ┌─────────────┴─────────────┐\n            ▼                           ▼\n        Vercel CLI                    Kamal\n     （托管，免费档）            （自托管在 VPS 上）\n```\n\n中间两条平行车道是你这周最重要的一个决定。**Supabase 车道** = 上线更快、交出部分控制、vendor lock-in 真存在但可以走出来。**Drizzle + Auth.js 车道** = 多花几小时接线、你和 Postgres 之间没有 SDK、每个部件都可替换。两条道在 Stripe 处汇合 — 支付不在乎你走哪条道。\n\n## 你会遇到的取舍\n\n- **Next.js vs Nuxt vs SvelteKit** — Next.js 赢，因为 (a) AI 工具链对 Next 最熟（每个 Cursor rule、每个 Claude skill、每个 code agent 默认 React\u002FNext），(b) Vercel 免费托管，(c) 你要找合伙人\u002F雇人时人才池大 10 倍。Nuxt 是「你已经在用 Vue 思考」时的严格更优解。SvelteKit 心智模型最干净但生态最小。2026 年独立开发者快速发车，默认 Next.js。\n- **Supabase vs Drizzle + 自己的 Postgres** — Supabase 上线更快、免费额度慷慨。代价是 row-level-security 策略复杂时的 debug 体验，加一个你不控制的托管依赖。Drizzle + Neon（或 Railway）形状一样但有完整 SQL 访问，迁移出来也容易。数据模型基本是 CRUD 选 Supabase；查询会复杂选 Drizzle。\n- **Auth.js vs Clerk vs Supabase Auth** — Auth.js 免费、自托管，但 session 存储要你自己接。Clerk 是打磨好的 SaaS 选择（pack 内的自托管 Clerk-like 替代是 OpenAuth）。Supabase Auth 如果你走快车道就自带。**别混用两个** — 选一个就死守。\n- **Vercel vs Kamal vs Fly** — 账单跨过 ~$50\u002F月或你需要 Vercel 没有的地域之前，Vercel 都是正确答案。之后 Hetzner 上一台 $5\u002F月跑 Kamal，除了托管 DX 之外所有维度都赢。day one 别为这个优化；在 Vercel 上发车，数字逼你换的时候再换。\n- **Stripe MCP vs 原生 Stripe SDK** — 如果你和 Claude Code \u002F Cursor 一起开发，MCP 赢，因为 agent 能直接调用 Stripe API 而不是给你生成 SDK 代码再粘。如果你完全手写每个 checkout 流程，原生 SDK 也好。2026 年大多数独立开发者都在用 AI 工具，MCP 真能省几小时。\n\n## 常见踩坑（不要为了周日发车而过度工程）\n\n- **挑「完美」的栈而不是任何一个栈** — 花一小时对比 Drizzle vs Prisma vs Kysely，就是少了一小时做产品。这个 pack 替你选了：走自定义就 Drizzle，走快车道就 Supabase。往下走。\n- **「不就是个登录表单」就自己写认证** — 不是。邮箱验证、密码重置、session 过期、OAuth state、CSRF — Auth.js 或 Supabase Auth 已经处理了你没想到的 23 个 edge case。挑一个用。\n- **接 Stripe webhook 不用 ngrok 或 Stripe CLI** — dev 环境 webhook 会静默失败，你会丢一下午。接支付时第一条命令就是 `stripe listen --forward-to localhost:3000\u002Fapi\u002Fwebhooks\u002Fstripe`。\n- **day one 就自托管** — Kamal 进这个 pack 是因为你**早晚**要它，不是因为你**应该**从那里开始。在 Vercel 上发车、收到钱、**然后**再担心基建成本。\n- **邮件「以后再说」** — 「以后」就是用户注册付完款，等着没来的收据。接 Stripe 那天就把 Resend 一起接了。它们是配套的。\n- **被 Next.js Server Actions 引诱跳过 API 层** — Server Actions 写表单很好；但你之后想从移动客户端或第三方调用的任何东西，它就是个陷阱。默认用 Route Handlers；只有页内 mutation 才伸手够 Server Actions。",[110,113,116,119,122],{"q":111,"a":112},"这个 pack 和 AI 副业起步套装有啥区别？","副业套装是**委托型**栈 — GPT Researcher、n8n、Apify、AgenticMail — 给「白天上班、需要 agent 帮忙做营销\u002F调研\u002F外联」的人。这个 pack 是**搭建型**栈 — Next.js、Drizzle、Auth.js、Stripe、Vercel — 给真要写代码、把产品发出去的人。两套你早晚都要：先这套（先把东西做出来），再副业套装（给做出来的东西找客户）。",{"q":114,"a":115},"我应该走 Supabase 快车道还是 Drizzle + Auth.js 自定义道？","数据模型基本是 CRUD、想一个周末把认证 + DB + 存储全搞定，默认 Supabase。走 Drizzle + Auth.js 道，前提是 (a) 你已经知道查询会很复杂、(b) 有合规理由必须控制数据在哪、或 (c) 你用过 Supabase 撞过 row-level-security 的墙。**别两个都用** — 选一条道，MVP 之前不要换。",{"q":117,"a":118},"用这套栈两周真能把 SaaS 发上线吗？","如果产品 scope 真划清楚了 — 一个核心功能、注册 → 付款 → 用 → 收据邮件 — 是，重复可达。第一个周末：脚手架 + 认证 + DB + 核心功能本地能跑。第二个周末：Stripe + Resend + Vercel 部署 + 落地页。整个 pack 按这个节奏校准。把时间表炸掉的是 scope 蔓延（「让我先加个 admin dashboard」），不是工具本身。",{"q":120,"a":121},"Kamal 都在 pack 里了，为啥默认部署还是 Vercel CLI？","摩擦。Next.js 仓库里 `vercel` 一句，每次 git push 给你一个 preview URL，免费、零配置。Kamal 是有付费用户、Vercel 账单开始扎眼，或者 Vercel 没有你要的地域、或者合规逼你自托管时的正确选项。day one 这些问题你一个都没有 — 先 Vercel 上线，Vercel 收你 $80 那个月再切 Kamal。",{"q":123,"a":124},"我不用 Claude Code，Stripe MCP 还合适吗？","依然合适 — Stripe MCP 把 Stripe API 暴露成 MCP server，任何懂 MCP 的 agent（Cursor、Codex、Claude Code、自建 agent）都能直接接 checkout \u002F 订阅 \u002F customer portal \u002F webhook，你不用切到 Stripe 控制台对照文档。如果你完全不用 AI 助手、纯手写每个支付流程，Stripe Node SDK 也够。但 2026 年大多数独立开发者都用 AI 工具，MCP 真能省几小时。",{"@context":126,"@type":127,"name":13,"description":128,"numberOfItems":129,"inLanguage":130},"https:\u002F\u002Fschema.org","ItemList","十个生产可用的资产，给一个全栈独立开发者用几周把 SaaS 推到付费用户面前：Next.js \u002F Tailwind \u002F Supabase \u002F Drizzle \u002F Auth.js \u002F Stripe MCP \u002F Resend \u002F Vercel CLI \u002F Kamal。",10,"zh-CN",[132,136,140],{"url":133,"anchor":134,"reason":135},"\u002Fzh\u002Ftopics","浏览 TokRepo 其它主题包","把这个「搭产品」pack 和「副业委托」pack 一起用",{"url":137,"anchor":138,"reason":139},"\u002Fzh\u002Fai-tools-for\u002Fautomation","AI Agent 自动化工具集","SaaS 上线后，副业自动化层就挂在这套栈上",{"url":141,"anchor":142,"reason":143},"\u002Fzh\u002Ffeatured","TokRepo 精选资产","这十个资产属于 TokRepo 上更大的 agent-ready 开发工具目录",[145,149,153],{"claim":146,"source_name":147,"source_url":148},"Next.js 是最流行的 React 全栈框架，Netflix、TikTok、Notion 都在用","Next.js 官网","https:\u002F\u002Fnextjs.org\u002F",{"claim":150,"source_name":151,"source_url":152},"Supabase 是开源 Firebase 替代，一站提供 Postgres、认证、存储、realtime","Supabase 官网","https:\u002F\u002Fsupabase.com\u002F",{"claim":154,"source_name":155,"source_url":156},"Kamal 在任意服务器上实现零宕机 Docker 部署，不需要编排层","Kamal 官方文档","https:\u002F\u002Fkamal-deploy.org\u002F",1720,"2026-05-22T12:00:00Z"]