Progetto open source
NextRanger
Una base di ingegneria Next.js rigorosa in cui le decisioni architetturali sono imposte dagli strumenti anziché documentate e dimenticate.
Panoramica
NextRanger è il punto di partenza che uso per il lavoro frontend più serio. Il suo presupposto è che le convenzioni su cui un team concorda ma che non può imporre finiscono per erodersi, quindi ogni regola importante è espressa come regola di lint, come tipo o come test che fallisce, non come paragrafo in un README.
Architettura
Next.js App Router con Server Components di default, TypeScript strict, e un'organizzazione module-first con dipendenze a senso unico: le route dipendono dai moduli, i moduli dal codice condiviso, il condiviso dai wrapper dei vendor, mai il contrario. Ogni pacchetto di terze parti ha esattamente un wrapper proprietario, così aggiornamenti e gestione degli errori vivono in un unico file revisionato.
Ingegneria
Un plugin ESLint personalizzato impone la policy dei livelli, la proprietà dei pacchetti, componenti limitati a TSX e copertura delle traduzioni. Vitest e Playwright coprono test unitari, di integrazione, end-to-end, di accessibilità e visivi, insieme a internazionalizzazione con supporto RTL, una CSP basata su nonce, e gate CI che eseguono l'intero set prima di ogni merge.
- Ruolo
- Autore. Progettazione del modello architetturale, del set di regole ESLint personalizzate e dei gate di qualità.
- Categoria
- Full-stack
- Stack
- Next.jsReactTypeScriptESLintVitestPlaywrightTailwind CSS
- Linguaggio
- TypeScript