<ul data-eligibleForWebStory="true"><li>The author decided to migrate their 6-year-old personal website built with Create React App to Next.js.</li><li>The old project had code quality issues like old React patterns, weird folder structure, outdated packages, and tangled dependencies.</li><li>Instead of patching up the old code, the author chose to rebuild the website from scratch using Next.js.</li><li>The author utilized modern practices like file-based routing, server components, and improved structure for a better user experience.</li><li>Tailwind CSS was adopted to replace custom SCSS and BEM conventions, making it easier to maintain styles across components.</li><li>The migration process taught the author valuable lessons, emphasizing the benefits of starting over and the importance of clean code structure provided by tools like the App Router in Next.js.</li><li>Updating personal projects can be a mix of technical and emotional journey, showcasing personal growth and allowing for the implementation of modern techniques.</li></ul>

What I Learned from Converting My 6-Year-Old Create React App Personal Website to Next.js

Discover more