Next.js Learning Journey

A Next.js Blog project to demonstrate the concepts learned while working with Next.js. You can find the deployed project here.

Concepts Learned

• 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 : false will return a 404 page if the path doesn't exist, true will 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
• Deployment