[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"pack-detail-fullstack-indie-hacker-es":3,"seo:pack:fullstack-indie-hacker:es":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","Nuevo · esta semana","Stack Full-Stack para Indie Hackers","Diez picks para lanzar un SaaS en semanas, no meses — Next.js + Tailwind + Drizzle\u002FSupabase + Auth.js + Stripe MCP + Resend + Vercel CLI + Kamal. El stack para enviar producto, no para marketing.",[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.",109,{"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",117,"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":25,"title":103,"metaDescription":104,"h1":105,"tldr":106,"bodyMarkdown":107,"faq":108,"schema":124,"internalLinks":130,"citations":143,"wordCount":156,"generatedAt":157},"pack","Full-Stack Indie Hacker Stack — 10 Tools to Ship a SaaS in Weeks","Next.js, Create T3 App, Tailwind, Supabase, Drizzle, Auth.js, Stripe MCP, Resend, Vercel CLI, Kamal — the 10-asset stack a solo full-stack indie hacker uses to take an idea from blank repo to paying users in a couple of weeks. Install in order.","Full-Stack Indie Hacker Stack — From Blank Repo to Paying Users","Ten picks in deliberate order: scaffold → UI → DB → auth → payments → email → deploy. Two parallel paths through the middle (Supabase fast lane vs Drizzle+Auth.js custom lane). By Friday you have a signup form; by next Sunday you have your first $9 charge.","## What's in this pack (vs the side-hustle pack)\n\nThis is the stack for **shipping the product itself**. If `ai-side-hustle-kit` is about delegating *marketing and research* to agents (so a day-job founder can find customers in their lunch break), this pack is about delegating *the code* to AI tools so the product actually exists by Sunday night.\n\nDifferent jobs, different picks. Side-hustle is `GPT Researcher + n8n + Apify + AgenticMail` — the pipeline that runs *around* a product. This pack is `Next.js + Drizzle + Auth.js + Stripe MCP + Resend` — the pipeline that *is* the product. You almost certainly want both eventually; this one comes first because you can't market what doesn't exist.\n\nEvery pick here earns its place by removing a week from a solo founder's build calendar. Every framework is **production-ready out of the box** — no \"experimental, not for prod\" footguns. The whole stack is wired to be readable by Claude Code \u002F Cursor \u002F Codex so an AI agent can scaffold features for you without inventing imaginary APIs.\n\n## Install in this order (scaffold → DB → auth → payments → deploy)\n\n1. **Next.js** — the framework. Start here because every later pick assumes a Next.js app exists. App Router, Server Components, file-based routing. `npx create-next-app@latest` and you have a deployable repo in 60 seconds.\n2. **Create T3 App** — opinionated typesafe Next.js starter (Next + TypeScript + Tailwind + tRPC + Drizzle\u002FPrisma + NextAuth). Use this *instead of* step 1 if you'd rather have all the typesafe wiring done for you on minute one. Skip it if you want full control over the layout.\n3. **Tailwind CSS v4** — the styling layer. Don't argue with this in 2026. v4 dropped the PostCSS config and is faster than your build cache. Pairs natively with Next.js and every component library you'll consider.\n4. **Supabase** — **fast lane** for DB + auth + storage + realtime. Hosted Postgres with row-level security, an auth server, and a JS SDK. If you don't have strong opinions about your DB layer, start here and you can skip picks #5 and #6 entirely. Free tier carries you through MVP.\n5. **Drizzle ORM** — **custom lane** for when Supabase's BaaS shape doesn't fit (you want raw Postgres, complex schemas, or self-hosting). TypeScript-first, no codegen step, the SQL it generates is the SQL you wrote. Drop it on top of any Postgres (Neon, Railway, your own box).\n6. **Auth.js (NextAuth)** — custom-lane auth that goes with Drizzle. 50+ OAuth providers, magic links, credentials, session adapters for every DB. If you skipped Supabase, this is how you get \"Sign in with Google\" in 20 minutes.\n7. **Stripe MCP** — payments, exposed as MCP tools so Claude Code \u002F Cursor \u002F Codex can wire up checkout, subscriptions, webhooks, and customer portals without you context-switching to the Stripe dashboard. The MCP wrap is the difference between \"Stripe in an afternoon\" and \"Stripe in a weekend.\"\n8. **Resend** — transactional email API built for developers. React Email templates, dead-simple SDK, the closest thing to \"npm install email\" that actually works. Signup confirms, password resets, receipts — done.\n9. **Vercel CLI** — managed deploy. `vercel` from a Next.js repo gives you a preview URL on every push. Free tier covers any pre-revenue MVP. The default destination for steps 1-8 unless you have a specific reason to move.\n10. **Kamal** — self-hosted deploy when you outgrow Vercel (cost, region, compliance). Zero-downtime Docker deploys to any VPS. The escape hatch you reach for the day Vercel's bill catches your attention.\n\n## How they fit together\n\n```\n         npx create-next-app  (or)  Create T3 App\n                          │\n                          ▼\n                    Next.js repo\n                          │\n                  Tailwind CSS v4\n                  (styling layer)\n                          │\n            ┌─────────────┴─────────────┐\n            │                           │\n        FAST LANE                  CUSTOM LANE\n            │                           │\n        Supabase                    Drizzle ORM\n  (DB + auth + storage)         (Postgres on Neon \u002F\n            │                    Railway \u002F your box)\n            │                           │\n            │                       Auth.js\n            │                  (OAuth + sessions)\n            │                           │\n            └─────────────┬─────────────┘\n                          ▼\n                     Stripe MCP\n          (checkout, subs, webhooks via MCP)\n                          │\n                          ▼\n                       Resend\n         (signup, reset, receipt, drip emails)\n                          │\n            ┌─────────────┴─────────────┐\n            ▼                           ▼\n        Vercel CLI                   Kamal\n   (managed, free tier)       (self-host on a VPS)\n```\n\nThe two parallel lanes are the most important call you'll make this week. **Supabase lane** = ship faster, hand off less control, vendor lock-in is real but reversible. **Drizzle + Auth.js lane** = a few more hours of setup, no SDK between you and Postgres, every piece is replaceable. The lanes converge at Stripe — payments don't care which lane you took.\n\n## Tradeoffs you'll hit\n\n- **Next.js vs Nuxt vs SvelteKit** — Next.js wins because (a) it's where the AI tooling is best (every Cursor rule, every Claude skill, every code agent assumes React\u002FNext), (b) Vercel hosts it for free, (c) the hiring pool is 10x bigger when you're ready. Nuxt is the strictly-better choice if you already think in Vue. SvelteKit has the cleanest mental model but the smallest ecosystem. For a solo indie shipping fast in 2026, Next.js is the default.\n- **Supabase vs Drizzle + your own Postgres** — Supabase is faster to ship and has a generous free tier. The cost is row-level-security debugging when policies get complex, and a hosted dependency you don't control. Drizzle + Neon (or Railway) gives you the same shape with full SQL access and easy migration off. Pick Supabase if your data model is straightforward CRUD; pick Drizzle if you already know your queries get gnarly.\n- **Auth.js vs Clerk vs Supabase Auth** — Auth.js is free and self-hosted, but you wire your own session storage. Clerk is the polished SaaS choice (the in-pack alternative is OpenAuth if you want self-hosted Clerk-style). Supabase Auth is bundled if you took the fast lane. Don't mix two — pick one and commit.\n- **Vercel vs Kamal vs Fly** — Vercel is the right answer until your bill crosses ~$50\u002Fmo or you need a region Vercel doesn't have. Then Kamal on a Hetzner box ($5\u002Fmo) wins on every axis except managed-DX. Don't optimize this on day one; ship on Vercel, migrate later when the numbers force it.\n- **Stripe MCP vs raw Stripe SDK** — MCP wins if you're building features alongside Claude Code \u002F Cursor, because the agent can call Stripe APIs directly instead of generating SDK code for you to paste. Raw SDK is fine if you're hand-writing every checkout flow. For a solo founder using AI tools, MCP cuts hours.\n\n## Common pitfalls (over-engineering for ship-by-Sunday)\n\n- **Picking the \"perfect\" stack instead of any stack** — every hour spent comparing Drizzle vs Prisma vs Kysely is an hour not spent on the product. This pack picks for you: Drizzle if you're going custom, Supabase if you're going fast. Move on.\n- **Building auth from scratch \"because it's just a login form\"** — it isn't. Email verification, password reset, session expiry, OAuth state, CSRF — Auth.js or Supabase Auth handle the 23 edge cases you haven't thought of yet. Use one.\n- **Setting up Stripe webhooks without ngrok or Stripe CLI** — your webhook handler will silently fail in dev and you'll lose an afternoon. `stripe listen --forward-to localhost:3000\u002Fapi\u002Fwebhooks\u002Fstripe` is the first command you run when you wire payments.\n- **Self-hosting on day one** — Kamal is in this pack because you *will* want it eventually, not because you should start there. Ship on Vercel, charge money, *then* worry about infra costs.\n- **Skipping email until \"later\"** — \"later\" is after the user has signed up, paid, and is waiting for the receipt that's not coming. Wire Resend the same day you wire Stripe. They're a pair.\n- **Letting Next.js Server Actions tempt you into skipping your API layer** — Server Actions are great for forms; they're a trap for anything you'll want to call from a mobile client or third party. Default to Route Handlers; reach for Server Actions only for in-page mutations.",[109,112,115,118,121],{"q":110,"a":111},"How is this different from the AI Side Hustle Kit pack?","Side-hustle kit is the *delegation* stack — GPT Researcher, n8n, Apify, AgenticMail — for a day-job founder who needs agents to handle marketing, research, and outreach while they're stuck in meetings. This pack is the *building* stack — Next.js, Drizzle, Auth.js, Stripe, Vercel — for actually writing and shipping the product the agents will eventually market. You'll likely want both: this one first (build the thing), then the side-hustle pack (find customers for the thing).",{"q":113,"a":114},"Should I take the Supabase fast lane or the Drizzle + Auth.js custom lane?","Default to Supabase if your data model is mostly CRUD and you want auth + DB + storage handled in one weekend. Take the Drizzle + Auth.js lane if (a) you already know your queries will get complex, (b) you have a regulatory reason to control where data lives, or (c) you've used Supabase before and hit row-level-security walls. Don't try to use both — pick one lane and stay in it through MVP.",{"q":116,"a":117},"Can I really ship a working SaaS in two weeks with this stack?","If the product is genuinely scoped — one core feature, signup → payment → use → email receipt — yes, repeatedly. Weekend 1: scaffold + auth + DB + the core feature working locally. Weekend 2: Stripe + Resend + Vercel deploy + landing page. The pack is calibrated to that pace. What blows up the timeline is scope creep (\"let me add an admin dashboard first\"), not the tools.",{"q":119,"a":120},"Why Vercel CLI as the default deploy when Kamal is in the pack?","Friction. `vercel` from a Next.js repo gives you a preview URL on every git push, free, with zero config. Kamal is the right call when you have paying users and the Vercel bill matters, or you need a region Vercel doesn't serve, or compliance forces self-hosting. Day one, you don't have any of those problems — ship on Vercel, switch to Kamal the month Vercel charges you $80.",{"q":122,"a":123},"Where does Stripe MCP fit if I'm not using Claude Code?","It still fits — Stripe MCP exposes the Stripe API as an MCP server, which means any MCP-capable agent (Cursor, Codex, Claude Code, custom agents) can wire up checkout, subscriptions, customer portals, and webhooks without you context-switching to the Stripe dashboard. If you're hand-writing every payment flow in your editor without AI assistance, the standard Stripe Node SDK is fine — but most solo indies in 2026 are using AI tools, and MCP saves real hours.",{"@context":125,"@type":126,"name":127,"description":128,"numberOfItems":129,"inLanguage":25},"https:\u002F\u002Fschema.org","ItemList","Full-Stack Indie Hacker Stack","Ten production-ready picks for a solo full-stack indie hacker shipping a SaaS in weeks: Next.js, Tailwind, Supabase, Drizzle, Auth.js, Stripe MCP, Resend, Vercel CLI, Kamal.",10,[131,135,139],{"url":132,"anchor":133,"reason":134},"\u002Fen\u002Ftopics","Browse other topic packs on TokRepo","Pair this build-the-product pack with the side-hustle (delegate-marketing) pack",{"url":136,"anchor":137,"reason":138},"\u002Fen\u002Fai-tools-for\u002Fautomation","Automation tools for AI agents","Once the SaaS ships, the side-hustle automation layer plugs onto the same stack",{"url":140,"anchor":141,"reason":142},"\u002Fen\u002Ffeatured","Featured assets on TokRepo","These ten picks live in the larger curated catalog of agent-ready dev tools",[144,148,152],{"claim":145,"source_name":146,"source_url":147},"Next.js is the most popular React framework for building full-stack web applications, used by Netflix, TikTok and Notion","Next.js official site","https:\u002F\u002Fnextjs.org\u002F",{"claim":149,"source_name":150,"source_url":151},"Supabase is an open-source Firebase alternative providing Postgres, auth, storage, and realtime in one platform","Supabase official site","https:\u002F\u002Fsupabase.com\u002F",{"claim":153,"source_name":154,"source_url":155},"Kamal performs zero-downtime Docker deploys to any server with no orchestration layer required","Kamal documentation","https:\u002F\u002Fkamal-deploy.org\u002F",1270,"2026-05-22T12:00:00Z"]