When you get started with NextJS, especially when it comes to loading items from data or somewhere else, you'll start to come across functions like 

It'll probably not be that massively clear as to what they do or, more importantly, which ones you should be using and when.

Luckily, there are some easy ways to decide which ones you should be using

These are the two that you'll be using the most. If you need them at all.

When to use getStaticProps, getServerSideProps and getStaticPaths in NextJS

I recently noticed that the Syntax Highlighting when using `react-syntax-highlighter` was failing in production build. 

This was odd since everything seemed to work perfectly in development. 

After some investigations, I noticed the following error which linked to a React error 425 indicating that the 

Text content does not match server-rendered HTML.

It seems that this error can happen for a few things, and for a couple of different syntax highlighters which seemed odd. Maybe they share a package.

Category: NextJS.