Open source projecten
NextRanger
Strikte Next.js-engineeringbasis waarin architectuurbeslissingen worden afgedwongen door tooling, niet slechts gedocumenteerd en vergeten.
Overzicht
NextRanger is het startpunt dat ik gebruik voor serieus frontendwerk. Het uitgangspunt is dat conventies waarover een team het eens is maar die niet worden afgedwongen, na verloop van tijd verwateren, dus elke regel die ertoe doet wordt uitgedrukt als een lintregel, een type of een falende test — niet als een paragraaf in een README.
Architectuur
Next.js App Router met Server Components als standaard, strict TypeScript, en een module-first structuur met eenrichtingsafhankelijkheden: routes zijn afhankelijk van modules, modules zijn afhankelijk van gedeelde code, gedeelde code is afhankelijk van vendor-wrappers, en nooit andersom. Elk pakket van derden heeft precies één verantwoordelijke wrapper, zodat upgrades en foutafhandeling in één gereviewd bestand plaatsvinden.
Engineering
Een aangepaste ESLint-plugin handhaaft laagbeleid, pakketeigendom, uitsluitend-TSX-componenten en vertaaldekking. Vitest en Playwright dekken unit-, integratie-, end-to-end-, toegankelijkheids- en visuele tests, samen met internationalisatie inclusief RTL-ondersteuning, een nonce-gebaseerd CSP, en CI-poorten die de volledige suite bij elke merge uitvoeren.
- Rol
- Auteur. Ontwierp het architectuurmodel, de aangepaste ESLint-regelset en de kwaliteitspoorten.
- Categorie
- Full-stack
- Stack
- Next.jsReactTypeScriptESLintVitestPlaywrightTailwind CSS
- Taal
- TypeScript