Challenges

Server Rendering to Static Rendering

Adding Fallback Support

As we learn in the previous section, let's add the fallback support. For that, set fallback:true in the getStaticPaths function. Then it'll look like this after the change:

export async function getStaticPaths() {
  const postList = await githubCms.getPostList()
  const paths = postList.map(post => ({
    params: {
      slug: post.slug
    }
  }))

  return {
    paths,
    fallback: true
  }
}

Now let's try to build and run our app with:

yarn build
yarn start
Q: Did you get any error?
authenticating...

šŸ™ We need your help

We need your help to keep maintain & add new content to this course. Here's how you can support us: