bloom-frontend icon indicating copy to clipboard operation
bloom-frontend copied to clipboard

App Router Migration - Root Layout

Open boodland opened this issue 6 months ago • 5 comments

Sub issue of #702

App router uses a Root layout which is defined at the top of the app directory and applies to all routes. We need to migrate the contents of _app.tsx and _document.tsx to the root layout so they are applied for the app route.

Due to the complexity of the _app.tsx and _document.tsx files, the migration will be done according to the following steps as discussed in #1064:

  1. Creating the app directory and basic root layout with public testing page #1085
  2. Add Newrelic configuration #1086
  3. Add GoogleTagManager script #1117
  4. Add Rollbar script #1118
  5. Add OpenGraph Metadata #1120
  6. Add ErrorBoundary component #1121
  7. Add Material UI configuration #1122
  8. Add Analytics configuration #1123

Step one will be the parent PR/branch where the rest of the steps will be created from and merged to, once all the steps are completed and merged the PR/branch can be merged within dev branch.

Store Provider, i18n, Shell layout, Crisp script, AuthGuard and pages migration will be tackled in another parent PR as discussed in #1064 due to conflict with pages router and/or dependencies on i18n.

Until all pages are migrated and _app.tsx and _document.tsx files are removed any changes in any of the logic migrated to the app router needs to be changed accordingly for the app router version as well.

boodland avatar Aug 19 '24 09:08 boodland