Superfilter AI
Next.js Courses
Create full-stack React apps with the Next.js Framework. Learn to build Next.js apps through courses and resources from Frontend Masters.
Headless CMSs with Next.js
Master headless CMS integration in Next.js. Learn content modeling, GraphQL queries, dynamic routing, and previews. Build a fully functional website with Contentful and explore advanced caching techniques.
![Headless CMSs with Next.js](https://static.frontendmasters.com/assets/courses/2024-07-09-headless-cms-nextjs/thumb.webp)
drag handle
Intermediate Next.js
Superfilter AI
Dive deeper into Next.js concepts including server actions, route protection, caching strategies, and advanced data fetching. Build a full-stack app with React 18+ features and optimized performance.
![Intermediate Next.js](https://static.frontendmasters.com/assets/courses/2024-07-08-intermediate-next-js/thumb.webp)
drag handle
Server-Side GraphQL in Next.js
Superfilter AI
Craft schemas, interface types, and resolvers while building a custom GraphQL API with Next.js.
![Server-Side GraphQL in Next.js](https://static.frontendmasters.com/assets/courses/2024-06-27-server-graphql-nextjs/thumb.webp)
drag handle
Build an AI-Powered Fullstack Next.js App, v3
Superfilter AI
Create a full-stack AI-powered Journal app from scratch in Next.js. See how all the pieces of Next.js/React fit together to deploy your app to the world!
![Build an AI-Powered Fullstack Next.js App, v3](https://static.frontendmasters.com/assets/courses/2023-08-12-fullstack-app-next-v3/thumb.webp)
drag handle
Introduction to Next.js, v3
Superfilter AI
Next.js is a full-stack framework built on top of React.js. Learn the app router, server and client components, and server actions and create everything from basic blog websites up to full-stack apps and APIs.
![Introduction to Next.js, v3](https://static.frontendmasters.com/assets/courses/2023-08-11-next-js-v3/thumb.webp)
drag handle