DEV Community

Cover image for Next.js 10
Alex Patterson for CodingCatDev

Posted on • Edited on • Originally published at codingcat.dev

1

Next.js 10

Original: https://codingcat.dev/podcast/1-4-next-js-10-with-guillermo-rauch

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”

Image of Timescale

Timescale – the developer's data platform for modern apps, built on PostgreSQL

Timescale Cloud is PostgreSQL optimized for speed, scale, and performance. Over 3 million IoT, AI, crypto, and dev tool apps are powered by Timescale. Try it free today! No credit card required.

Try free

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay