This course covers the basics of building a full-stack application with Next.js, including:
- Styling: The different ways to style your application in Next.js
- Optimizations: How to optimize images, links, and fonts
- Routing: How to create nested layouts and pages using file-system routing
- Data Fetching: How to set up a Postgres database on Vercel, and best practices for fetching and streaming
- Search and Pagination: How to implement search and pagination using URL search params
- Mutating Data: How to mutate data using React Server Actions, and revalidate the Next.js cache
- Error Handling: How to handle general and 404 not found errors
- Form Validation and Accessibility: How to do server-side form validation and tips for improving accessibility
- Authentication: How to add authentication to your application using NextAuth.js and Middleware
- Metadata: How to add metadata and prepare your application for social sharing
Prerequisite knowledge
This course assumes you have a basic understanding of React and JavaScript. If you're new to React, we recommend going through our React Foundations course first to learn the fundamentals of React, such as components, props, state, and hooks, and newer features like Server Components and Suspense.
System requirements
Before you start this course, make sure your system meets the following requirements:
- Node.js 18.18.0 or later installed. Download here.
- Operating systems: macOS, Windows (including WSL), or Linux.
- In addition, you'll also need a GitHub Account and a Vercel Account.