Frontend Chapter Roadmap
Q1-Q2-Q3 2026
Priority Framework
| Tier | Meaning | Timeline |
|---|---|---|
| P0 | Critical / High impact low effort | Immediate |
| P1 | Important - high ROI, start next | This quarter |
| P2 | Later - external dependencies | When unblocked |
| P-last | Nice to have - opportunistic | As bandwidth allows |
P0 - Critical / Now
1. TypeScript Strict Compliance
- Zero errors on
test:static:types - Prevents runtime bugs, enables CI enforcement
2. Next.js Update (14.2 → latest)
- Security patches + performance
- Unblocks page migrations
3. CDN for Translations
- Tolgee CDN with auto-update
- Translators ship without deployments
P1 - Important / Next
4. Performance Monitoring & API Analytics
- Detect duplicate GraphQL queries
5. Code Connect (Figma → Dev)
- Link Figma components to Krypton code
- Faster design-to-code, better AI tooling
6. E2E Test Stability on Staging
- Fix flaky tests, reliable CI gate
7. Menu / Navigation - New Design
- Implement new nav across App
P1 - Important / Next (continued)
8. Onboarding vs Dashboard Architecture
- Unify providers and tokens
- Reduce duplication
9. Next Migration Step 1
| Page | Status | Blocker |
|---|---|---|
| Carte | Can be migrated | None |
| Prelevement auto | Can be migrated | None |
| Gestion des membres | Can be migrated | None |
| Comptabilite | Can be migrated | None |
P2 - Later
10. Next Migration Step 2
| Initiative | Blocker |
|---|---|
| Kandor V1 - Complete Missing Components | Design bandwidth |
| BA Comptes Migration | Missing Krypton components |
| BA Virement Migration | Missing Krypton components |
| P1X | Decision pending - deprecated? |
deck
By Remy Choffardet
deck
- 21