nextbase nextjs supabase starter

nextbase starter

Nextbase Lite เป็นแบบง่าย Next.js 13 + Supabase Boilerplate มันมีแอพถัดไป. js 13 พร้อม typeScript, Supabase และ Tailwind CSS มันมีโฟลเดอร์ app ใหม่ทั้งหมดส่วนประกอบ layout server components ตอบสนองและอีกมากมาย!

คุณสมบัติ

• next.js 13 พร้อมส่วนประกอบ async
• การดึงข้อมูลตัวอย่างใน React Server และส่วนประกอบไคลเอนต์ ข้อมูลที่น่าสงสัยที่ดึงมาพร้อมกับหน้าจอการโหลดน้อยที่สุด
• ⚛การตั้งค่าการสืบค้นตอบแบบสอบถามที่กำหนดค่า
• ตอบสนองส่วนประกอบขนมปังปิ้งร้อน
• พิมพ์เต็มด้วย typeScript รวมถึงการสร้างประเภทอัตโนมัติสำหรับตาราง supabase
• - tailwindcss
• - การทดสอบหน่วยการทดสอบและการตั้งค่าการทดสอบการรวมในตัวในตัว
• ESLINT, typeTer
• - การสร้างแผนผังเว็บไซต์อัตโนมัติ
• - SEO Metadata, JSON-LD และ OPEN กราฟแท็กพร้อม SEO ถัดไป
• ✍การเปิดตัวแบบ semantic พร้อมการสร้าง changelog อัตโนมัติ
• - รูปแบบรหัสที่สวยงาม
• - สไตล์น้อยที่สุด
• codebase ซึ่งง่ายต่อการอ่านและแก้ไข

การพัฒนา

1. โคลน repo
2. ติดตั้งการพึ่งพาด้วย yarn
3. สร้างบัญชี Supabase หากคุณไม่มีบัญชี
4. สร้างโครงการใหม่ใน supabase
5. เชื่อมโยง supabase ไปยังโครงการของคุณโดยใช้ yarn supabase link --project-ref <project-ref> คุณสามารถรับการอ้างอิงโครงการของคุณจากแผงควบคุมโครงการ Supabase (การตั้งค่าโครงการ -> API)
6. ทำซ้ำ .env.local.example และเปลี่ยนชื่อเป็น .env.local และเพิ่มการอ้างอิงโครงการ, Supabase URL และ Anon Key
7. กดสคีมาฐานข้อมูลไปยังโครงการ Supabase ของคุณโดยใช้ yarn supabase db push
8. สร้างประเภทสำหรับตาราง supabase ของคุณโดยใช้ yarn generate:types:local
9. เรียกใช้ yarn dev เพื่อเริ่มต้นเซิร์ฟเวอร์การพัฒนา

การทดสอบ

1. การทดสอบหน่วยโดยใช้ yarn test
2. การทดสอบแบบ end-to-end โดยใช้ yarn test:e2e

การปรับใช้

นี่เป็นโครงการ Next.js ที่เรียบง่าย การปรับใช้เป็นเช่นเดียวกับโครงการอื่น ๆ next.js คุณสามารถปรับใช้กับ Vercel, Netlify หรือผู้ให้บริการโฮสติ้งอื่น ๆ

การบริจาค

ยินดีต้อนรับการมีส่วนร่วม กรุณาเปิดปัญหาหรือการประชาสัมพันธ์

ใบอนุญาต

มิกซ์

การแก้ไขปัญหา

ชำระเงินไฟล์ troubleshoot.md สำหรับปัญหาทั่วไป

แผ่นหม้อไอน้ำ Nextbase พรีเมี่ยม

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