Episode 11 • Making Websites With Next.js And Strapi

getStaticProps

In this episode I'm going to show you the difference between getServerSideProps and getStaticProps in Next.js

In Strapi we are going to create pages content type so that we can get the data for our pages from the API instead of hard coding them. For getting those pages in Next.js we are going to be using getStaticProps instead of getServerSideProps because we want our pages to be statically generated and to not require any additional requests. Also I'm going to show you the difference between those two types of fetching data.

Download code

Wanna ask a question about this video?

Like This Video?

Consider supporting me on Patreon.

...or you can share this video, that also helps ;)

  • Episode 01 • Duration 18:49

    Setup And First Steps

  • Episode 02 • Duration 24:03

    CSS in JS

  • Episode 03 • Duration 15:25

    Fetching The Data

  • Episode 04 • Duration 18:33

    Layouts With Reflexbox

  • Episode 05 • Duration 19:34

    Static Routes, Nested Routes, And Navigation

  • Episode 06 • Duration 19:50

    Dynamic routes

  • Episode 07 • Duration 21:19

    Pagination

  • Episode 08 • Duration 08:59

    Next SEO

  • Episode 09 • Duration 12:28

    Using Context API

  • Episode 10 • Duration 27:34

    Deploy To Digital Ocean

  • Episode 11 • Duration 09:53

    getStaticProps

  • Episode 12 • Duration 07:10

    Incremental Static Regeneration

  • Episode 13 • Duration 34:08

    Multi language

  • Episode 14 • Duration 27:08

    User Authentication

  • Episode 15 • Duration 13:57

    Add Data To Strapi From Next.js

  • Episode 16 • Duration 29:04

    Image Component And Customizing Strapi Response

  • Episode 01 • Duration 18:49

    Setup And First Steps

  • Episode 02 • Duration 24:03

    CSS in JS

  • Episode 03 • Duration 15:25

    Fetching The Data

  • Episode 04 • Duration 18:33

    Layouts With Reflexbox

  • Episode 05 • Duration 19:34

    Static Routes, Nested Routes, And Navigation

  • Episode 06 • Duration 19:50

    Dynamic routes

  • Episode 07 • Duration 21:19

    Pagination

  • Episode 08 • Duration 08:59

    Next SEO

  • Episode 09 • Duration 12:28

    Using Context API

  • Episode 10 • Duration 27:34

    Deploy To Digital Ocean

  • Episode 11 • Duration 09:53

    getStaticProps

  • Episode 12 • Duration 07:10

    Incremental Static Regeneration

  • Episode 13 • Duration 34:08

    Multi language

  • Episode 14 • Duration 27:08

    User Authentication

  • Episode 15 • Duration 13:57

    Add Data To Strapi From Next.js

  • Episode 16 • Duration 29:04

    Image Component And Customizing Strapi Response