[CAL-2093] RFC: Incrementally adopt migrate dashboard to Next.js App Router

[zomars]

We're planning into slowly start adopting certain areas of the dashboard and migrate them to the new Next.js App Router philosophy. We're expecting this change will help with overall navigation, performance and "snappiness" improvements over the current dashboard.

Nextjs official upgrade guide

Prep-work needed

#9930

Move pages to the app directory

• Create a page.tsx file (the main host for the server components) for each route.
• Migrate the functionality in every occurrence of getServerSideProps to everypage.tsx
• Migrate the functionality in every occurrence of getInitialProps to everypage.tsx
• Reimplement getStaticProps as generateStaticParams in every page.tsx
• Implement generateMetadata in every page.tsx , if applicable.
• Create a component.tsx file or similar (the main host for the client-rendered page’s component) for every route.
• Create a layout.tsx page for every route.
• Create an error.tsx page for every route, if necessary.
• Remove the pages directory

Sections to migrate (by priority order)

• /event-types
• /bookings
• /settings Sean will explore this
• /availability
• /teams
• /apps
• /insights
• /workflows
• /getting-started

_{From SyncLinear.com | CAL-2093}

[alexbit-codemod]

[notes from meeting with Omar and Greg]

1. first we do take care of [CAL-2097] RFC: Migrating next/router hooks to next/navigation hooks #9929 (ETA: 21JUL)
2. then we work on bootstrapping [CAL-2098] RFC: Bootstrapping Next App directory #9930 starting 24JUL. ETA 28JUL.
3. Then we will be ready for page migrations. we will start with the Event pages which is a complex one but has the biggest potential for perf improvement.

[zomars]

@sean-brydon will explore bootstrapping in parallel

[zomars]

Currently blocked due to ban issue with app/not-found conflicting with our next.config rewrites vercel/next.js#58945

[zomars]

Currently blocked due to ban issue with app/not-found conflicting with our next.config rewrites vercel/next.js#58945

Found another possible related issue with the rewrite usage with both app dir and afterFiles: vercel/next.js#48002

[giteshsarvaiya]

Is this issue still up for contribution ?

[hbjORbj]

@giteshsarvaiya Hi! I am leading this migration project. Would be great if you can pick up other community tasks! Feel free to review my PRs if you are interested in migration: https://github.com/calcom/cal.com/pulls/hbjORbj

[hbjORbj]

@zomars I will close this issue as we manage this in Linear!