Next.js getStaticProps vs. getServerSideProps
Main difference between getStaticProps
and getServerSideProps
getStaticProps
- fetch data at build time
- page loading is much faster than
getServerSideProps
getServerSideProps
- fetch data at run time
- use it when the data to fetch is unknown at build time, e.g. fetch random data. If using
getStaticProps
, the result will be the same every time.