Tag

Next.js

Guides filed under Next.js.

Launch

Waitlist referral codes and queue position

The Waitlist kit stores a unique refCode and computes position by counting earlier signups.

1 min read Waitlist / Launch Kit

Stripe

Stripe webhooks with Next.js

Verify Stripe webhook signatures in a Next.js route handler and update subscription state from the event.

3 min read Stripe Subscription Starter

Stripe

Stripe subscriptions with Next.js

How a Next.js App Router app creates a subscription Checkout session, stores the customer id, and gates a Pro plan.

2 min read Complete SaaS Starter Kit

Marketplaces

Stripe payments for marketplaces

The Marketplace Starter charges with a one-time Checkout Session and price_data in cents. It does not use Stripe Connect.

1 min read Marketplace Starter

Stripe

Stripe Customer Portal integration in Next.js

Open Stripe's Customer Portal from a Next.js route so customers can update a card or cancel without you building those forms.

2 min read Stripe Subscription Starter

Stripe

Stripe Checkout with Next.js

Create a Stripe Checkout Session from a Next.js route handler, for subscriptions and for one-time payments.

2 min read Stripe Subscription Starter

Streaming AI responses in Next.js

Proxy an OpenAI-compatible streaming chat completion through a Next.js route without buffering the full body first.

2 min read AI SaaS Starter

Storing AI generation history

The AI SaaS Starter writes each finished generation to Prisma: prompt, output, credits, and the user id.

1 min read AI SaaS Starter

Jobs

SEO for job boards

Public job URLs come from unique slugs. Pending and unpaid jobs should stay out of the sitemap and the index.

1 min read Job Board Starter

Directories

SEO architecture for large Next.js directories

Give each published listing its own metadata, a stable slug URL, and a sitemap without indexing pending submissions.

2 min read Directory Starter

Marketplaces

Seller and listing architecture

In the Marketplace Starter a seller is a user, and a listing stores priceCents plus a category.

1 min read Marketplace Starter

Dashboards

SaaS dashboard architecture

Where a SaaS dashboard reads plan state, and how the Admin Dashboard Kit's shell, table, and empty states fit around it.

1 min read Complete SaaS Starter Kit

OpenAI-compatible API architecture

The AI SaaS Starter calls an OpenAI-compatible chat completions endpoint. The base URL and model are environment variables.

1 min read AI SaaS Starter

SaaS

Next.js SaaS boilerplate vs starter kit

What the smaller Next.js SaaS Boilerplate includes, and what you only get in the Complete SaaS Starter Kit.

1 min read Complete SaaS Starter Kit

SaaS

Next.js SaaS boilerplate architecture

A small App Router layout for accounts, a dashboard, and a billing route, and how it differs from a full SaaS kit.

2 min read Next.js SaaS Boilerplate

SaaS

Next.js authentication architecture

Email and password sessions in the SaaS starter: a hashed password, a session cookie, and routes that refuse anonymous users.

1 min read Complete SaaS Starter Kit

SaaS

Multi-tenant SaaS with Next.js

What the Designyff SaaS kit stores per user, and what you still have to add if each customer needs an isolated workspace.

1 min read Complete SaaS Starter Kit

Marketplaces

Marketplace SEO architecture

Index published listings by slug. Orders and pending checkout state are not public pages.

1 min read Marketplace Starter

Marketplaces

Marketplace database schema with Prisma

Users, categories, listings priced in cents, and orders in the Marketplace Starter.

1 min read Marketplace Starter

Jobs

Job board database schema

Companies, categories, and jobs in the Job Board Starter. A job stays pending until it is marked paid.

1 min read Job Board Starter

Directories

Dynamic sitemap architecture

Build a Next.js sitemap from published slugs only. Pending directory listings and unpaid jobs do not belong in it.

1 min read Directory Starter

Directories

Directory database schema

Categories and listings in the Directory Starter. New listings stay pending until you publish them.

1 min read Directory Starter

Building an AI SaaS with Next.js

Structure a Next.js AI product around a provider adapter, a generation log, monthly credits, and Stripe plan state.

2 min read AI SaaS Starter

Launch

Building a waitlist with referrals in Next.js

Collect emails, issue a referral code, and compute a queue position with Prisma in a Next.js server action.

2 min read Waitlist / Launch Kit

SaaS

Building a SaaS with Next.js, Stripe, and PostgreSQL

How to structure a Next.js 15 SaaS with Prisma, PostgreSQL, email-password sessions, and Stripe subscription state.

3 min read Complete SaaS Starter Kit

Dashboards

Building a React admin dashboard

Compose a Next.js admin shell with a sidebar, a typed sample table, and an SVG bar chart you can replace with an API.

2 min read Admin Dashboard Kit

Marketplaces

Building a marketplace with Next.js

Model sellers, listings, and orders in Prisma, and charge for a listing with a one-time Stripe Checkout Session.

2 min read Marketplace Starter

Jobs

Building a job board with Next.js

Model companies, categories, and jobs in Prisma and keep unpaid submissions off the public board.

2 min read Job Board Starter

Directories

Building a directory with Next.js

Model listings and categories in Prisma and render public, SEO-friendly listing pages in the Next.js App Router.

2 min read Directory Starter

Dashboards

Admin table empty, loading, and error states

The Admin Dashboard Kit expects a table to render an empty state, a loading state, and an error state instead of a blank panel.

1 min read Admin Dashboard Kit