A Next.js Blog project to demonstrate the concepts learned while working with Next.js. You can find the deployed project here.
- Static Generation : the page HTML is generated when you run next build. This HTML will then be reused on each request. It can be cached by a CDN.
- Automatic Static Optimization
- Components
- Routing
- Pages
- API
- Dynamic Routes
- getStaticPaths : will generate a list of paths to pre-render based on the data returned from the function
fallback:falsewill return a 404 page if the path doesn't exist,truewill allow the page to be generated on the fly if it doesn't exist (ISR)
- getStaticProps : will pre-render a page at build time using the props returned from the function
- getStaticPaths : will generate a list of paths to pre-render based on the data returned from the function
- Deployment