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
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.
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.
- Multi-tenancy: Programmatically assign unlimited custom domains, subdomains, and SSL certificates to your users using the Vercel Domains API
- 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 - AI Editor: AI-powered Markdown editor for a Notion-style writing experience powered by Novel
- Image Uploads: Drag & drop / copy & paste image uploads, backed by Vercel Blob
- Custom styles: Custom fonts, 404 pages, favicons, sitemaps for each site via the Next.js file-based Metadata API
- Dynamic OG Cards: Each blog post comes with a dynamic OG image powered by @vercel/og
- Dark Mode: For a better user experience at night
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.
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:
- Subdomain: demo.vercel.pub
- Custom domain: platformize.co (maps to demo.vercel.pub)
- Editing & publishing backend: app.vercel.pub
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:
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.
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.
Platforms Starter Kit
Next.js template for building multi-tenant applications with custom domains using App Router, Vercel Postgres, and the Vercel Domains API.
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.
Explore more