Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Introducing Platforms Starter Kit v2 → It's an open-source Next.js template for you to build multi-tenant apps with custom domains in days, not months. Built with Next.js App Router and the @Vercel Domains API.

305,202 Aufrufe • vor 2 Jahren •via X (Twitter)

60 Kommentare

Profilbild von Steven Tey
Steven Teyvor 2 Jahren

Features: ◆ Assign unlimited domains/SSL certs ◆ On-demand ISR via `revalidateTag` ◆ AI text editor via ◆ Custom styles for each site ◆ Image uploads w/ Vercel Blob ◆ Dynamic OG images ◆ Dark mode Code is fully open-source:

Profilbild von Steven Tey
Steven Teyvor 2 Jahren

A year ago, we launched the first version of this starter kit. Since then, we've seen many platforms scale to tens of thousands of custom domains on Vercel: ◆ @Hashnode ◆ @Super_ ◆ @incident_io ◆ @beyondmenu ◆ @mintlify ◆ @momentworld ◆ @dubdotsh

Profilbild von Steven Tey
Steven Teyvor 2 Jahren

This template is jam-packed with lots of useful features for building platforms on Vercel. 1. Programmatically managing custom domains Forget manually setting up custom server rewrite rules with NGINX. Vercel's Domains API makes things simple:

Profilbild von Steven Tey
Steven Teyvor 2 Jahren

2. On-demand cache invalidation By using @nextjs' new `revalidateTag` API + Vercel's ISR feature ( we are able to cache content pages + revalidate them when users make changes to them. Best part? Changes get propagated in <500ms, globally ⚡

Profilbild von Steven Tey
Steven Teyvor 2 Jahren

3. AI-powered Markdown-based WYSIWYG editor The new Platforms Starter Kit now comes built-in with intelligent AI autocompletion – powered by ✨ Watch it in action 👇

Profilbild von Steven Tey
Steven Teyvor 2 Jahren

4. Custom fonts, 404 pages, favicons, sitemaps for each site Thanks to @nextjs file-based Metadata API, we are able to customize the look and feel of each site. Best part? `revalidateTag` allows us to perform cache invalidations faster and more efficiently when changes happen.

Profilbild von Steven Tey
Steven Teyvor 2 Jahren

5. Image Uploads with Vercel Blob This works for both inline Markdown images and thumbnail images 👇 Note: Blob is still in private beta – but feel free to DM me for access!

Profilbild von Steven Tey
Steven Teyvor 2 Jahren

6. Dynamic OG images for blog posts This template also uses @nextjs's `ImageResponse` constructor ( to craft dynamic OG images at the edge. Here's an example (layout & style inspired by @calcom):

Profilbild von Steven Tey
Steven Teyvor 2 Jahren

7. Dark mode No @vercel / @nextjs template is complete without dark mode support 😁 The Platforms Starter Kit comes with dark mode out of the box for a better user experience at night 🌃

Profilbild von Steven Tey
Steven Teyvor 2 Jahren

This has been a WIP for the last couple of months, so we're incredibly excited to finally ship this! Can't wait to see what you guys build with this 🤩

Profilbild von Steven Tey
Steven Teyvor 2 Jahren

Update: We're live on @ProductHunt 🤩 Would appreciate an upvote/comment/review – thank you! 🖤

Profilbild von chronark — oss/acc
chronark — oss/accvor 2 Jahren

@nextjs @vercel This guy ships! amazing work as always, steven!

Profilbild von Steven Tey
Steven Teyvor 2 Jahren

@nextjs @vercel Thanks man!! Appreciate the support as always 😁

Profilbild von Ian Hunter
Ian Huntervor 2 Jahren

@nextjs @vercel Defacto @stripe integration would be 🔑

Profilbild von Steven Tey
Steven Teyvor 2 Jahren

@nextjs @vercel @stripe 👀 cc: @angjiang

Profilbild von swyx 🇸🇬
swyx 🇸🇬vor 2 Jahren

@nextjs @vercel yesssss pls keep investing in this @jaredpalmer its strategically superimpt

Profilbild von Steven Tey
Steven Teyvor 2 Jahren

@nextjs @vercel @jaredpalmer 🖤 appreciate you swyx!!

Profilbild von Amos
Amosvor 2 Jahren

@nextjs @vercel I'll be yoinking this for my next project 👀

Profilbild von Steven Tey
Steven Teyvor 2 Jahren

@nextjs @vercel

Profilbild von Karan Ganesan
Karan Ganesanvor 2 Jahren

@nextjs @vercel the text colours are not super readable on dark mode (no browser extensions affect it)

Profilbild von Steven Tey
Steven Teyvor 2 Jahren

@nextjs @vercel oh crap, will fix, thank you!

Profilbild von Steven Tey
Steven Teyvor 2 Jahren

@vercel @nextjs @leeerob Incredible work 🤯🤩

Profilbild von Maximilian Kaske 🏓
Maximilian Kaske 🏓vor 2 Jahren

@nextjs @vercel Sooo good 🤩

Profilbild von Paul Vu
Paul Vuvor 2 Jahren

@nextjs @vercel I got a black screen after created a site. I use on mobile.

Profilbild von Steven Tey
Steven Teyvor 2 Jahren

@SagoLabCom @nextjs @vercel Did the site get created? What's the URL for the site?

Profilbild von h4ck☆
h4ck☆vor 2 Jahren

@nextjs @vercel huge!!! great work as usual steven. 🔥🙏

Profilbild von Steven Tey
Steven Teyvor 2 Jahren

@nextjs @vercel Thank you!! :)

Profilbild von Piotr Obidowski
Piotr Obidowskivor 2 Jahren

@nextjs @vercel Wow! Amazing job 🔥

Profilbild von Elie Steinbock
Elie Steinbockvor 2 Jahren

@nextjs @vercel Great stuff. Posted a video tutorial on it just now 😄

Profilbild von Steven Tey
Steven Teyvor 2 Jahren

@nextjs @vercel Damn you're fast!! Your video actually helped me find a bug in the dark mode styles, so double thank you for that! 🙏

Profilbild von Raphael Amponsah
Raphael Amponsahvor 2 Jahren

@nextjs @vercel This is a game changer

Profilbild von Ahmad Awais
Ahmad Awaisvor 2 Jahren

@nextjs @vercel Lots of work went into this. Excellent! 👌

Profilbild von Raphael Amponsah
Raphael Amponsahvor 2 Jahren

@nextjs @vercel So it is open source to run on vercel? That would be cool

Profilbild von Steven Tey
Steven Teyvor 2 Jahren

@nextjs @vercel it's fully open-source!!

Profilbild von Jon Kurtis ⚡
Jon Kurtis ⚡vor 2 Jahren

@nextjs @vercel Dibs on this.

Profilbild von wei-wei
wei-weivor 2 Jahren

@nextjs @vercel @thisissukh_ 🔥

Profilbild von Jo Santana 
Jo Santana vor 2 Jahren

@nextjs @vercel Exactly what I've been asking for. Thanks!

Profilbild von Steven Tey
Steven Teyvor 2 Jahren

@nextjs @vercel LFG glad to hear that! 🤩

Profilbild von Josue Monteiro
Josue Monteirovor 2 Jahren

@nextjs @vercel This is why @vercel is going to be a major player in the BaaS business competing with AWS, GCP and Azure. The commitment that they have made to the developer experience is beyond amazing.

Profilbild von Usama Khaled ✪
Usama Khaled ✪vor 2 Jahren

@nextjs @vercel This is cool. :) I might build a simple blogging tool on top of it.

Profilbild von Steven Tey
Steven Teyvor 2 Jahren

@nextjs @vercel Can't wait to see what you build 👀

Profilbild von Gonçalo Margalho
Gonçalo Margalhovor 2 Jahren

@nextjs @vercel @steventey I was testing it, in the custom domain, using cname says is that correct?

Profilbild von Steven Tey
Steven Teyvor 2 Jahren

@nextjs @vercel oh no, that's not correct, sorry about that – will fix it! It should be ` :)

Profilbild von 🟢 gaurang.tsx
🟢 gaurang.tsxvor 2 Jahren

@nextjs @vercel Thanks for the blueprint @steventey I'm working on an app currently that will def. need multi-tenancy

Profilbild von Diogo Ribeiro
Diogo Ribeirovor 2 Jahren

@nextjs @vercel can't wait to make my own blogging platform

Profilbild von Steven Tey
Steven Teyvor 2 Jahren

@nextjs @vercel Can't wait to see what you build! 👀

Profilbild von Probably Human
Probably Humanvor 2 Jahren

@nextjs @vercel Awesome. Is there a directory with all starter kits available?

Profilbild von Steven Tey
Steven Teyvor 2 Jahren

@nextjs @vercel Yessir!!

Profilbild von Dave Yen
Dave Yenvor 2 Jahren

@nextjs @vercel thx for this! can you hook me up w/ access to Blob Storage? [email protected]

Profilbild von Niaz Morshed
Niaz Morshedvor 2 Jahren

@nextjs @vercel Great!! 👏🚀 btw, music is very similar to my product intro 😂

Profilbild von Raphael Amponsah
Raphael Amponsahvor 2 Jahren

@nextjs @vercel Hopefully we get cli command for it like create-next-app

Profilbild von Daan
Daanvor 2 Jahren

@nextjs @vercel @SimonBlok

Profilbild von Wesley— oss/acc
Wesley— oss/accvor 2 Jahren

@nextjs @vercel This is awesome Steven 👏 cc @voorvaart 👀

Profilbild von 0xRealDev
0xRealDevvor 2 Jahren

@nextjs @vercel @steventey What do you think about wildcard domain approach for the sub domain part? I have tried the wildcard subdomain and for me it looks bit slow. thinking about migrating to domains api.

Profilbild von James Singleton
James Singletonvor 2 Jahren

@nextjs @vercel Oh no the tweet can't be found 🥲

Profilbild von Steven Tey
Steven Teyvor 2 Jahren

@nextjs @vercel 👀 looking into it!

Profilbild von lucas
lucasvor 2 Jahren

@nextjs @vercel do you have any suggestions on how to handle separate database for each tenant?

Profilbild von Daniel Still
Daniel Stillvor 2 Jahren

@nextjs @vercel This is so awesome for freelance work as well as for creating saas apps!

Profilbild von Raphael Amponsah
Raphael Amponsahvor 2 Jahren

@nextjs @vercel So please can it only be run on vercel or other platforms

Profilbild von Christian Esmann
Christian Esmannvor 1 Jahr

I just launched an all-in-one template for cross-platform development, based on the stack I use myself everyday. Expo, NextJS, TypeScript, Tailwind, Firebase, AppsFlyer, Authentication, Analytics, In-App Purchases, Stripe and a lot more, setup by default.

Ähnliche Videos