Açık kaynak projesi
NextRanger
Mimari kararların belgelenip unutulmak yerine araçlarla zorunlu kılındığı katı bir Next.js mühendislik temeli.
Genel bakış
NextRanger, ciddi frontend işleri için kullandığım başlangıç noktasıdır. Öncülü şudur: bir ekibin üzerinde anlaştığı ama zorunlu kılamadığı kurallar zamanla aşınır, bu yüzden önemli her kural README'deki bir paragraf yerine bir lint kuralı, bir tip veya başarısız olan bir test olarak ifade edilir.
Mimari
Varsayılan olarak Server Components kullanan Next.js App Router, katı TypeScript ve tek yönlü bağımlılıklara sahip modül öncelikli bir yapı: rotalar modüllere, modüller paylaşılan koda, paylaşılan kod satıcı sarmalayıcılarına bağımlıdır, asla tersi değil. Her üçüncü taraf paketin tam olarak bir sorumlu sarmalayıcısı vardır; böylece yükseltmeler ve hata yönetimi tek bir incelenmiş dosyada yaşar.
Mühendislik
Özel bir ESLint eklentisi katman politikasını, paket sahipliğini, yalnızca TSX bileşenlerini ve çeviri kapsamını zorunlu kılar. Vitest ve Playwright birim, entegrasyon, uçtan uca, erişilebilirlik ve görsel testleri kapsar; buna RTL destekli uluslararasılaştırma, nonce tabanlı bir CSP ve her birleştirmeden önce tüm seti çalıştıran CI kapıları eşlik eder.
- Rol
- Yazar. Mimari modeli, özel ESLint kural setini ve kalite kapılarını tasarladım.
- Kategori
- Full-stack
- Teknoloji yığını
- Next.jsReactTypeScriptESLintVitestPlaywrightTailwind CSS
- Dil
- TypeScript