Skip to content
← Back to Blog

Wednesday, July 5th 2023

Introducing the Vercel Platforms Starter Kit

A fullstack template for building multi-tenant applications with custom domains using Next.js App Router, Vercel Postgres, and the Vercel Domains API.

Posted by

Avatar for steventey

Steven Tey

Senior Developer Advocate

Today, we are excited to launch the all-new Vercel Platforms Starter Kit — a full-stack Next.js template for building multi-tenant applications with custom domains, built with App Router, Vercel Postgres, and the Vercel Domains API.

Platforms Starter Kit

Next.js template for building multi-tenant applications with custom domains using App Router, Vercel Postgres, and the Vercel Domains API.

View Template

Multi-tenant apps in days, not months

or undefined. Here's an example code snippet demonstrating how to use it within Next.js:

In the above example, we import the geolocation helper from @vercel/edge. We t

The Platforms Starter Kit comes with powerful features that lets you build multi-tenant apps in record time.

  1. Multi-tenancy: Programmatically assign unlimited custom domains, subdomains, and SSL certificates to your users using the Vercel Domains API
  2. Performance: Fast & beautiful blog posts cached via Vercel's Edge Network, with the ability to invalidate the cache on-demand (when users make changes) using Incremental Static Regeneration + Next.js' revalidateTag API
  3. AI Editor: AI-powered Markdown editor for a Notion-style writing experience powered by Novel
  4. Image Uploads: Drag & drop / copy & paste image uploads, backed by Vercel Blob
  5. Custom styles: Custom fonts, 404 pages, favicons, sitemaps for each site via the Next.js file-based Metadata API
  6. Dynamic OG Cards: Each blog post comes with a dynamic OG image powered by @vercel/og
  7. Dark Mode: For a better user experience at night
CleanShot 2023-07-05 at 08.39.10.png
CleanShot 2023-07-05 at 08.39.02.png

How to Build a Multi-Tenant App with Custom Domains Using Next.js

Create a full-stack application with multi-tenancy and custom domain support using Next.js App Router, Vercel Postgres, and the Vercel Domains API.

Read the guide

What is a multi-tenant application?

Multi-tenant applications serve multiple customers across different subdomains/custom domains with a single unified codebase.

Take our demo app as an example:

Another example is Hashnode, a popular blogging platform. Each writer has their own unique .hashnode.dev subdomain for their blog:

Users can also map custom domains to their .hashnode.dev subdomain:

With the Platforms Starter Kit on Vercel Pro, you can offer unlimited custom domains at no extra cost to your customers as a premium feature, without having to worry about custom nameservers or configuring SSL certificates.

Build for scale

A year ago, we launched the first version of this starter kit to make it easier for makers to start their own platform on Vercel.

Since then, we've seen a variety of successful platforms grow to tens of thousands of custom domains and millions of pageviews on Vercel:

Hashnode

Hashnode, a blogging platform for the developer community built with Next.js, uses Vercel to manage over 35,000 custom domains for their customers. After evaluating alternative solutions, Hashnode ultimately chose Vercel because of the ability to manage custom domains at scale and the smooth and intuitive developer experience. Read the full customer story.

Super

Super is the largest Notion-to-website builder that lets you create SEO-optimized sites using nothing but Notion. Using Next.js and Vercel allows Super to effectively serve 15,000 custom domains and 17 million monthly pageviews. “By far my favorite Vercel feature is the ability to connect as many domains as I need to a single project,” CEO & Founder Jason Werner explains in his customer story.

Incident.io

Incident.io is a Slack-powered incident management platform, driven by automation. With the Platforms Starter Kit, they were able to ship beautiful and fast status pages (like this one for Linear) without having to worry about SSL certificate management. Read about their experience.

Beyond Menu

Beyond Menu is a complete ordering solution for independent restaurant owners. By using the Vercel Platforms Starter Kit, they serve 6,000 custom domains for restaurant owners all over the world with a focus on speed and performance.

Mintlify

Mintlify is a platform that provides beautiful documentation sites for hundreds of API-first SaaS companies. "Vercel Platforms is making our product the fastest and most performant docs solution on the market", says founder Han Wang.

Dub

Dub is an open-source link management tool for modern marketing teams to create, share, and track short links. Thanks to the Platforms Starter Kit, they were able to grow to ~900 custom domains without having to manage SSL certificates or set up NGINX proxies. Check out their code to learn more about their implementation.

Build the platform of your dreams

It's been incredible to see the amount of love the template has gotten since it's inception.

Just stumbled upon the Vercel Platform Starter Kit. Game changer for anyone who wants to quickly create a multi-tenant app that enables user custom domains.

Perry RaskinCoverDash

With the new version – now built with the App Router – we cannot wait to see what platforms you build on Vercel!

How to Build a Multi-Tenant App with Custom Domains Using Next.js

Create a full-stack application with multi-tenancy and custom domain support using Next.js App Router, Vercel Postgres, and the Vercel Domains API.

Read the guide

Platforms Starter Kit

Next.js template for building multi-tenant applications with custom domains using App Router, Vercel Postgres, and the Vercel Domains API.

View Template

Platforms Starter Kit GitHub Repo

A full-stack Next.js app with multi-tenancy and custom domain support. Built with Next.js App Router and the Vercel Domains API.

Star on GitHub