Examples
Learn how to implement common UI patterns and use cases using Next.js
Data Fetching
- Using the
fetchAPI - Using an ORM or database client
- Reading search params on the server
- Reading search params on the client
Revalidating Data
Forms
- Showing a pending state while submitting a form
- Server-side form validation
- Handling expected errors
- Handling unexpected exceptions
- Showing optimistic UI updates
- Programmatic form submission
Server Actions
Metadata
- Creating an RSS feed
- Creating an Open Graph image
- Creating a sitemap
- Creating a robots.txt file
- Creating a custom 404 page
- Creating a custom 500 page
Auth
- Creating a sign-up form
- Stateless, cookie-based session management
- Stateful, database-backed session management
- Managing authorization