Our top picks of sources to learn everything about Next.js
For Beginners
- Official Next.js Documentation - The best place to start, covering basics to advanced topics.
- Next.js Crash Course - YouTube by Traversy Media - A hands-on video tutorial to get you started with Next.js.
- Learn Next.js - An interactive learning experience by Vercel, the creators of Next.js.
- Next.js Fundamentals on freeCodeCamp - Comprehensive article and tutorial for absolute beginners.
- The Beginner's Guide to Next.js - Blog series that covers the basics of Next.js.
- Next.js by Example - Learn by building projects, from simple to more complex applications.
- Next.js Tips - Collection of short tips and tricks for Next.js developers.
- Build a Next.js App Tutorial by the Net Ninja - A step-by-step video series for beginners.
- Understanding Next.js Data Fetching - A guide to understanding the different data fetching methods in Next.js.
- Getting Started with Next.js - Article that introduces Next.js and its key features.
For Intermediate Developers
- Dynamic Routing & API Routes in Next.js - Understanding the flexibility of Next.js routing and API routes for server-side operations. (Next.js Docs on Dynamic Routing, API Routes)
- How to use Next.js as a Static Site Generator - A step-by-step guide through the process
- Incremental Static Regeneration (ISR) with Next.js - Leveraging ISR for optimizing site performance without sacrificing dynamic content updates.
- Customizing Next.js Config - Tailoring Next.js behaviour to fit your project's needs through custom configuration.
- Next.js & Contentful for Content-Rich Websites - Integrating Next.js with Contentful to build content-rich applications efficiently.
- Securing Next.js Applications - Best practices and strategies for securing your Next.js applications.
- Next.js & Tailwind CSS - Combining Next.js with Tailwind CSS for rapid UI development.
- Using Redux with Next.js - State management in Next.js apps using Redux, with a focus on leveraging Redux Toolkit.
- Server-side Rendering and Static Generation with Next.js - Deep dive into the rendering options provided by Next.js, including server-side rendering (SSR) and static site generation (SSG).
For Experienced Developers
- Next.js Advanced Topics - Deep dive into advanced features and best practices.
- Improve Google Pagespeed Insights on Next.js websites - Article covering best practices to make Next.js websites highly performant
- Mastering Next.js - Video course covering advanced Next.js concepts, including performance optimization and static site generation.
- Next.js Deployment - Comprehensive guide on deploying Next.js applications with Vercel and other platforms.
- Building a Full-Stack App with Next.js - Tutorial on creating a full-stack application using Next.js and other technologies.
- Internationalization (i18n) with Next.js - Guide to implementing internationalization in Next.js applications.
- SEO with Next.js - Techniques for optimizing your Next.js application for search engines.
- Authentication in Next.js - Comprehensive look at implementing authentication strategies in Next.js.
- Using TypeScript with Next.js - Best practices for integrating TypeScript into your Next.js projects.
- Performance Optimization in Next.js - Advanced techniques for optimizing the performance of Next.js applications.
- Next.js and GraphQL - How to integrate GraphQL with Next.js for building scalable APIs.
- CTO’s Ultimate Guide to Next.js - Best Practices - A complete guide through the features and best practices in Next.js
Do you think there should be anything more? Let me know in the comments section!