Nextjs Templates overview

Environment Variables Example

link

Fast Refresh Demo

link

Next page-transition Example

link

Example app implementing progressive server-side render

link

  • features
    • A custom hook called useMounted, implementing this behavior
    • An app with a component that must only be rendered in the client
    • A loading component that will be displayed before rendering the client-only component
  • is creates a useMounted custom hook, that just runs useEffect with no deps

Redirects

link

  • you can setup redirects in the next.config.js file

Using Preact

link

  • no react installed

Next SEO

link

Prefetching

link

With route as modal

link

  • uses react-modal
  • it renders the modal in the home page, and it has a conditional if the route is different to show/hide

with why-did-you-render

link

Analyze bundle

link

  • this is a must to see wtf is happening with the bundles
  • it has a new analyze script

Custom Routes proxying Example

link

  • this is great to incrementally migrate from whatever other server to nextjs
  • the magic relies in the next.config.js
© 2020, Powered by Gatsby