---
type: podcast
authors:
  - alex-patterson
  - brittney-postma
episode: 46
guests:
  - lee-robinson
recording_date: November 9, 2021 5:00 PM
season: 1
published: published
podcast: CodingCat.dev
chapters_done: true
cloudinary_convert: false
cover: https://media.codingcat.dev/image/upload/main-codingcatdev-photo/Revealing_all_of_Next.js_12_s_Features.png
devto: https://dev.to/codingcatdev/146-revealing-all-of-nextjs-12s-features-11cf
excerpt: We sit down with Lee Robinson, Head of Developer relations at Vercel, to talk all about Next.js 12.
hashnode: https://hashnode.codingcat.dev/podcast-1-46-revealing-all-of-next-js-12-s-features
picks:
  [
    {
      author: 'alex-patterson',
      name: 'Lottie Files Lightweight, scalable animations for your website and apps',
      site: 'https://lottiefiles.com/'
    },
    {
      author: 'brittney-postma',
      name: 'Complete Next.js Developer',
      site: 'https://academy.zerotomastery.io/p/learn-next-js?affcode=441520_gjue7n-1'
    },
    {
      author: 'brittney-postma',
      name: 'Jamstack TV',
      site: 'https://www.youtube.com/channel/UC8bRyfU7ycLXnEBfvdorpUg'
    },
    {
      author: 'lee-robinson',
      name: "Lee's new M1 Macbook Pro",
      site: 'https://www.apple.com/shop/buy-mac/macbook-pro/14-inch'
    }
  ]
slug: 1-46-revealing-all-of-next-js-12-s-features
spotify: https://open.spotify.com/episode/1PBe5x63tPw4lXnPLAFSfx?si=nPsDEJc8Qm26L4JrWwVI_g
start: November 17, 2021
title: Revealing all of Next.js 12's Features
youtube: https://www.youtube.com/watch?v=_iGE7lVfeaI
---

## Questions

1. Can you tell us about your background and how you landed at Vercel?
2. New Feature highlights
   - **[Rust Compiler](https://nextjs.org/blog/next-12#faster-builds-and-fast-refresh-with-rust-compiler)**: ~3x faster Fast Refresh and ~5x faster builds
   - **[Middleware (beta)](https://nextjs.org/blog/next-12#introducing-middleware)**: Enabling full flexibility in Next.js with code over configuration
   - **[React 18 Support](https://nextjs.org/blog/next-12#preparing-for-react-18)**: Native Next.js APIs are now supported, as well as Suspense
   - **[`<Image />` AVIF Support](https://nextjs.org/blog/next-12#smaller-images-using-avif)**: Opt-in for 20% smaller images
   - **[Bot-aware ISR Fallback](https://nextjs.org/blog/next-12#bot-aware-isr-fallback)**: Optimized SEO for web crawlers
   - **[Native ES Modules Support](https://nextjs.org/blog/next-12#es-modules-support-and-url-imports)**: Aligning with the standardized module system
   - **[URL Imports (alpha)](https://nextjs.org/blog/next-12#url-imports)**: Import packages from any URL, no installs required
   - **[React Server Components (alpha)](https://nextjs.org/blog/next-12#react-server-components)**: Try it today, including SSR streaming
3. Will I notice much speed difference with the Rust Compiler on a smaller site `100 pages`?
4. Lets talk a lot about Serverless functions vs. Edge Functions running on V8. It seems like this might have some pretty specific use cases.
   [https://vercel.com/docs/concepts/functions/edge-functions#middleware-use-cases](https://vercel.com/docs/concepts/functions/edge-functions#middleware-use-cases)
5. To keep memory low you will probably want to do a lot of streaming of data correct
   [https://vercel.com/docs/concepts/functions/edge-functions#streams](https://vercel.com/docs/concepts/functions/edge-functions#streams)

## Additional Links

[https://nextjs.org/blog/next-12](https://nextjs.org/blog/next-12)
