Proyek open source
NextRanger
Fondasi engineering Next.js yang ketat, di mana keputusan arsitektur dipaksakan oleh tooling, bukan sekadar didokumentasikan lalu dilupakan.
Ikhtisar
NextRanger adalah titik awal yang saya gunakan untuk pekerjaan frontend yang serius. Premisnya adalah bahwa konvensi yang disepakati tim tetapi tidak dapat dipaksakan akan tergerus seiring waktu, sehingga setiap aturan penting diekspresikan sebagai aturan lint, sebuah tipe, atau pengujian yang gagal, bukan sebagai paragraf di README.
Arsitektur
Next.js App Router dengan Server Components sebagai default, TypeScript strict, dan struktur module-first dengan dependensi satu arah: rute bergantung pada modul, modul bergantung pada kode bersama, kode bersama bergantung pada wrapper vendor, dan tidak pernah sebaliknya. Setiap paket pihak ketiga memiliki tepat satu wrapper penanggung jawab, sehingga upgrade dan penanganan error berada dalam satu file yang telah direview.
Engineering
Plugin ESLint kustom memaksakan kebijakan layer, kepemilikan paket, komponen yang dibatasi hanya TSX, dan cakupan terjemahan. Vitest dan Playwright mencakup pengujian unit, integrasi, end-to-end, aksesibilitas, dan visual, bersama internasionalisasi dengan dukungan RTL, CSP berbasis nonce, dan gate CI yang menjalankan seluruh rangkaian sebelum setiap merge.
- Peran
- Penulis. Merancang model arsitektur, kumpulan aturan ESLint kustom, dan gate kualitas.
- Kategori
- Full-stack
- Stack
- Next.jsReactTypeScriptESLintVitestPlaywrightTailwind CSS
- Bahasa
- TypeScript