Migrate a Next.js Pages Router Component utilizing getServerSideProps to the App Router

Our deposit route currently makes use of getServerSideProps. To migrate this route to the app router we can create our first async server component for data fetching.

The data flow of our components becomes a lot more straight forward in the App directory. We just await our requests and when the server gets the data it will pass it off to the client components that need it.

No more boilerplate getServerSideProps is involved.

Note: You may notice that routes are already migrated over in this video.

As noted in the Course Description & Project Walkthrough video, this course is focus on showing "how to" by migrating a few routes and leaves room for you to migrate the rest of the app or not.

If you would like to follow along in the Next Migration Extras Course check out the lessons "Migrate Invoice Routes" and "Migrate Remaining Pages to App Router".

If you want to look at the code at any time you can run git checkout solution