taxonomy

Taksonomi

Aplikasi open source yang dibangun menggunakan router baru, komponen server dan semua yang baru di Next.js 13.

Peringatan aplikasi ini sedang dalam proses. Saya sedang membangun ini di depan umum. Anda dapat mengikuti kemajuan di Twitter @shadcn. Lihat peta jalan di bawah ini.

Tentang proyek ini

Proyek ini sebagai percobaan untuk melihat bagaimana aplikasi modern (dengan fitur -fitur seperti otentikasi, langganan, rute API, halaman statis untuk dokumen ... dll) akan bekerja di selanjutnya. JS 13 dan komponen server.

Ini bukan templat pemula.

Beberapa orang meminta saya untuk mengubah ini menjadi starter. Saya pikir kita bisa melakukan itu begitu fitur baru keluar dari beta.

Catatan tentang kinerja

PERINGATAN Aplikasi ini menggunakan rilis yang tidak stabil untuk Next.js 13 dan React 18. Router dan App Dir baru masih dalam beta dan tidak siap-produksi. Harapkan beberapa hit kinerja saat menguji dasbor . Jika Anda melihat sesuatu yang rusak, Anda dapat mem -ping saya @shadcn.

Fitur

• Dir Baru /app ,
• Routing, tata letak, tata letak bersarang dan kelompok tata letak
• Mengambil data, caching dan mutasi
• Memuat UI
• Penangan rute
• File metadata
• Komponen server dan klien
• Rute dan Perangkat Tengah API
• Otentikasi menggunakan nextAuth.js
• ORM Menggunakan Prisma
• Database di planetscale
• Komponen UI Dibangun Menggunakan Radix UI
• Dokumentasi dan Blog Menggunakan MDX dan ContentLayer
• Langganan menggunakan stripe
• Ditata menggunakan CSS Tailwind
• Validasi menggunakan ZOD
• Ditulis dalam naskah

Peta jalan

• Tambahkan dukungan MDX untuk halaman dasar
• Membangun halaman pemasaran
• Langganan menggunakan stripe
• Gaya responsif
• Tambahkan gambar OG untuk blog menggunakan @vercel/oG
• Mode gelap

Masalah yang diketahui

Daftar hal yang tidak berfungsi sekarang:

1. Otentikasi GitHub (Gunakan Email)
2. Prisma: Kesalahan: Enoent: Tidak ada file atau direktori seperti itu, buka '/var/task/.next/server/chunks/schema.prisma'
3. Next.js 13: Navigasi sisi klien tidak memperbarui kepala
4. Tidak dapat menggunakan OpenGraph-Image.tsx di dalam rute tangkapan-semua

Mengapa tidak TRPC, Turborepo atau X?

Saya mungkin menambahkan ini nanti. Untuk saat ini, saya ingin melihat seberapa jauh kita bisa menggunakan next.js saja.

Jika Anda memiliki beberapa saran, jangan ragu untuk membuat masalah.

Berjalan secara lokal

1. Instal dependensi menggunakan PNPM:

pnpm install

2. Salin .env.example ke .env.local dan perbarui variabel.

cp .env.example .env.local

3. Mulai server pengembangan:

pnpm dev

Lisensi

Berlisensi di bawah lisensi MIT.