next enterprise

Next.js Enterprise Boilerplate

Selamat datang di Next.js Enterprise Boilerplate , templat open-source untuk proyek perusahaan! Ini sarat dengan fitur yang akan membantu Anda membangun aplikasi berkinerja tinggi, dapat dipelihara, dan menyenangkan. Kami telah melakukan semua angkat berat untuk Anda, jadi duduklah, bersantai, dan bersiaplah untuk menaklukkan dunia dengan aplikasi luar biasa Anda! ?

Catatan

Blazity adalah sekelompok ahli Next.js/tanpa kepala. Hubungi kami di [email protected] jika Anda ingin membicarakan proyek Anda atau hanya untuk mengobrol dengan kami

Fitur

Dengan template ini, Anda mendapatkan semua kehebatan yang Anda butuhkan:

• ? ️ Next.js - Cepat secara default, dengan konfigurasi dioptimalkan untuk kinerja (dengan direktori aplikasi )
• ? Tailwind CSS - Kerangka kerja CSS utilitas -pertama untuk pengembangan UI yang cepat
• Eslint dan lebih cantik - untuk kode yang bersih, konsisten, dan bebas dari kesalahan
• TypeScript yang sangat ketat - dengan pustaka ts-reset untuk keamanan tipe pamungkas
• Tindakan GitHub - Tindakan yang telah dikonfigurasi sebelumnya untuk alur kerja yang lancar, termasuk ukuran bundel dan statistik kinerja
• ? Skor Mercusuar Perfect - karena kinerja penting
• Bundle Analyzer Plugin - Mengawasi ukuran bundel Anda
• Perpustakaan Pengujian Jest and React - Untuk unit rock -solid dan tes integrasi
• Playwright -Tulis tes ujung ke ujung seperti pro
• Buku cerita - Buat, uji, dan tunjukkan komponen Anda
• Tes Pengujian dan Penerimaan Asap - Untuk kepercayaan pada penyebaran Anda
• Konvensional Commit Git Hook - Jaga agar riwayat komit Anda rapi dan rapi
• Observability - Integrasi telemetri terbuka untuk pemantauan yang mulus
• Impor absolut - tidak ada lagi impor spageti
• Pemeriksaan Kesehatan - Kompatibel Kubernetes untuk penyebaran yang kuat
• Radix UI - Komponen UI Tanpa Kepala untuk Kustomisasi Tanpa Akhir
• CVA - Buat sistem desain atom yang konsisten, dapat digunakan kembali, dan atom
• Renovasi bot - dependensi pembaruan otomatis, sehingga Anda dapat fokus pada pengkodean
• Patch -package - Perbaiki dependensi eksternal tanpa kehilangan akal sehat
• Komponen Kopling dan Grafik Kohesi - Alat untuk Mengelola Hubungan Komponen
• Ulasan Kode ChatGPT Otomatis - Tetap di ujung tombak dengan ulasan kode bertenaga AI!
• Rilis Semantik - Untuk Changelog Otomatis
• T3 Env - Kelola variabel lingkungan Anda dengan mudah

Daftar isi

• Next.js Enterprise Boilerplate
  • Fitur
  • Daftar isi
  • Memulai
  • Penyebaran
  • Tinjauan skrip
  • Grafik kopling
  • Pengujian
    • Menjalankan tes
    • Tes penerimaan
    • Pengujian asap
  • Sistem penataan dan desain
    • CVA - Pendekatan baru untuk varian
  • Manajemen negara
    • Zustand
    • Jotai
    • Mundur
  • Ulasan kode chatgpt
  • Penanganan variabel lingkungan
  • Kontribusi
  • Mendukung
  • Lisensi
  • Kontributor

Memulai

Untuk memulai dengan boilerplate ini, ikuti langkah -langkah ini:

1. Repositori Fork & Clone:

 # # Don't forget to  star and fork it first :)
git clone https://github.com/ < your_username)/next-enterprise.git

2. Instal dependensi:

yarn install --frozen-lockfile

3. Jalankan server pengembangan:

yarn dev

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

5. Proyek ini menggunakan kait git untuk menegakkan komitmen konvensional. Untuk menginstal kait git, jalankan perintah berikut di direktori root proyek:

brew install pre-commit
pre-commit install -t commit-msg

Penyebaran

Dengan mudah menggunakan aplikasi Next.js Anda dengan Vercel dengan mengklik tombol di bawah ini:

? Tinjauan skrip

Script berikut tersedia di package.json :

• dev : memulai server pengembangan dengan output berwarna
• build : Membangun aplikasi untuk produksi
• start : Mulai server produksi
• lint : Lints Kode menggunakan Eslint
• lint:fix : Secara otomatis memperbaiki kesalahan serat
• prettier : Memeriksa kode untuk pemformatan yang tepat
• prettier:fix : Secara otomatis memperbaiki masalah pemformatan
• analyze : Menganalisis ukuran bundel untuk lingkungan klien, server dan tepi
• storybook : Mulai server buku cerita
• build-storybook : Membangun buku cerita untuk penempatan
• test : Menjalankan Unit dan Tes Integrasi
• e2e:headless : Menjalankan tes ujung ke ujung dalam mode tanpa kepala
• e2e:ui : Menjalankan tes ujung ke ujung dengan UI
• format : Memformat kode dengan lebih cantik
• postinstall : Menerapkan tambalan ke dependensi eksternal
• preinstall : Memastikan proyek diinstal dengan benang
• coupling-graph : Menghasilkan grafik kopling dan kohesi untuk komponen

? Grafik kopling

Skrip coupling-graph adalah alat yang berguna yang membantu memvisualisasikan kopling dan koneksi antara modul internal proyek Anda. Dibangun menggunakan Perpustakaan Madge. Untuk menghasilkan grafik, cukup jalankan perintah berikut:

yarn coupling-graph

Ini akan membuat file graph.svg , yang berisi representasi grafis dari koneksi antara komponen Anda. Anda dapat membuka file dengan penampil yang kompatibel dengan SVG.

Tambahkan kontribusi Anda