If you want to jump straight to the source code, here’s the link to the github repository.
One thing we haven’t done yet is server side rendering. We are currently fetching the posts using the
useEffect hook. This means that the posts won’t be available until the component is mounted. We can do better by using the
getStaticProps function from nextjs to fetch the posts on the server.
Lets use the
/posts/[id] page to do just that.
getServerSideProps, we can now fetch the post on the server and pass it to the component as a prop. Our
PostPage component already have the
post prop so we can just use it (see part 2).
Next step we are going to deploy our blog