18

Advanced Next.js Concepts and Optimizations

Now that we’ve learned about the essential features of Next.js and React Server Components (RSCs), let’s dive a bit deeper into the Next.js framework. In this chapter, we are going to learn how caching works in Next.js and how it can be used to optimize our applications. We are also going to learn how to implement API routes in Next.js. Then, we are going to learn how to optimize a Next.js app for search engines and social media by adding metadata. Finally, we are going to learn how to optimally load images and fonts in Next.js.

In this chapter, we are going to cover the following main topics:

  • Defining API routes in Next.js
  • Caching in Next.js
  • Search engine optimization (SEO) with Next.js
  • Optimized ...

Get Modern Full-Stack React Projects now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.