Implementing Async Pages

Now that we know how to solve our data fetching problems, let’s implement the async pages technique in our application.

Our components tree is already structured in a way that it’s compliant with what’s expected by this technique. Our pages are the AuthorsIndex component, the Author component, and the FourOhFour component. The first two require universal data loading, so we will have to convert them into async pages.

Let’s start to update our application by extrapolating the route definitions into a src/frontend/routes.js named dedicated file.