Internal preview
30 sections with sample data, available in light and dark mode. Scroll through, then pick what you want on your landing page.
components/sections/Hero.tsxHomepage uses this split layout.
Skip weeks of setup. Launch faster with a production-ready Next.js boilerplate featuring authentication, payments, email, and database.
Launch Kit
Next.js
Tailwind
Resend
Stripe
Supabase
React
components/sections/Hero.tsxSkip weeks of setup. Launch faster with a production-ready Next.js boilerplate featuring authentication, payments, email, and database.
components/sections/FeaturesListicle.tsxSpend the week on the product people pay for, not on webhooks, OAuth screens, or email plumbing.
Stripecomponents/sections/Problem.tsxWhy Launch Kit
Wiring auth, payments, and emails from scratch locks you into weeks of setup. Launch Kit is built for makers who need to launch, get paid, and keep building.
Weeks stitching auth, payments, and emails
Stripe webhooks that break on every test
Transactional email left as a weekend project
Google OAuth and magic links from scratch
Landing, pricing, and SEO still blank
Rebuild the same stack for every idea
Ship late, or never launch at all
Auth, payments, and emails already wired
Checkout and webhooks that grant access
Welcome emails already going through Resend
Google login and magic links ready
30 landing page sections and SEO included
Pay once. Build unlimited projects
Spend the weekend on the product
components/sections/FounderStory.tsxMy story
For the last 12+ years, I've been building software, apps, and websites for various startups and businesses.
I've helped build products for companies like Suncorp, BTC Markets, Coinstash and U-Haul, and built a 7-figure tech agency along the way.
But I kept noticing the same problem.
Every time I wanted to launch something new, I'd spend a week setting up the boring stuff first. Authentication, Stripe, emails, SEO, databases, landing pages, legal pages, components, analytics...
It was just the stuff you had to do before you could start building.
So I built Launch Kit.
It's everything I found myself rebuilding over and over, packaged into one starting point so you can skip the setup and get straight to building.
I built Launch Kit for 3 reasons:
Launch faster. Stop spending days rebuilding the same foundation.
Skip the boring stuff. Authentication, payments, emails, SEO and all the other setup are already there.
Focus on the idea. Spend your time building something people actually want.
Dan
Maker of Launch Kit
components/sections/FAQ.tsxHere's everything you need to know before getting started.
components/sections/LogoMarquee.tsxcomponents/sections/StatCards.tsx0d
Days to a live offer. Ship this week, not next quarter.
0h+
Of setup skipped, auth, payments, and email already done.
0%
Faster time-to-first-deploy
0
Weekend from clone to a checkout that can take a payment.
components/sections/Stats.tsxWhat you get
Launch Kit is a one-time purchase. Use it for client work, side projects, and the startup you haven't thought of yet.
$99
One-time payment, no subscription
34+
Components ready to drop in
6
Integrations wired up out of the box
∞
Projects you can build with one licence
components/sections/FeaturePillars.tsxEvery integration below is wired end to end, not a stub or a TODO comment.
Authentication
Payments
components/sections/HowItWorks.tsxHow it works
No architecture decisions, no boilerplate to write. Add your keys and start building the part that makes your product different.
Pull down the boilerplate. Next.js, TypeScript, and Tailwind are already configured.
Add your Supabase, Stripe, and Resend keys. Auth, checkout, and email start working right away.
Edit the config, swap the copy, and deploy.
components/sections/ProcessTimeline.tsxYour first week
A scroll-driven timeline for walking through a longer process step by step.
Clone the repo, install dependencies, and run the dev server. Everything compiles on first boot.
Add Supabase, Stripe, and Resend keys. Each integration is isolated behind a helper in the libs folder.
Update the config file with your product name, pricing, and theme. The whole site reads from one place.
Push to production with SEO tags, a sitemap, and a working checkout already in place.
components/sections/Comparison.tsxBefore and after
The same weekend, spent two very different ways.
Auth, payments, and emails built from scratch
Days lost on Stripe webhooks and email setup
Landing page, pricing, and SEO still blank
Ship late, or never launch at all
Auth, payments, and emails already wired
Stripe checkout and webhooks that grant access
30 landing page sections and SEO included
Spend the weekend on the product, not the plumbing
components/sections/SplitMedia.tsxWhy it exists
Every new project started the same way: wire up auth, then payments, then transactional email, then the landing page. Days of work before writing a single line of the actual product.
Launch Kit is that setup, finished once and packaged up, so the next project starts at the interesting part.
components/sections/WordMarquee.tsxIncluded
The pieces every SaaS needs, already built and tested together.
components/sections/ImageCarousel.tsx
components/sections/TestimonialsGrid.tsxPlaceholder content, do not publish until you have real customer quotes.
Replace this sample data with real quotes before using this section.
“Sample quote text. Replace this with a real customer quote before publishing the section.”
Placeholder name one
Placeholder company
“Sample quote text. Replace this with a real customer quote before publishing the section.”
Placeholder name two
Placeholder company
“Sample quote text. Replace this with a real customer quote before publishing the section.”
Placeholder name three
Placeholder company
components/sections/CaseStudyCard.tsxPlaceholder content, metrics must come from real project results.
Sample description. Replace this with a real project write-up before publishing the section.
00
Placeholder metric
00
Placeholder metric
00
Placeholder metric
components/sections/CaseStudies.tsxPlaceholder content, metrics must come from real project results.
Case studies
Use the arrows to step through each project. Replace the sample data with real launches.
Sample description. Replace this with a real project write-up before publishing the section.
00
Placeholder metric
00
Placeholder metric
00
Placeholder metric
1 / 2
components/sections/Pricing.tsxHomepage uses this layout when config.stripe.plans has one plan.
Launch Kit
Use it on every project you ship.
$149
$99
USD
Save $50 today
What's included
One payment. Lifetime access. No subscription.
components/sections/Pricing.tsxUsed when you add a second plan in config.stripe.plans.
Starter
One project, the core stack.
$49
USD
One payment. Lifetime access. No subscription.
Launch Kit
Use it on every project you ship.
$149
$99
USD
One payment. Lifetime access. No subscription.
components/sections/Pricing.tsxUsed when you add three or more plans in config.stripe.plans.
Hobby
For a single side project.
$49
USD
One payment. Lifetime access. No subscription.
Pro
Unlimited projects, the full stack.
$149
$99
USD
One payment. Lifetime access. No subscription.
Team
For studios shipping client work.
$199
USD
One payment. Lifetime access. No subscription.
components/sections/BentoFeatures.tsxWhat's included
A denser feature grid when a listicle or three pillars is not the right shape.
The first week of every SaaS is already done. Open the repo on the feature people pay for.
One-time payments, webhooks, and a customer portal.
Google login, magic links, and protected routes.
Receipts and welcome mail go out after checkout.
Add a post by dropping a file in content/blog.
components/sections/IntegrationsGrid.tsxStack
Static logo tiles when a marquee is too much motion.
Next.js
React
Tailwind CSS
Supabase
Stripe
Resend
components/sections/UseCases.tsxWho it's for
Swap the copy for the audience you actually sell to.
Solo founders
Skip the plumbing and spend the week on the product. Checkout is already there.
Agencies
One licence covers the projects you own or control. Stop rebuilding auth for every brief.
Product teams
Instruction files ship in the repo, so prompting the rest of the product stays safe.
components/sections/UseCases.tsxHomepage uses this copy.
How you build
Instruction files for Cursor and Claude are already in the repo, so you can prompt the rest of the product without breaking auth, payments, or email. Or just open the files and work.
Prompt it
Instruction files ship with the kit, so you can prompt the next feature without breaking auth, payments, or email.
Edit it
Real files and real routes. Not a black box. Read it, change it, ship it.
Built right
Experienced developers put the stack together. You start on ground that's already solid.
components/sections/BlogPreview.tsxWriting
Pulls the three newest published MDX posts. Empty state shows if none are live.
One file sets the product name, plan, theme, and emails. Change it first, then the rest of the site follows.
Read article
Covers, inline photos, alt text, and Open Graph. The pattern this kit already uses so search and social get a real image.
Read article
Clone the repo, add your keys, and you already have auth, checkout, and email. Here is the first hour.
Read articlecomponents/sections/FeatureTable.tsxCompare plans
Use this when you have two or three prices. The homepage card is enough for one plan.
| Feature | Hobby | Pro | Team |
|---|---|---|---|
| Next.js boilerplate | Included | Included | Included |
| Supabase auth & database | Included | Included | Included |
| Stripe checkout & webhooks | — | Included | Included |
| Resend emails | — | Included | Included |
| Unlimited projects | — | Included | Included |
| Client work | — | — | Included |
components/sections/QuoteStrip.tsxPlaceholder content, do not publish until you have a real quote.
From a customer
“Sample quote. Replace this with a real customer line before you put this section on the homepage.”
Placeholder name
Placeholder company
components/sections/TeamRow.tsxPlaceholder portraits, replace before publishing.
The team
A short row when the founder story is too long.
Founder
Product
Engineering
components/sections/VideoDemo.tsxPlaceholder still. Point href at a real walkthrough before publishing.
See it
Poster frame plus a play control. Swap the still and the link for your own recording.
Watch the walkthroughcomponents/sections/Newsletter.tsxStay in the loop
A Resend-ready capture block. The submit handler is a stub until you wire the list.
No spam. Unsubscribe any time.
components/sections/LicenseNotes.tsxLicence
Plain language next to pricing. The legal version lives in the Terms.
components/sections/CtaBanner.tsxSkip the setup and start building the product your customers actually pay for.
No subscription · Unlimited projects · Lifetime updates