🚀 New • SaaS Template

Start selling your product
within hours.

A lean Next.js starter focused on real product work: data modeling, billing, auth patterns, and beautiful UI primitives you can evolve—not fight.

Next.js + Tailwind CSS template
Stripe payment integration
SEO + Blog system
Resend email integration

$ cd nextflow-kit

$ pnpm install

$ pnpm run setup

$ Please enter your Stripe key: *******

$ Please enter your Resend key: *******

$ Please enter your email address: *******

$ 🎉 Setup completed successfully!

$ pnpm dev 🚀

Features

Features that save you time

Prebuilt integrations and structure so you can launch sooner without reinventing the basics.

Next.js Template ✨

A complete marketing site that includes a hero section, features grid, pricing page with toggle, email capture, blog list, and a success page. Every section is clean, modern, and easy to customize so you can launch quickly.

Saves ~8–15 hours

Stripe Integration 💳

A fully functional single-transaction checkout flow. Add your Stripe API keys and the entire payment process works automatically. The app handles checkout sessions, redirects, and success states for you.

Saves ~5–10 hours

Resend Emails 📬

Just upload your Resend API key and emails start working instantly. All transactional emails like welcomes and notifications are already connected with no server configuration required.

Saves ~3–6 hours

Tailwind CSS 🎨

Built with Tailwind for fast, flexible styling. Change colors, typography, and layout in seconds. Comes with more than 20 reusable components that match the overall design system.

Saves ~12–20 hours

SEO Optimization 🔍

SEO is built directly into the template. All pages include automatically generated metadata such as titles, descriptions, and social previews. Dynamic blog pages also receive optimized metadata without extra work.

Saves ~4–8 hours

MDX Blog System 📝

Create new blog posts by adding simple .mdx files. The template generates the routing, styling, metadata, and SEO for each post. Perfect for tutorials, announcements, or content marketing.

Saves ~8–15 hours

Setup

From purchase to running in minutes

Clear steps that get you productive immediately. 🧑‍💻

Step 1

Install

Purchase, unzip the project, change into the folder, then install dependencies.

$ # Purchase the product and unzip the archive

$ cd <your-project-folder>

$ pnpm install

Step 2

Configure Environment

Have your Stripe and Resend API keys ready. It’s best to set up your Stripe products beforehand. Then run the guided setup to create your .env.

Prepare API keys: STRIPE_SECRET_KEY and RESEND_API_KEY
Optionally pre-create your Stripe products for faster testing
The setup script will prompt for required values and generate a .env

$ pnpm run setup

Step 3

Run & Customize

Start the app, update theme variables/content, set Stripe product metadata, and add blog posts.

Show example product metadata

export const PRODUCT_METADATA_MAPPER: ProductMetadata = {
  defaultPriceId: 'stripe_price_id',
  id: 'stripe_id',
  prices: [
    {
      title: 'Nextflow Kit',
      description: 'Use for unlimited personal & commercial projects. This section also supports multiple product offerings. 🫡',
      id: 'stripe_price_id',
      isMostPopular: true,
      includes: [
        'Full Next.js app template',
        'Reusable UI components',
        'Configured styling with Tailwind',
        'Basic blog via MDX',
      ],
      downloadFile: 'nextflow-kit.zip'
    }
  ]
}

Add MDX posts for your blog under src/lib/blog/posts.

$ pnpm run dev

Step 4

Testing Payments

To test Stripe payments, use the following test card details:

Card Number: 4242 4242 4242 4242
Expiration: Any future date
CVC: Any 3-digit number

Step 5

Going to Production

When you're ready to deploy your SaaS application to production, follow these steps:

Deploy to Vercel

Push your code to a GitHub repository.
Connect your repository to Vercel and deploy it.
Follow the Vercel deployment process, which will guide you through setting up your project.

Add environment variables

In your Vercel project settings (or during deployment), add all the necessary environment variables. Make sure to update the values for the production environment, including:

BASE_URL: Set this to your production domain.
STRIPE_SECRET_KEY: Use your Stripe secret key for the production environment.
STRIPE_WEBHOOK_SECRET: Use the webhook secret from the production webhook you created in step 1.
RESEND_SECRET_KEY: Use your Resend secret key for the production environment.
YOUR_EMAIL_ADDRESS: Set this to the email address you want to receive notifications.

Buy

A one-time purchase that pays for itself quickly

Skip weeks of setup. Invest once and iterate on what matters: your product and customers.

Nextflow Kit

Use for unlimited personal & commercial projects. This section also supports multiple product offerings. 🫡

Included

Full Next.js app template
Reusable UI components
Configured styling with Tailwind
Basic blog via MDX

$49.00USD

Testimonials

Teams ship faster with this starter

Developers using the template to get past boilerplate and into product momentum.

“This starter shaved days off our launch schedule. Folder structure and conventions were solid out of the box.”

Ava Martinez

@avamakes • Founder @ ShipFast

“The Stripe integration just worked. I only swapped keys and focused on pricing copy instead of plumbing.”

Liam Chen

@liamcodes • Indie Dev

“Dark mode theming and component primitives meant I didn’t spend a weekend wrangling design tokens.”

Nora Patel

@norap • Design Engineer

“Swapping in MDX posts was effortless. The metadata was already tuned for SEO.”

James Walker

@jameswrites • Content Lead

“Clear conventions reduced onboarding friction for a freelance contributor. Less explaining, more building.”

Elena Rossi

@elena_codes • Engineer

“Having email patterns pre-wired meant we launched beta signups in a single evening.”

Tom Becker

@tomdev • Product

Contact

Send us a message

Tell us what’s on your mind. Support, questions, business ideas, or your favorite coffee order… we’re listening. ☕️

Start selling your productwithin hours.