A full list of sources for Next.js developers
Tags: webdev, nextjs, programming, learning
Published: 2024-03-06 09:19:38

Our top picks of sources to learn everything about Next.js

## For Beginners

- [Official Next.js Documentation](https://nextjs.org/docs) - The best place to start, covering basics to advanced topics. 
- [Next.js Crash Course](https://www.youtube.com/watch?v=mTz0GXj8NN0) - YouTube by Traversy Media - A hands-on video tutorial to get you started with Next.js. 
- [Learn Next.js](https://nextjs.org/learn) - An interactive learning experience by Vercel, the creators of Next.js. 
- [Next.js Fundamentals on freeCodeCamp](https://www.freecodecamp.org/news/the-next-js-handbook/) - Comprehensive article and tutorial for absolute beginners. 
- [The Beginner's Guide to Next.js](https://medium.com/@diamondgfx/learning-next-js-by-building-a-music-event-website-1216e582a24) - Blog series that covers the basics of Next.js. 
- [Next.js by Example](https://github.com/vercel/next.js/tree/canary/examples) - Learn by building projects, from simple to more complex applications. 
- [Next.js Tips](https://nextjs.org/tips) - Collection of short tips and tricks for Next.js developers.
- [Build a Next.js App Tutorial by the Net Ninja](https://www.youtube.com/playlist?list=PL4cUxeGkcC9jClk8wl1yJcN3Zlrr8YSA1) - A step-by-step video series for beginners. 
- [Understanding Next.js Data Fetching](https://blog.logrocket.com/understanding-next-js-data-fetching-methods/) - A guide to understanding the different data fetching methods in Next.js. 
- [Getting Started with Next.js](https://www.smashingmagazine.com/2020/10/getting-started-next-js/
) - Article that introduces Next.js and its key features. 

**For Intermediate Developers**

- [Dynamic Routing & API Routes in Next.js](https://nextjs.org/docs/routing/dynamic-routes) - 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](https://pagepro.co/blog/how-to-use-next-js-static-site-generator/) - A step-by-step guide through the process
- [Incremental Static Regeneration (ISR) with Next.js](https://vercel.com/docs/next.js/incremental-static-regeneration) - Leveraging ISR for optimizing site performance without sacrificing dynamic content updates. 
- [Customizing Next.js Config](https://nextjs.org/docs/api-reference/next.config.js/introduction) - Tailoring Next.js behaviour to fit your project's needs through custom configuration. 
- [Next.js & Contentful for Content-Rich Websites](https://www.contentful.com/developers/docs/javascript/tutorials/using-javascript-sdk-with-nextjs/) - Integrating Next.js with Contentful to build content-rich applications efficiently. 
- [Securing Next.js Applications](https://vercel.com/docs/concepts/next.js/next-js-security) - Best practices and strategies for securing your Next.js applications. 
- [Next.js & Tailwind CSS]( https://tailwindcss.com/docs/guides/nextjs) - Combining Next.js with Tailwind CSS for rapid UI development. 
- [Using Redux with Next.js](https://redux-toolkit.js.org/introduction/getting-started#with-nextjs) - State management in Next.js apps using Redux, with a focus on leveraging Redux Toolkit. 
- [Server-side Rendering and Static Generation with Next.js](https://nextjs.org/docs/basic-features/data-fetching) - 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](https://nextjs.org/docs/advanced-features) - Deep dive into advanced features and best practices. 
- [Improve Google Pagespeed Insights on Next.js websites](https://pagepro.co/blog/improve-google-pagespeed-insights-jamstack-nextjs/) - Article covering best practices to make Next.js websites highly performant
- [Mastering Next.js](https://masteringnextjs.com/) - Video course covering advanced Next.js concepts, including performance optimization and static site generation. 
- [Next.js Deployment](https://nextjs.org/docs/deployment) - Comprehensive guide on deploying Next.js applications with Vercel and other platforms. 
- [Building a Full-Stack App with Next.js](https://www.freecodecamp.org/news/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]( https://nextjs.org/docs/advanced-features/i18n-routing) - Guide to implementing internationalization in Next.js applications. 
- [SEO with Next.js](https://nextjs.org/blog/seo-with-nextjs) - Techniques for optimizing your Next.js application for search engines. 
- [Authentication in Next.js](https://auth0.com/blog/ultimate-guide-nextjs-authentication-auth0/) - Comprehensive look at implementing authentication strategies in Next.js. 
- [Using TypeScript with Next.js](https://nextjs.org/docs/basic-features/typescript) - Best practices for integrating TypeScript into your Next.js projects.
- [Performance Optimization in Next.js](https://vercel.com/guides/performance) - Advanced techniques for optimizing the performance of Next.js applications. 
- [Next.js and GraphQL](https://www.apollographql.com/blog/graphql/next-js/next-js-graphql-server-tutorial-with-apollo-server-and-vercel/) - How to integrate GraphQL with Next.js for building scalable APIs.
- [CTO’s Ultimate Guide to Next.js](https://pagepro.co/blog/improve-google-pagespeed-insights-jamstack-nextjs/#:~:text=Revolutionize%20Your%20Tech%20Leadership%20with%20Next.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!