willemliu / static-next

Showcase NextJS rendering strategies and pros/cons

Home Page:https://static-next.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

static-next

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.

About

Showcase NextJS rendering strategies and pros/cons

https://static-next.vercel.app


Languages

Language:TypeScript 93.8%Language:SCSS 5.6%Language:JavaScript 0.6%