nextjs boilerplate

Boilerplate dan starter untuk JS 15+ berikutnya, Tailwind CSS 3 dan TypeScript

Boilerplate dan Starter untuk Next.js, Tailwind CSS dan TypeScript ⚡️ Dibuat dengan Pengalaman Pengembang terlebih dahulu: Next.js (Perutean Aplikasi), TypeScript, Eslint, Prettier, Husky, Lint-Stage, Jest, React Testing Library, PostCSS, Tailwind CSS, Storybook, Plop, GH Action.

Fitur

Pengalaman Pengembang Pertama:

• Next.js untuk generator situs statis
• Ketik memeriksa naskah
• Integrasi dengan CSS Tailwind
• Buku cerita untuk dokumentasi komponen
• Mode ketat untuk naskah dan bereaksi 18
• Linter dengan eslint
• Formatter kode dengan lebih cantik
• Husky untuk kait git
• Lint-staged untuk menjalankan linters di file git yang dipentaskan
• Pengujian dengan bercanda dan pengujian-perpustakaan
• Impor absolut menggunakan @ awalan
• NextJs Tata Letak Kustom
• T3 Env Mengelola variabel lingkungan Anda dengan mudah
• Konvensi Pesan untuk Git
• Maksimalkan skor mercusuar
• Tindakan GH
• Komponen Generasi dengan Konvensi Desain PLOP dan Atom

? Rencana

• Bundler Analyzer
• Next-PWA

? Pengujian

Semua tes dikumpulkan dengan kode sumber di dalam direktori yang sama. Jadi, membuatnya lebih mudah untuk menemukannya. Ambang batas cakupan diatur ke 70% . Di folder .jest ada penyedia khusus untuk semua tes.

Cara menggunakan

Untuk menggunakan templat ini, Anda cukup mengklik menggunakan templat ini atau membuat aplikasi selanjutnya.js Anda berdasarkan templat ini dengan menjalankan:

pnpm create next-app -e https://github.com/hadrysm/nextjs-boilerplate

Digunakan untuk produksi

Instal perintah di Vercel:

 corepack use pnpm@`pnpm -v` && pnpm i

Anda dapat melihat hasilnya secara lokal dalam mode produksi dengan:

pnpm build

pnpm start

Menghasilkan komponen

pnpm generate Button

Hasil (jika Anda memilih komponen atom):

 └── components
      └── atoms
        └── Button
          ├── index.ts
          ├── Button.stories.tsx
          ├── Button.test.tsx
          └── Button.tsx

? Berkontribusi

1. Garpu repositori ini;
2. Buat Cabang Anda: git checkout -b my-awesome-contribution ;
3. Komitmen Anda: git commit -m 'feat: Add some awesome contribution' ;
4. Dorong ke Cabang: git push origin my-awesome-contribution .

Lisensi

Lisensi di bawah Lisensi MIT, Hak Cipta © 2024

Lihat lisensi untuk informasi lebih lanjut.

---

Dibuat dengan banyak ❤️ dan? oleh Mateusz Hadryś? Kontak saya