PREVIEW MODE

Next.js 10

Posted: 1/1/2021

Since we last talked a year ago

  1. Zeit became Vercel and gained $21M in funding.
  2. Vercel’s $40M Series B happened in December.
  3. Next.js 9 added (to name a few)
  4. Preview Mode
  5. Environment Variables
  6. Fast Refresh
  • Static Regeneration
  1. Next.js Analytics / Commerce
  2. Next.js 10 released
  3. next/image
  4. @next/mdx

Vercel

  • We are now using Vercel and Next.js in our next version of codingcat.dev. It has taken me a little bit of getting used to the CI/CD flow coming from Amplify and Google Cloud Build for Firebase hosting. Can you tell me more about Deploy Preview?
  • https://rauchg.com/2020/vercel#preview

NextJS

  1. I have seen a lot of movement to NextJS in the Jamstack community in the last year. What do you think is driving this move from Gatsby to Next? – Brittney
  2. What is in store for NextJS in 2021? – Brittney
  3. In browser navigation not working in Firefox and editing in dev tools requires the server to be restarted.
  4. Images must be in the public folder.

CodingCat.dev on Next.js

Currently we are running on Firebase as a backend with two separate Next.js sites

  1. Admin – Next.js, React, MaterialUI, backed by Firebase
  2. Main – Next.js, React, Tailwindcss, backed by Firebase

How can we statically build only our important pages, and then rely on regeneration for the rest? Is it as simple as saying build latest 50 pages and let page props do the rest?

Lighthouse vs. Vercel Analytics how to get 100?

I have read what I will call “way” too much about the Next.js chunks and that Lighthouse complaining about them is basically a non-issue, but is this true?

So in looking at the P99 on Vercel we actually get 100, so what gives, what is this actually showing?

Guillermo Rauch

“Impossible just takes longer”