1
Create a New Next.js and TypeScript Project
2m 24s
2
Create New Pages in Next.js and Navigate Them Using Link
3m 22s
3
Create Dynamic Routes with Next.js
3m 29s
4
Serve Static Assets in a Next.js Project
1m 9s
5
Serve Optimized Images Using the Next.js Image Component
3m 52s
6
Provide page-specific Metadata Using the Head Component
3m 32s
7
Override the Default App Component in Next.js
4m 4s
8
Override the Default Next.js Document
4m 27s
9
Style Your Next.js App with Global CSS, CSS Modules, and CSS-In-JS
6m 5s
10
Create Custom Layouts in Next.js to Apply to All or Individual Pages
10m
11
Super Charge your Next.js Development with UI Frameworks like Chakra UI
4m 5s
12
Understand SSG, ISR, and SSR Rendering Methods used in Next.js
8m 31s
13
Statically Generate Pages using SSG and ISR with Next.js getStaticProps and getStaticPaths
14m 33s
14
Dynamically Generate Next.js Pages with Server Side Rendering using getServerSideProps
4m 45s
15
Define and Use Next.js API Routes to Make Server Side Requests
9m 24s
16
Deploy your Next.js app on Vercel
2m 37s

Serve Optimized Images Using the Next.js Image Component

Next.js
TypeScript

Share this video with your friends

The image component from Next.js comes with excellent performance optimizations that make it worth using. It comes with improved performance, better visual stability, faster page loads, and more!

In this lesson you’ll learn how to use this component to serve both local and remote images in your Next.js app.

Serve Optimized Images Using the Next.js Image Component

Share this video with your friends

Course

Fundamental Next.js API and Patterns