Introducing the Vercel Platforms Starter Kit

Link to headingMulti-tenant apps in days, not months

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

1
import { geolocation } from '@vercel/functions';
2
 
3
export function GET(request: Request) {
4
  const { city } = geolocation(request);
5
  return new Response(`<h1>Your location is ${city}</h1>`, {
6
    headers: { 'content-type': 'text/html' },
7
  });
8
}

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

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

Link to headingWhat 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:

• eda.hashnode.dev

• katycodesstuff.hashnode.dev

• akoskm.hashnode.dev

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

• akoskm.com → akoskm.hashnode.dev

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.

Link to headingBuild 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.

Link to headingBuild 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. 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 Raskin CoverDash

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