Awesome Open Source
Awesome Open Source


This project showcases the differences between the rendering strategies provided by Next.js.

The strategies involves data-fetching implementations in:

  • getInitialProps
  • getServerSideProps
  • getStaticProps
  • getStaticPaths
  • useEffect

Static-site-generation is achieved using getStaticProps and getStaticPaths. Vercel provides Deploy Hooks feature to allow a regeneration of the site upon calling the webhook. This can be done from within the demo itself.

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Typescript (252,294
Reactjs (72,763
Nextjs (6,529
Ssr (1,626
Spa (1,558
Server Side Rendering (818
Single Page App (663
Css Modules (546
Now (342
Ssg (325
Related Projects