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?
Made with Slides.com