กรอกเทมเพลตการสมัครสมาชิกการสมัครสมาชิก next.js
ชุดเริ่มต้นแบบ all-in-one สำหรับการสร้างแอปพลิเคชัน SaaS ที่มีประสิทธิภาพสูงโดยใช้ Next.js, tailwindcss และ supabase
คำเตือน : แอพนี้เป็นงานที่อยู่ระหว่างดำเนินการ ฉันกำลังสร้างสิ่งนี้ในที่สาธารณะ ติดตามความคืบหน้าบน Twitter @antoineross__ ตรวจสอบคุณสมบัติด้านล่าง
- คุณสมบัติ
- - แพ็คเกจ Auth Auth Complete : การจัดการผู้ใช้ที่ปลอดภัยและการรับรองความถูกต้องด้วย supabase
- การจัดการข้อมูล : เครื่องมือการเข้าถึงข้อมูลและการจัดการที่ทรงพลังด้านบนของ PostgreSQL ด้วย supabase
- - การรวมแถบ : การรวมเข้ากับการชำระเงินของแถบและพอร์ทัลลูกค้า Stripe
- การกำหนดราคาและการสมัครสมาชิก : การซิงค์แผนการกำหนดราคาโดยอัตโนมัติและสถานะการสมัครสมาชิกผ่าน WebHooks Stripe
- - tailwindcss & tailwind ui : ส่วนประกอบ UI ที่ปรับแต่งและยืดหยุ่นด้วย tailwind ui
- ⚛ ตอบสนอง 18 : เพลิดเพลินไปกับคุณสมบัติและการปรับปรุงล่าสุดด้วย React 18
- TypeScript : การเขียนโปรแกรมพิมพ์อย่างมากเพื่อประสบการณ์การพัฒนาที่ดีขึ้น
- - Shadcn/UI : ส่วนประกอบ UI ที่สวยงามและปรับแต่งได้
- - การตรวจสอบ ZOD : การตรวจสอบสคีมาเพื่อให้ข้อมูลของคุณปลอดภัยและเสียง
- - เครื่องมือทดสอบ : หน่วยรวมและการทดสอบ E2E ด้วย jest, react testing library และ playwright
- ? ประสบการณ์นักพัฒนาซอฟต์แวร์ : Eslint, Prettier, Husky และ Commitlint เพื่อรักษาคุณภาพของรหัสและความสอดคล้อง
- - Supabase Storage - รวมอยู่ในการตั้งค่านโยบายและการจัดการการบีบอัดภาพในเบราว์เซอร์
- ⼬ TRPC - รวมคำแนะนำเกี่ยวกับวิธีการเพิ่มเราเตอร์ TRPC ที่ไม่ติดมันมากสำหรับ API ของคุณ คุณเพียงแค่ต้องเพิ่ม 3 โฟลเดอร์และ 1 ไฟล์
- การพัฒนาท้องถิ่น : พัฒนาในพื้นที่ด้วย supabase, Docker และชุดคำสั่งที่กำหนดเอง
- เอกสารและบล็อก : ใช้คอมไพเลอร์ MDX จากโครงการโอเพนซอร์ซ Fumadocs สำหรับเอกสารและเนื้อหาบล็อก
- การสาธิต
การสาธิตสด
ส่วนฮีโร่: 
มุมมองแดชบอร์ด: 
ตารางราคา: 
เอกสาร: 
บล็อก: 
- คู่มือเริ่มต้นด่วน
ลุกขึ้นและทำงานอย่างรวดเร็วโดยทำตามคู่มือเริ่มต้นอย่างรวดเร็ว
กำลังอยู่
1. ผลิตภัณฑ์ทดสอบเก็บถาวร
ก่อนที่จะมีชีวิตอยู่เก็บผลิตภัณฑ์แถบโหมดทดสอบทั้งหมด สลับแถบจากโหมดทดสอบไปยังโหมดการผลิตและอัปเดตตัวแปรสภาพแวดล้อมของคุณ
2. redeploy
หลังจากอัปเดตตัวแปรสภาพแวดล้อมให้ปรับใช้แอปพลิเคชันของคุณผ่าน Vercel
คุณสมบัติเพิ่มเติม
- - Analytics Ready : การรวมง่ายกับเครื่องมือวิเคราะห์เช่น Google Analytics
- การสนับสนุน I18N : การทำให้เป็นสากลในตัวด้วย paraglide
- ประสิทธิภาพของ Lighthouse : ได้คะแนนที่สมบูรณ์แบบด้วยประสิทธิภาพที่ดีที่สุดการเข้าถึงและ SEO
- ผลงาน
มีส่วนร่วม:
- แยกที่เก็บ
- สร้างสาขาใหม่
- ทำการเปลี่ยนแปลงของคุณและกระทำพวกเขา
- ผลักไปที่ที่เก็บข้อมูล
- สร้างคำขอดึง
❤สนับสนุน
ถ้าคุณชอบโครงการให้พิจารณาออกจากดาว -
ทำโดย Antoine Ross
