Proyek ini adalah demonstrasi aplikasi Next.js sederhana dengan fokus pada komponen UI dan struktur.
-
Clone repositori:
git clone https://github.com/devnolife/next-dashboard-template.git cd next-dashboard-template -
Install dependencies:
npm install
-
Jalankan server pengembangan:
npm run dev
Untuk melihat aplikasi, buka browser Anda dan pergi ke http://localhost:3000.
Ini adalah komponen halaman utama dari aplikasi. Komponen ini mencakup pesan selamat datang, tautan ke Kursus Belajar Next.js, dan tombol login. Tata letak menyesuaikan untuk berbagai ukuran layar, dengan tata letak kolom untuk layar kecil dan tata letak baris untuk layar lebih besar.
Komponen ini menampilkan logo untuk Acme. Ini menggunakan font Lusitana dan mencakup ikon dari perpustakaan Heroicons.
Komponen ini menampilkan navigasi breadcrumb. Ini mengambil array objek breadcrumb dan menampilkannya sebagai jalur navigasi yang dapat diklik, menunjukkan halaman saat ini.
Komponen ini menampilkan tautan navigasi untuk bilah navigasi samping. Ini menggunakan ikon dari perpustakaan Heroicons dan mendukung tautan dinamis, yang dapat diperluas sesuai kebutuhan.
Komponen ini mewakili bilah navigasi samping. Ini mencakup logo Acme, tautan navigasi, dan tombol logout.
Komponen-komponen ini (CreateInvoice, UpdateInvoice, DeleteInvoice, dan InvoicesTable) mengelola fungsionalitas terkait faktur seperti membuat, memperbarui, dan menghapus faktur, serta menampilkan daftar faktur. Mereka mencakup berbagai elemen UI seperti tombol, ikon, dan formulir.
Komponen ini menampilkan status faktur, seperti 'pending' atau 'paid', dengan ikon dan warna yang sesuai untuk setiap status.
Proyek ini dilisensikan di bawah lisensi MIT. Lihat file LICENSE untuk informasi lebih lanjut.
Dengan penjelasan di atas, Anda dapat memahami struktur dan fungsionalitas dari berbagai komponen yang ada di proyek ini.