next auth roles template

Templat Peran Otentikasi Berikutnya

Mulailah dengan kecepatan penuh dengan Templat Next.js ini!

Instalasi · Tech Stack + Fitur · Penulis

Instalasi

Kloning & buat repo ini secara lokal dengan perintah berikut:

npx create-next-app my-saas-project --example " https://github.com/mickasmt/next-auth-roles-template "

Atau, terapkan dengan Vercel:

Tangga

1. Instal dependensi menggunakan pnpm:

pnpm install

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

cp .env.example .env.local

3. Mulai server pengembangan:

pnpm run dev

4. Hapus bagian yang tidak Anda inginkan

Anda dapat menggunakan perintah pnpm run remove-content di terminal Anda untuk menghapus bagian tertentu dari proyek Anda. Perintah ini mendukung parameter berikut:

• --blog : Menghapus bagian blog dari proyek Anda.
• --docs : Menghapus bagian dokumentasi dari proyek Anda.

Rekomendasi

• Hapus Kedua Bagian : Disarankan untuk menggunakan pnpm run remove-content tanpa menentukan parameter ( --blog atau --docs ). Hal ini memastikan bahwa semua dokumen terkait dihapus dengan benar, karena beberapa dokumen mungkin tidak terhapus/diperbarui jika Anda menghapus "blog" setelah "docs" atau sebaliknya.

Contoh

1. Untuk menghapus bagian blog dan dokumentasi:

pnpm run remove-content

2. Untuk menghapus bagian blog saja:

pnpm run remove-content --blog

3. Untuk menghapus hanya bagian dokumentasi:

pnpm run remove-content --docs

Catatan

Saya menggunakan paket npm-check-updates untuk memperbarui proyek ini.

Gunakan perintah ini untuk memperbarui proyek Anda: ncu -i --format group

Tumpukan Teknologi + Fitur

Kerangka kerja

• Next.js – Kerangka kerja React untuk membangun aplikasi berkinerja dengan pengalaman pengembang terbaik
• Auth.js – Tangani autentikasi pengguna dengan mudah menggunakan penyedia seperti Google, Twitter, GitHub, dll.
• Prisma – ORM pertama skrip untuk Node.js
• React Email – Kerangka email serbaguna untuk pengembangan email yang efisien dan fleksibel

Platform

• Vercel – Pratinjau & terapkan perubahan dengan mudah menggunakan git
• Kirim Ulang – Kerangka email yang kuat untuk pengembangan email yang efisien
• Neon – Postgres Tanpa Server dengan penskalaan otomatis, percabangan, penyimpanan tanpa dasar, dan tingkat gratis yang melimpah.

UI

• Tailwind CSS – Kerangka kerja CSS yang mengutamakan utilitas untuk pengembangan UI yang cepat
• Shadcn/ui – Komponen yang dapat digunakan kembali yang dibuat menggunakan Radix UI dan Tailwind CSS
• Lucide – Ikon yang sangat sederhana dan sempurna piksel
• next/font – Optimalkan font khusus dan hapus permintaan jaringan eksternal untuk meningkatkan kinerja
• ImageResponse – Menghasilkan gambar Open Graph dinamis di tepinya

Kait dan Utilitas

• useIntersectionObserver – Bereaksi hook untuk mengamati ketika sebuah elemen masuk atau keluar dari viewport
• useLocalStorage – Menyimpan data di penyimpanan lokal browser
• useScroll – React hook untuk mengamati posisi scroll (contoh)
• nFormatter – Memformat angka dengan sufiks seperti 1.2k atau 1.2M
• capitalize – Menggunakan huruf kapital pada huruf pertama dari sebuah string
• truncate – Memotong string ke panjang tertentu
• use-debounce – Debounce panggilan fungsi / pembaruan status

Kualitas Kode

• TypeScript – Pemeriksa tipe statis untuk keamanan mengetik ujung ke ujung
• Lebih Cantik – Pemformat kode berpendirian untuk gaya kode yang konsisten
• ESLint – Linter yang dapat dicolokkan untuk Next.js dan TypeScript

Aneka ragam

• Vercel Analytics – Lacak pengunjung unik, tampilan halaman, dan lainnya dengan cara yang ramah privasi

Pengarang

Proyek ini didasarkan pada Next SaaS Stripe Starter.

Dibuat oleh @miickasmt pada tahun 2023, dirilis di bawah lisensi MIT.

Kredit

Terima kasih kepada Hosna Qasmei untuk bagian kode sidebar dasbor.