Support #30505
open
Support #29198: Product Training and Search to Ticket flow implementation
Front end project structure analysis
Added by Ifthik p 5 months ago.
Updated 5 months ago.
Due date:
11/26/2025 (about 5 months late)
- Understood the modular theme-based architecture, shared hooks/services, and component separation.
- Verified how routing, contexts, and dynamic theme loading behave in both the React sample and a Next.js test environment.
- Identified key challenges like global CSS handling, font loading, provider structure, and navigation differences in Next.js.
- Explored the migration approach and confirmed feasibility of implementing the same structure in Next.js with minimal design changes.
- Studied server-side data-flow options (API routes, BFF layer, caching, SWR fallback, session handling).
- Planned token handling strategy (pretokens, token exchange, server-side caching, session cookie).
- Prepared the structure for converting the sample flow into Next.js with a secure and scalable approach.
- Integrated the pretoken → token workflow into the server-side flow of the Next.js sample app.
- Tested environment variable usage, API base URL configuration, and ensured correct backend endpoint execution.
- Identified cases where rendering continued due to cached sessions or silent fallback logic, and added verification/debugging steps.
- Investigated SSR vs client-side initialization behavior, logging points, and failure handling to properly control UI rendering during token acquisition.
- % Done changed from 0 to 100
- Status changed from Assigned to Completed
Also available in: Atom
PDF