sprucecss root admin template

Repositori ini berisi template statis admin Laravel kami yang bernama Root.

Templat ini dibuat dengan Eleventy untuk kewarasan dan pengelolaan yang lebih mudah. Anda dapat mengambil konten dari file template Nunjucks atau folder dist yang dikompilasi.

Templatenya mungkin akan berubah secara berkala di masa mendatang karena pengembangan paket Laravel.

Apa yang Anda Dapatkan

Kami menggunakan Alpine.js untuk menangani kode JS. Meskipun ada beberapa perilaku JS yang cukup lengkap, template ini masih berupa HTML/CSS statis, jadi Anda harus melakukan bagian interaktifnya.

Saat ini, Anda dapat mengambil tampilan atau tata letak berikut:

• Dasbor
• Daftar Produk
• Daftar Pesanan
• Daftar Pelanggan
• Daftar Kategori
• Pengeditan Barang
• Tampilan Barang
• Pengaturan
• Masuk
• Mendaftar
• Reset Kata Sandi

Ada banyak komponen khusus admin:

• Jendela modal dengan penyesuaian.
• Blok tabel data dengan dukungan pencarian dan filter.
• Pencarian sederhana.
• Berbagai menu tarik-turun.
• Kartu widget.
• Modal pengendali media.
• kotak kombo.

Bangun dan Berlari

Kami menggunakan eleventy --serve dan mengkompilasi Sass dengan sass-cli dengan skrip npm.

1. Kloning repositori.

2. Instal dependensinya.

   Dalam file package.json , Anda akan menemukan semua dependensi (dan skrip) untuk menginstalnya menggunakan perintah berikut:

   npm install

3. Jalankan mode pengembangan

   Untuk menjalankan mode pengembangan, gunakan npm script . Skrip ini juga akan memperhatikan perubahan.

   npm start

4. Jalankan mode produksi

   Sebelum ditayangkan, Anda harus menggunakan skrip produksi untuk mengompresi file Sass.

   npm run prod

SCSS

Proyek ini mengkompilasi file SCSS dari folder ./src/scss ke dalam folder ./src/css . Proyek ini menyertakan Spruce CSS, yang memberikan gaya dengan beberapa komponen UI Spruce.

Skrip Lainnya

• sass:lint/sass:lint:fix Anda dapat lint file SCSS Anda dengan preset Stylelint dan stylelint-config-sass-guidelines dengan perintah npm run sass:lint . Gunakan perintah npm run sass:lint:fix jika Anda ingin perbaikan otomatis.

• js:lint/js:lint:fix Anda juga dapat lint JS Anda seperti dengan Sass. Untuk aturannya, kami menggunakan preset Airbnb.

Lisensi

Kode ini dilisensikan di bawah MIT.