slash admin

Admin tebas

Slash Admin adalah templat dasbor admin modern yang dibuat dengan React 18, Vite, Ant Design, dan TypeScript. Ini dirancang untuk membantu pengembang dengan cepat membuat sistem manajemen admin yang kuat.

Pratinjau · Perselisihan · Dokumen

Bahasa Inggris | tidak

Sponsor

Pratinjau

• https://admin.slashspaces.com/

Fitur

• Dibangun menggunakan kait React 18.
• Didukung oleh Vite untuk pengembangan cepat dan penggantian modul panas.
• Mengintegrasikan Ant Design, menyediakan beragam komponen UI dan pola desain.
• Ditulis dalam TypeScript, menawarkan keamanan tipe dan pengalaman pengembangan yang lebih baik.
• Desain responsif, beradaptasi dengan berbagai ukuran layar dan perangkat.
• Konfigurasi perutean yang fleksibel, mendukung rute bersarang.
• Kontrol akses terintegrasi berdasarkan peran pengguna.
• Mendukung internasionalisasi untuk peralihan bahasa yang mudah.
• Mencakup fitur admin umum seperti manajemen pengguna, manajemen peran, dan manajemen izin.
• Tema dan gaya yang dapat disesuaikan untuk memenuhi kebutuhan branding Anda.
• Solusi tiruan berdasarkan MSW dan Faker.js.
• Pengelolaan negara menggunakan Zustand.
• Pengambilan data menggunakan React-Query.

Mulai Cepat

Dapatkan Kode Proyek

git clone https://github.com/d3george/slash-admin.git

Instal Dependensi

Di direktori akar proyek, jalankan perintah berikut untuk menginstal dependensi proyek:

pnpm install

Mulai Server Pengembangan

Jalankan perintah berikut untuk memulai server pengembangan:

pnpm dev

Kunjungi http://localhost:3001 untuk melihat aplikasi Anda.

Bangun untuk Produksi

Jalankan perintah berikut untuk membangun versi produksi:

pnpm build

Penerapan buruh pelabuhan

Bangun gambar dan Jalankan wadah

membangun citra

Masuk ke direktori root proyek di terminal dan jalankan perintah berikut untuk membuat image Docker:

 docker build -t your-image-name .

Pastikan untuk mengganti your-image-name dengan nama gambar Anda sendiri

menjalankan wadah

Jalankan aplikasi Anda di kontainer Docker menggunakan perintah berikut:

 docker run -p 3001:80 your-image-name

Ini akan menjalankan aplikasi Anda pada port 80 (diekspos di Dockerfile ) kontainer dan memetakannya ke port 3001 di host Anda.

Sekarang Anda dapat mengakses http://localhost:3001 untuk melihat aplikasi yang diterapkan.

gunakan docker-compose.yaml

Masuk ke direktori root proyek di terminal dan jalankan perintah berikut untuk memulai Docker Compose:

 docker-compose up -d

Docker Compose akan membuat image berdasarkan konfigurasi yang ditentukan oleh 'docker-compose. yaml' dan jalankan container di latar belakang.

Setelah container berhasil dijalankan, container juga dapat diakses melalui http://localhost:3001 Untuk melihat aplikasi yang di-deploy.

Spesifikasi pengiriman Kontribusi Git

referensi.commitlint.config.js

• feat fitur-fitur baru
• fix perbaiki
• dokumentasi atau komentar docs
• format kode style (perubahan yang tidak mempengaruhi eksekusi kode)
• refaktor refactor
• optimalisasi kinerja perf
• revert kembali komit
• terkait tes test
• perubahan chore dalam proses konstruksi atau alat bantu
• ci memodifikasi konfigurasi dan skrip CI
• types jenis perubahan file definisi
• wip dalam pengembangan