Help us make this page better!
Hi there, so we're looking for the following:
- plugins/libraries that solve a huge problem, and are only applicable to Next.js applications
- tutorials/educational material that make Next.js more accesible
- summarizations of core concepts required to build with Next.js, and off-site links to dive deeper
Please consider reaching out if you have any recommendations!
Basics
- The Official Documentation (opens in a new tab)
- Official Next.js Web App Tutorial (opens in a new tab)
- Data-Fetching in Next.js (opens in a new tab)
- API routes
- Middleware
- Code splitting
- TypeScript Support
- Server-handled routing (via file structure)
- Automatic Image Optimization
- Zero-config production optimization
- React Server Components
- Static Site Generation (SSG) / Server Side Rendering (SSR) / Hybrid
ReactField guides
- Frameworks & Build Tools: choose Vite, Next, Astro, Expo or Nx from the product shape.
- React Rendering Strategies: CSR, SSR, SSG and Server Components, and when to use each.
- Update Content Without Redeploying: ISR, on-demand revalidation, caching layers and self-hosting.
Learn
- Next.js in 100 Seconds (Plus Free Beginner Tutorial) - Fireship (opens in a new tab)
- Next.js 13 Full Course 2023 - JavaScript Mastery (opens in a new tab)
- Next.js Full Course for Beginners - Dave Gray (opens in a new tab)
- nextjsweekly.com (opens in a new tab)
Why do people like using Next.js?
This reddit thread (opens in a new tab) is the inspiration for this section, and some of the responses are summarized here:
- The first and most upvoted response is one that appreciates the ease of maintenance in a project that supports Server-Side React rendering. It's not that the setup is hard - it's that the APIs and planning haven't all settled just yet and therefore as new updates get pushed and the features move along - maintenance and upkeep becomes a challenge.
- General consensus that the Next.js documentation (opens in a new tab) is good
- It's easy to make frontend devs a bit closer to "full-stack" by expanding what is possible in a React framework
- The NEED for Server-Side rendering in an application/organization where everyone already knows React well is a great fit (teams are productive quickly)