https://github.com/willemliu/static-next

Showcase NextJS rendering strategies and pros/cons
https://github.com/willemliu/static-next

client-side-rendering csr css-modules hybrid-ssr nextjs now react reactjs scss-modules server-side-rendering single-page-app spa ssg ssr static-site-generation typescript zeit-now

Last synced: 4 days ago
JSON representation

Showcase NextJS rendering strategies and pros/cons

• Host: GitHub
• URL: https://github.com/willemliu/static-next
• Owner: willemliu
• Created: 2020-02-26T13:30:19.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-03-15T06:50:10.000Z (over 1 year ago)
• Last Synced: 2024-04-20T18:48:48.518Z (5 months ago)
• Topics: client-side-rendering, csr, css-modules, hybrid-ssr, nextjs, now, react, reactjs, scss-modules, server-side-rendering, single-page-app, spa, ssg, ssr, static-site-generation, typescript, zeit-now
• Language: TypeScript
• Homepage: https://static-next.vercel.app
• Size: 2.95 MB
• Stars: 103
• Watchers: 3
• Forks: 5
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• Awesome-NextJs - static-next - [demo](https://static-next.vercel.app/) (Nextjs Projects)

README

        
# 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](https://static-next.vercel.app) itself.