正在加载视频...
视频加载失败
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,191 次观看 • 2 年前 •via X (Twitter)
60 条评论

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:

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

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:

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 ⚡

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 👇

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.

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!

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):

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 🌃

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 🤩

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

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

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

@nextjs @vercel Defacto @stripe integration would be 🔑

@nextjs @vercel @stripe 👀 cc: @angjiang

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

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

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

@nextjs @vercel

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

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

@vercel @nextjs @leeerob Incredible work 🤯🤩

@nextjs @vercel Sooo good 🤩

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

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

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

@nextjs @vercel Thank you!! :)

@nextjs @vercel Wow! Amazing job 🔥

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

@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! 🙏

@nextjs @vercel This is a game changer

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

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

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

@nextjs @vercel Dibs on this.

@nextjs @vercel @thisissukh_ 🔥

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

@nextjs @vercel LFG glad to hear that! 🤩

@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.

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

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

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

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

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

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

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

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

@nextjs @vercel Yessir!!

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

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

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

@nextjs @vercel @SimonBlok

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

@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.

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

@nextjs @vercel 👀 looking into it!

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

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

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

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.

