platforms

平台入門套件

多合一的入門套件
用於構建多租戶應用程序。

簡介·演示·部署自己的指南·廚房水槽·貢獻

介紹

平台入門套件是一個全堆棧Next.js應用程序，具有多租賃和自定義域支持。使用Next.js應用程序路由器，Vercel Postgres和Vercel域API構建。

這是一個快速的30秒演示：

platforms.v2.mp4

特徵

1. 多租戶：使用vercel域API為您的用戶分配無限的自定義域，子域和SSL證書
2. 性能：快速美麗的博客文章通過Vercel的Edge網絡緩存，能夠使用增量靜態再生 + Next.js的revalidateTag API無效（用戶進行更改時）的緩存（用戶進行更改）無效
3. AI編輯：AI驅動的Markdown編輯器，用於由小說推動的概念式寫作經驗
4. 圖像上傳：拖放 /複製和粘貼圖像上傳，由Vercel Blob支持
5. 自定義樣式：自定義字體，404頁，Favicons，每個站點的站點地圖，通過Next.js基於文件的元數據API
6. 動態OG卡：每個博客文章都帶有由 @vercel/og提供動態的OG圖像
7. 黑暗模式：晚上更好的用戶體驗
8. 多租戶預覽URL ：使用Vercel Preview URL對客戶網站的預覽更改。了解更多。

部署自己的

使用Vercel部署自己的此入門套件的版本。

您還可以閱讀指南，以了解如何開發自己的模板版本。

什麼是多租戶應用程序？

多租戶應用程序使用單個統一代碼庫為不同子域/自定義域的多個客戶提供服務。

例如，我們的演示是一個多租戶應用程序：

• 子域：demo.vercel.pub
• 自定義域：Platformize.co（映射到demo.vercel.pub）
• 構建自己的：app.vercel.pub

另一個示例是Hashnode，這是一個流行的博客平台。每個作者都有自己的獨特.hashnode.dev子域的博客：

• eda.hashnode.dev
• katycodesstuff.hashnode.dev
• akoskm.hashnode.dev

用戶還可以將自定義域映射到其.hashnode.dev子域：

• akoskm.com→akoskm.hashnode.dev

借助Platforms入門套件，您可以作為高級功能提供無限制的自定義域，而無需擔心自定義名稱服務器或配置SSL證書。

平台的示例

諸如Hashnode，Super和Cal.com之類的Vercel客戶正在Vercel和Next.js的頂部建立可擴展平台。您可以使用此入門套件來構建多種類型的平台：

1。內容創建平台

這些是內容豐富的平台（博客），具有簡單，標準化的頁面佈局和路由結構。

“使用Vercel，我們花費更少的時間來管理基礎架構，並為用戶提供價值更多的時間。” - Sandeep Panda，聯合創始人，Hashnode

1. hashnode
2. mintlify
3. 閱讀

2。網站和電子商務商店建築商

具有可自定義頁面的無代碼站點構建器。

通過使用Next.js和Vercel，Super具有無代碼編輯器（intion）的快速全球分佈式網站。他們的客戶在不觸摸任何代碼的情況下獲得了Next.js（例如圖像優化）的所有好處。

1. 超級
2. Typedream
3. makewift

3。 B2B2C平台

多租戶身份驗證，登錄和訪問控件。

使用Vercel和Next.js，Instatus之類的平台能夠創建比競爭對手快10倍的狀態頁面。

1. Instatus
2. cal.com
3. 配音

建立在開源

此工作演示網站是使用平台入門套件構建的，

• Next.js作為React框架
• CSS造型的尾風
• 毛毛雨作為數據庫訪問的ORM
• Wysiwyg編輯的小說
• 數據庫的Vercel Postgres
• Vercel Blob用於上傳圖像
• NextAuth.js用於身份驗證
• 圖表的震顫
• 動詞進行部署

貢獻

• 開始討論問題，反饋或您想與團隊分享的想法。
• 如果您認為您使用起動器套件遇到了一個錯誤，請打開問題。

作者

• 史蒂文·蒂（@steventey）

執照

麻省理工學院許可證。

---