Learn Courses Lessons Articles

⌘K

Loading lesson

learn by doing,
two minutes at a time.

LearnCourses Lessons Articles

Watch & listenPodcasts Talks

StoriesCase studies Success stories Campaigns Browse everything →

© 2013–2026 egghead.iothe egg does not crack 🥚

all systems sunny-side up↑ Back to top

Learn Courses Lessons Articles

⌘K

Serve Static Assets in a Next.js Project | Fundamental Next.js API and Patterns | egghead

Course

Fundamental Next.js API and Patterns

16 lessons · 1h 26m

1Create a New Next.js and TypeScript Project2:24
2Create New Pages in Next.js and Navigate Them Using Link3:22
3Create Dynamic Routes with Next.js3:29
Serve Static Assets in a Next.js Project1:09
5Serve Optimized Images Using the Next.js Image Component3:52
6Provide page-specific Metadata Using the Head Component3:32
7Override the Default App Component in Next.js4:04
8Override the Default Next.js Document4:27
9Style Your Next.js App with Global CSS, CSS Modules, and CSS-In-JS6:05
10Create Custom Layouts in Next.js to Apply to All or Individual Pages10:00
11Super Charge your Next.js Development with UI Frameworks like Chakra UI4:05
12Understand SSG, ISR, and SSR Rendering Methods used in Next.js8:31
13Statically Generate Pages using SSG and ISR with Next.js getStaticProps and getStaticPaths14:33
14Dynamically Generate Next.js Pages with Server Side Rendering using getServerSideProps4:45
15Define and Use Next.js API Routes to Make Server Side Requests9:24
16Deploy your Next.js app on Vercel2:37

Course lesson

Serve Static Assets in a Next.js Project

In Next.js, static assets can be added to a project by creating a public folder in the root of the project and placing the assets within.

Duration: 1 min
Access: Included
Transcript: Available

In Next.js, static assets can be added to a project by creating a public folder in the root of the project and placing the assets within.

Access required

This lesson is available with an active egghead membership.

Sign in or subscribe

Course

Fundamental Next.js API and Patterns

16 lessons · 1h 26m

1Create a New Next.js and TypeScript Project2:24
2Create New Pages in Next.js and Navigate Them Using Link3:22
3Create Dynamic Routes with Next.js3:29
Serve Static Assets in a Next.js Project1:09
5Serve Optimized Images Using the Next.js Image Component3:52
6Provide page-specific Metadata Using the Head Component3:32
7Override the Default App Component in Next.js4:04
8Override the Default Next.js Document4:27
9Style Your Next.js App with Global CSS, CSS Modules, and CSS-In-JS6:05
10Create Custom Layouts in Next.js to Apply to All or Individual Pages10:00
11Super Charge your Next.js Development with UI Frameworks like Chakra UI4:05
12Understand SSG, ISR, and SSR Rendering Methods used in Next.js8:31
13Statically Generate Pages using SSG and ISR with Next.js getStaticProps and getStaticPaths14:33
14Dynamically Generate Next.js Pages with Server Side Rendering using getServerSideProps4:45
15Define and Use Next.js API Routes to Make Server Side Requests9:24
16Deploy your Next.js app on Vercel2:37

Course lesson

Serve Static Assets in a Next.js Project

In Next.js, static assets can be added to a project by creating a public folder in the root of the project and placing the assets within.

How was this course?

Fundamental Next.js API and Patterns · 16 lessons watched

Your rating

1234567

Not usefulExcellent

Anything else? Optional

Duration: 1 min
Access: Included
Transcript: Available