Skip to content
WebDev Path
Back

Week 16: Server Actions, caching and performance

Next video

WebDev Path video lesson

About this lesson

Module:
TypeScript and Next.js
Time:
about 11 hours
Video:
2 min

Handle forms on the server and make pages load fast.

By the end of this week you can

  • Handle a form with a Server Action
  • Use images and fonts the Next.js way
  • Score 90+ on Lighthouse performance

Learn

  • Server Actions and route handlers
  • Caching basics
  • next/image and next/font
  • Core Web Vitals

Read or watch

Practice

  1. Add a contact form with a Server Action
  2. Fix the top 3 Lighthouse issues

Build

Finish and deploy Project 4: your developer portfolio.

Check your understanding

Score 4 out of 5 to complete this week.

  1. 1. What is a Server Action?
  2. 2. What must every Server Action check before changing data?
  3. 3. Which tool improves image loading in Next.js?
  4. 4. Which Core Web Vital measures layout jumping?
  5. 5. What is the benefit of a statically rendered page?
0 of 5 answered