next15 filterlist

Daftar filter selanjutnya.js 15

Manajer Tugas Proyek yang interaktif dan semakin ditingkatkan dengan penyaringan menggunakan Next.js 15 dengan CSS Tailwind dan Prisma. Telah sengaja diperlambat untuk memamerkan penanganan status pemuatan.

Lihat cabang filter-provider untuk versi API konteks, yang batch semua filter ke dalam satu negara, memperbaiki masalah mereka dibuang saat beralih di beberapa.

Lihat Cabang nuqs untuk versi menggunakan Nuqs untuk mencapai hal yang sama. Mungkin lebih baik menggunakan perpustakaan, bukan?

Ini adalah proyek create-next-app .

Proyek ini menggunakan next/font untuk secara otomatis mengoptimalkan dan memuat Inter, Google Font khusus.

Memulai

Pertama, instal dependensi:

npm install

Kemudian, jalankan server pengembangan:

npm run dev

Buka http: // localhost: 3000 dengan browser Anda untuk melihat hasilnya.

Pengaturan Prisma

Anda perlu memutuskan antara pengembangan lokal PRISMA dengan sqlite atau database nyata dengan misalnya sqlserver . Definisikan dalam file schema.prisma .

Pertimbangkan menambahkan file .env ke root proyek dan menggunakan schema.prisma dengan env("DATABASE_URL") , lihat .env.sample .

Setelah beralih, hapus folder prisma/migrations sebelum menjalankan perintah migrasi.

Saat menggunakan SQLServer, Anda perlu memigrasikan skema basis data dengan:

npm run prisma.migrate

Saat menggunakan SQLite, inisialisasi dengan:

npm run prisma.push

Benih prisma/seed.ts untuk data awal:

npm run prisma.seed

Pelajari lebih lanjut

Untuk mempelajari lebih lanjut tentang Next.js, lihatlah sumber daya berikut:

• Dokumentasi Next.js - Pelajari Tentang Fitur dan API Next.js.
• Pelajari Next.js - Tutorial interaktif Next.js.

Anda dapat melihat repositori github berikutnya.js - umpan balik dan kontribusi Anda dipersilakan!

Menyebarkan di Vercel

Cara termudah untuk menggunakan aplikasi selanjutnya.js Anda adalah dengan menggunakan platform Vercel dari pencipta Next.js.

Lihatlah dokumentasi penempatan berikutnya.js kami untuk lebih jelasnya.