正在加载视频...

视频加载失败

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 条评论

Steven Tey 的头像
Steven Tey2 年前

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:

Steven Tey 的头像
Steven Tey2 年前

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

Steven Tey 的头像
Steven Tey2 年前

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:

Steven Tey 的头像
Steven Tey2 年前

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 ⚡

Steven Tey 的头像
Steven Tey2 年前

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 👇

Steven Tey 的头像
Steven Tey2 年前

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.

Steven Tey 的头像
Steven Tey2 年前

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!

Steven Tey 的头像
Steven Tey2 年前

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

Steven Tey 的头像
Steven Tey2 年前

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 🌃

Steven Tey 的头像
Steven Tey2 年前

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 🤩

Steven Tey 的头像
Steven Tey2 年前

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

chronark — oss/acc 的头像
chronark — oss/acc2 年前

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

Steven Tey 的头像
Steven Tey2 年前

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

Ian Hunter 的头像
Ian Hunter2 年前

@nextjs @vercel Defacto @stripe integration would be 🔑

Steven Tey 的头像
Steven Tey2 年前

@nextjs @vercel @stripe 👀 cc: @angjiang

swyx 🇸🇬 的头像
swyx 🇸🇬2 年前

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

Steven Tey 的头像
Steven Tey2 年前

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

Amos 的头像
Amos2 年前

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

Steven Tey 的头像
Steven Tey2 年前

@nextjs @vercel

Karan Ganesan 的头像
Karan Ganesan2 年前

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

Steven Tey 的头像
Steven Tey2 年前

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

Steven Tey 的头像
Steven Tey2 年前

@vercel @nextjs @leeerob Incredible work 🤯🤩

Maximilian Kaske 🏓 的头像
Maximilian Kaske 🏓2 年前

@nextjs @vercel Sooo good 🤩

Paul Vu 的头像
Paul Vu2 年前

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

Steven Tey 的头像
Steven Tey2 年前

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

h4ck☆ 的头像
h4ck☆2 年前

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

Steven Tey 的头像
Steven Tey2 年前

@nextjs @vercel Thank you!! :)

Piotr Obidowski 的头像
Piotr Obidowski2 年前

@nextjs @vercel Wow! Amazing job 🔥

Elie Steinbock 的头像
Elie Steinbock2 年前

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

Steven Tey 的头像
Steven Tey2 年前

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

Raphael Amponsah 的头像
Raphael Amponsah2 年前

@nextjs @vercel This is a game changer

Ahmad Awais 的头像
Ahmad Awais2 年前

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

Raphael Amponsah 的头像
Raphael Amponsah2 年前

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

Steven Tey 的头像
Steven Tey2 年前

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

Jon Kurtis ⚡ 的头像
Jon Kurtis ⚡2 年前

@nextjs @vercel Dibs on this.

wei-wei 的头像
wei-wei2 年前

@nextjs @vercel @thisissukh_ 🔥

Jo Santana  的头像
Jo Santana 2 年前

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

Steven Tey 的头像
Steven Tey2 年前

@nextjs @vercel LFG glad to hear that! 🤩

Josue Monteiro 的头像
Josue Monteiro2 年前

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

Usama Khaled ✪ 的头像
Usama Khaled ✪2 年前

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

Steven Tey 的头像
Steven Tey2 年前

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

Gonçalo Margalho 的头像
Gonçalo Margalho2 年前

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

Steven Tey 的头像
Steven Tey2 年前

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

🟢 gaurang.tsx 的头像
🟢 gaurang.tsx2 年前

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

Diogo Ribeiro 的头像
Diogo Ribeiro2 年前

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

Steven Tey 的头像
Steven Tey2 年前

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

Probably Human 的头像
Probably Human2 年前

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

Steven Tey 的头像
Steven Tey2 年前

@nextjs @vercel Yessir!!

Dave Yen 的头像
Dave Yen2 年前

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

Niaz Morshed 的头像
Niaz Morshed2 年前

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

Raphael Amponsah 的头像
Raphael Amponsah2 年前

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

Daan 的头像
Daan2 年前

@nextjs @vercel @SimonBlok

Wesley— oss/acc 的头像
Wesley— oss/acc2 年前

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

0xRealDev 的头像
0xRealDev2 年前

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

James Singleton 的头像
James Singleton2 年前

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

Steven Tey 的头像
Steven Tey2 年前

@nextjs @vercel 👀 looking into it!

lucas 的头像
lucas2 年前

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

Daniel Still 的头像
Daniel Still2 年前

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

Raphael Amponsah 的头像
Raphael Amponsah2 年前

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

Christian Esmann 的头像
Christian Esmann1 年前

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.

相关视频