platforms

ชุดเริ่มต้นแพลตฟอร์ม

ชุดเริ่มต้น all-in-one
สำหรับการสร้างแอพพลิเคชั่นผู้เช่าหลายคน

บทนำ · การสาธิต ·ปรับใช้· คู่มือ ของคุณเอง · อ่างล้างจานในครัว · การบริจาค

การแนะนำ

ชุดเริ่มต้นแพลตฟอร์มเป็นแอป Next.js เต็มรูปแบบที่มีการรองรับหลายครั้งและการสนับสนุนโดเมนที่กำหนดเอง สร้างขึ้นด้วยเราเตอร์แอป Next.js, Vercel Postgres และ Vercel Domains API

นี่คือการสาธิตอย่างรวดเร็ว 30 วินาที:

platforms.v2.mp4

คุณสมบัติ

1. การเช่าหลายครั้ง: กำหนดโดเมนที่กำหนดเองไม่ จำกัด โดเมนย่อยและใบรับรอง SSL ให้กับผู้ใช้ของคุณโดยใช้ Vercel Domains API
2. ประสิทธิภาพ : บล็อกโพสต์ที่รวดเร็วและสวยงามแคช revalidateTag เครือข่าย Edge ของ Vercel ด้วยความสามารถในการทำให้แคชตามความต้องการ (เมื่อผู้ใช้ทำการเปลี่ยนแปลง)
3. AI Editor : MARKDOWN EDITOR AI สำหรับประสบการณ์การเขียนสไตล์ความคิดขับเคลื่อนโดยนวนิยาย
4. อัพโหลดรูปภาพ : Drag & Drop / Copy & Paste Image Uploads สำรองโดย Vercel Blob
5. สไตล์ที่กำหนดเอง : แบบอักษรที่กำหนดเอง, 404 หน้า, favicons, sitemaps สำหรับแต่ละไซต์ผ่านทางเมตาดาต้าที่ใช้ไฟล์ถัดไป
6. การ์ด OG แบบไดนามิก : โพสต์บล็อกแต่ละรายการมาพร้อมกับภาพ OG แบบไดนามิกที่ขับเคลื่อนโดย @vercel/OG
7. Dark Mode : สำหรับประสบการณ์การใช้งานที่ดีขึ้นในเวลากลางคืน
8. URL ตัวอย่างของผู้เช่าหลายคน : การเปลี่ยนแปลงตัวอย่างการเปลี่ยนแปลงไปยังไซต์ไคลเอนต์ของคุณโดยใช้ URL ตัวอย่าง Vercel เรียนรู้เพิ่มเติม

ปรับใช้ของคุณเอง

ปรับใช้ชุดเริ่มต้นรุ่นนี้ด้วย Vercel

นอกจากนี้คุณยังสามารถอ่านคำแนะนำเพื่อเรียนรู้วิธีพัฒนาเทมเพลตเวอร์ชันนี้ของคุณเอง

แอปพลิเคชันผู้เช่าหลายคนคืออะไร?

แอปพลิเคชันผู้เช่าหลายรายให้บริการลูกค้าหลายรายในโดเมนย่อย/โดเมนที่กำหนดเองที่แตกต่างกันด้วย codebase Unified เดียว

ตัวอย่างเช่นการสาธิตของเราเป็นแอปพลิเคชันผู้เช่าหลายคน:

• โดเมนย่อย: 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 subdomain:

• Akoskm.com → Akoskm.hashnode.dev

ด้วยชุดเริ่มต้นแพลตฟอร์มคุณสามารถนำเสนอโดเมนที่กำหนดเองได้ไม่ จำกัด โดยไม่มีค่าใช้จ่ายเพิ่มเติมให้กับลูกค้าของคุณในฐานะคุณสมบัติพรีเมี่ยมโดยไม่ต้องกังวลเกี่ยวกับ Nimeservers ที่กำหนดเองหรือการกำหนดค่าใบรับรอง SSL

ตัวอย่างของแพลตฟอร์ม

ลูกค้าของ Vercel เช่น Hashnode, Super และ Cal.com กำลังสร้างแพลตฟอร์มที่ปรับขนาดได้ด้านบนของ Vercel และ Next.js. มีแพลตฟอร์มหลายประเภทที่คุณสามารถสร้างได้ด้วยชุดเริ่มต้นนี้:

1. แพลตฟอร์มการสร้างเนื้อหา

นี่คือแพลตฟอร์มเนื้อหาที่มีเนื้อหาหนัก (บล็อก) ที่มีเค้าโครงหน้าเว็บที่เรียบง่ายและเป็นมาตรฐานและโครงสร้างเส้นทาง

“ ด้วย Vercel เราใช้เวลาน้อยลงในการจัดการโครงสร้างพื้นฐานของเราและมีเวลามากขึ้นในการส่งมอบคุณค่าให้กับผู้ใช้ของเรา” -Sandeep Panda ผู้ร่วมก่อตั้ง Hashnode

1. Hashnode
2. มินต์ลิฟท์
3. read.cv

2. ผู้สร้างร้านค้าและอีคอมเมิร์ซ

ผู้สร้างไซต์ที่ไม่มีรหัสพร้อมหน้าเว็บที่ปรับแต่งได้

ด้วยการใช้ Next.js และ Vercel Super มีเว็บไซต์ที่รวดเร็วและกระจายทั่วโลกพร้อมตัวแก้ไขไม่มีรหัส (ความคิด) ลูกค้าของพวกเขาได้รับประโยชน์ทั้งหมดของ next.js (เช่นการเพิ่มประสิทธิภาพรูปภาพ) โดยไม่ต้องแตะรหัสใด ๆ

1. super.so
2. พิมพ์ดีด
3. ทำให้การเปลี่ยน

3. แพลตฟอร์ม B2B2C

การรับรองความถูกต้องของผู้เช่าหลายคนเข้าสู่ระบบและการควบคุมการเข้าถึง

ด้วย vercel และ next.js แพลตฟอร์มเช่น Instatus สามารถสร้างหน้าสถานะที่ เร็วกว่าคู่แข่ง 10 เท่า

1. การติดเชื้อ
2. cal.com
3. พากย์

สร้างขึ้นบนโอเพ่นซอร์ส

เว็บไซต์สาธิตการทำงานนี้ถูกสร้างขึ้นโดยใช้ชุดเริ่มต้นแพลตฟอร์มและ::

• next.js เป็นกรอบการตอบสนอง
• Tailwind สำหรับสไตล์ CSS
• ฝนตกปรอยๆเป็น ORM สำหรับการเข้าถึงฐานข้อมูล
• นวนิยายสำหรับบรรณาธิการ WYSIWYG
• vercel postgres สำหรับฐานข้อมูล
• vercel blob สำหรับการอัปโหลดรูปภาพ
• nextauth.js สำหรับการตรวจสอบสิทธิ์
• การสั่นสะเทือนสำหรับแผนภูมิ
• vercel สำหรับการปรับใช้

การบริจาค

• เริ่มการสนทนาด้วยคำถามชิ้นส่วนของข้อเสนอแนะหรือความคิดที่คุณต้องการแบ่งปันกับทีม
• เปิดปัญหาหากคุณเชื่อว่าคุณพบข้อผิดพลาดกับชุดเริ่มต้น

ผู้เขียน

• Steven Tey (@steventey)

ใบอนุญาต

ใบอนุญาต MIT

---