The original title is: "How We Migrated Bloom After from Vanilla JS to Next.js + TypeScript"

Short summary

A Rise Academy student team migrated Bloom After from Vanilla JS to Next.js with TypeScript, solving real problems along the way. Key architectural wins included a TypeScript normalization layer to handle inconsistent API responses, Next.js route groups for layout sharing without conditional logic, a centralized HTTP client, and secure auth via httpOnly cookies. Patterns are directly reusable for anyone tackling legacy frontend migrations.

• •Real migration project with concrete problems: messy API responses, localStorage auth, lack of architectural patterns
• •Three key patterns implemented: TypeScript normalization layer, Next.js route groups for layout sharing, centralized HTTP client
• •Complete auth migration from localStorage to NextAuth with httpOnly cookies for security

Generated with AI, which can make mistakes.