CRA to App Router in 5 Steps: A Case Study with Graphite
November 03, 2023
11 min
Free
javascript
nextjs
create-react-app
ssg
react
cra
app-router
web-development
performance
ssr
typescript
monorepo
Description
In this talk, Kenneth DuMez from Graphite shares their experience migrating a large TypeScript monorepo from Create React App (CRA) to Next.js's App Router. He outlines a 5-step process that condensed what was initially an expensive and complex migration into manageable pull requests. The presentation highlights the benefits of Next.js, such as improved stability, faster build times, and bundle splitting, and discusses key technical challenges and solutions encountered during the migration, including handling SVG imports, refactoring folder structures, configuring webpack, and addressing server-side rendering complexities.