LaunchBase — Next.js Startup Product Launch Kit Template

LaunchBase is the complete product launch kit for founders and indie hackers who want to go from idea to a live, production-ready website in hours — not weeks. Instead of stitching together a landing page builder, a waitlist tool, a roadmap service, and a changelog platform, LaunchBase ships everything pre-built in a single Next.js 15 template: a high-converting landing page, a viral waitlist with referral mechanics, a public roadmap, a versioned changelog, a flexible pricing page, and a guided multi-step onboarding flow. Every page is dark-mode only, built with Tailwind v4, shadcn/ui, TypeScript, and Motion, and wired to a single config.tsx so you can go from clone to customized in minutes without touching component internals. The template is engineered for real production use, not just as a pretty preview. The component architecture follows Next.js App Router conventions with proper generateMetadata per page, a centralized SEO setup, and no hardcoded styles — every color, gradient, glow, and shadow derives from a fully custom oklch dark-mode palette defined in globals.css. Animations are handled by Motion (formerly Framer Motion) with staggered entrance effects, scroll-driven progress bars, directional page transitions in the onboarding flow, and a looping logo marquee in the social proof section. shadcn/ui components (Accordion, Badge, Button, Input, Switch, Label, Separator) are used throughout so you never reinvent what's already built. LaunchBase is designed with SEO and conversion in mind from the ground up. The metadata.tsx utility exports a generatePageMetadata function that merges global Open Graph, Twitter card, and robots metadata with per-page overrides — all driven by config.tsx. The waitlist page includes a position counter, a progress bar toward early access, and a referral link generator to drive viral growth. The pricing page ships with a monthly/annual toggle, a highlighted recommended plan, and a trust row. The onboarding flow guides users through four animated steps with persistent state, a project name slug preview, and an integration connection checklist. Everything is responsive, accessible, and ready to deploy to Vercel in one click.