update lists

This commit is contained in:
2025-07-18 22:22:32 +02:00
parent 55bed3b4a1
commit 5916c5c074
3078 changed files with 331679 additions and 357255 deletions

View File

@@ -1,5 +1,4 @@
 Awesome Next.js !Awesome (https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg) (https://github.com/sindresorhus/awesome) ! 
 (https://img.shields.io/badge/unicodeveloper-approved-brightgreen.svg)
 Awesome Next.js !Awesome (https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg) (https://github.com/sindresorhus/awesome) ! (https://img.shields.io/badge/unicodeveloper-approved-brightgreen.svg)
 (https://github.com/vercel/next.js)
@@ -30,6 +29,7 @@
- GitHub (https://github.com/vercel/next.js)
- GitHub discussions for Next.js (https://github.com/vercel/next.js/discussions)
- Vercel Community (https://vercel.community/)
Essentials
@@ -42,6 +42,7 @@
- Instant Site Updates with On-Demand Revalidation and Directus (https://echobind.com/post/instant-site-updates-with-on-demand-revalidation-and-directus)
- Dynamic CMS-driven Redirects with Next.js (https://echobind.com/post/dynamic-cms-driven-redirects)
- Implementing RBAC Authorization in Next.js - Step-by-Step Guide (https://www.permit.io/blog/how-to-add-rbac-in-nextjs)
- Getting Started with Next.js, GraphQL and React Query (https://echobind.com/post/getting-started-with-nextjs-graphl-and-react-query)
- Using Next.js with FaunaDB: How to Query the Database from Your App (https://snipcart.com/blog/nextjs-faunadb)
- How to Build a Serverless Next.js Blog with ButterCMS (https://buttercms.com/blog/next-js-cms-tutorial)
@@ -76,10 +77,15 @@
- Building a Guestbook Using Next.js On-Demand ISR (https://www.svix.com/blog/vercel-on-demand-isr-and-svix/)
- Useful Admin Templates to build your Website/App (https://adminmart.com/templates/nextjs/?ref=6)
- Integrate Next app with Tailwind (https://tailwind-elements.com/docs/standard/integrations/next-integration/)
- Top Next.js Admin & Dashboard Templates (https://blog.codedthemes.com/nextjs-admin-dashboard-templates/)
- Next.js Cheatsheet (https://blog.codedthemes.com/nextjs-cheatsheet/)
- A Guide to Performance Optimization with Next.js (https://www.debugbear.com/blog/nextjs-performance)
Boilerplates
- Kaminari Template (https://kaminari.vercel.app/) - Power packed Next.js and Tailwind CSS template. Built with developer experience in mind. Contains Husky, CommitLint, Prettier, Eslint etc. configs. ✨
- Next.js, Strapi Portfolio Starter (https://github.com/PictureElement/nextjs-strapi-portfolio-starter)  ⚡ A modern portfolio starter with Next.js, Strapi, and Tailwind CSS, featuring automated XML sitemap, JSON-LD schemas, OpenGraph metadata, 
and a contact form with spam protection.
- Next.js Static Blog (https://www.cosmicjs.com/apps/nextjs-static-blog) - Next.js static blog powered by the Cosmic Headless CMS
- NextJS Headless CMS Powered Blog Starter (https://github.com/ButterCMS/react-cms-blog-with-next-js)
- Next.js App with AWS Lambda (https://github.com/mattdamon108/nextjs-with-lambda) - Deploy a Next.js App to AWS Lambda using Apex Up.
@@ -92,8 +98,8 @@
- NextJS in Firebase with Bootstrap (https://github.com/ananddayalan/nextjs-in-firebase-with-bootstrap) - Hosting NextJS app with Bootstrap in Firebase with Cloud Functions.
- Next Simple Starter (https://github.com/ooade/NextSimpleStarter) - Simple PWA boilerplate with Next.js and Redux.
- NextJS Starter (https://github.com/iaincollins/nextjs-starter) - Starter project for Next.js with and email and oAuth authentication.
- nextjs-starter (https://github.com/pbteja1998/nextjs-starter) - An SEO Optimized Next.js 10 starter kit template with React 17 + Typescript + Tailwind CSS 2 + React Query 3 + (GitHub Auth + Passwordless Auth) using (NextAuth.js and 
Fauna DB), ESLint, Prettier, Pre-commit hook with Husky. Can have different layouts for different pages.
- nextjs-starter (https://github.com/pbteja1998/nextjs-starter) - An SEO Optimized Next.js 10 starter kit template with React 17 + Typescript + Tailwind CSS 2 + React Query 3 + (GitHub Auth + Passwordless Auth) using (NextAuth.js and Fauna DB), 
ESLint, Prettier, Pre-commit hook with Husky. Can have different layouts for different pages.
- RAN! (https://github.com/sly777/ran) - Production-ready boilerplate with support for GraphQL, SSR, Hot-reload, CSS-in-JS, caching, and more.
- Next Simple Blog (https://github.com/tscanlin/next-blog) - Simple Markdown based blog built with Next.js with static exports.
- phox (https://github.com/herschel666/phox) - Create a static photo blog.
@@ -115,19 +121,18 @@
- Next.js with Express and Babel (https://github.com/pd-smith/next-express-babel) - An application skeleton for those who want to transpile their Express as well as their Next.js code using Babel.
- next-postgres-graphql (https://github.com/hasura/graphql-engine/tree/master/community/sample-apps/nextjs-postgres-graphql) - Create SSR Next.js websites using GraphQL with Postgres (Next.js, Postgres, GraphQL)
- nextjs-mongodb-app (https://github.com/hoangvvo/nextjs-mongodb-app) - Full-fledged app made with Next.JS and MongoDB, with authentication and much more (Next.js 9, MongoDB)
- react-next-boilerplate (https://github.com/react-next-boilerplate/react-next-boilerplate) - :rocket: A basis for reducing the configuration of your projects with nextJS, best development practices and popular libraries in the 
developer community.
- react-next-boilerplate (https://github.com/react-next-boilerplate/react-next-boilerplate) - :rocket: A basis for reducing the configuration of your projects with nextJS, best development practices and popular libraries in the developer 
community.
- The-Nextjs-starter (https://github.com/novellito/the-nextjs-starter) - typescript + redux + styled-components + react-testing-library + eslint + fontawesome
- The Knests Stack (https://github.com/tudorconstantin/knests/) - Full stack boilerplate/hackathon starter with: PostgreSQL, Knex.js, NestJS, Next.js (obviously), GraphQL, React (with hooks and typescript), Material-UI, Docker 
multistage images for, Docker compose and a Gitlab CI/CD pipeline fully configured.
- The Knests Stack (https://github.com/tudorconstantin/knests/) - Full stack boilerplate/hackathon starter with: PostgreSQL, Knex.js, NestJS, Next.js (obviously), GraphQL, React (with hooks and typescript), Material-UI, Docker multistage images 
for, Docker compose and a Gitlab CI/CD pipeline fully configured.
- Devii (https://github.com/vriad/devii) - A Medium-inspired dev blog starter built with Next.js, React, and TypeScript, with Markdown rendering, syntax highlighting, SEO/meta tags, and RSS feed generation out of the box.
- Nextjs Blog Starter (https://creativedesignsguru.com/demo/Nextjs-Blog-Boilerplate/) - 🚀 The perfect starter code for your blog based on Next.js framework. ⚡️ Made with Next.js, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS.
- Next.js and Netlify Blogging Template (https://github.com/wutali/nextjs-netlify-blog-template) - A perfect boilerplate for building a blog website on Netlify stacks with standard features like tagging, CMS, and shortcodes.
- Nextjs Apollo Nexus (https://github.com/inblack67/GraphQL-Next-Setup) - GraphQL Apollo Client-Server integration in Next.js with Nexus Schema (Code first approach).
- Nextjs Starter Peacock (https://github.com/vickOnRails/next-starter-peacock) - 🦚 Beautiful Nextjs portfolio starter for software engineers and designers to show work they're so proud of.
- Nextatic (https://github.com/tancredi/nextatic) - 🌍 Static website multi-language boilerplate with user-editable pages and navigation using Netlify CMS + Next.js + SCSS + Typescript.
- Sitemap generator for NextJS & StrAPI (https://github.com/stovv/next-strapi-sitemap) - 🦾 An additional server on express that runs alongside nextjs and regenerates sitemap ( with index sitemap ) and robots.txt files on request from 
STR API.
- Sitemap generator for NextJS & StrAPI (https://github.com/stovv/next-strapi-sitemap) - 🦾 An additional server on express that runs alongside nextjs and regenerates sitemap ( with index sitemap ) and robots.txt files on request from STR API.
- superplate (https://github.com/pankod/superplate) - superplate creates Next.js app in seconds with TypeScript, styled-components, SWR, Storybook, and 35+ plugin.
- Hydrogen (https://statichunt.com/themes/nextjs-hydrogen) - Hydrogen is a Nextjs blog starter template build with tailwindCss and MDX supports. It has all necessary MDX shortcodes out of the box.
- Next-Fire-Auth (https://github.com/hrushikedar33/next-fire-auth) - A awesome boilerplate for startup application with authentication using Next.js + Typescript + Tailwind CSS + Firebase-auth + React-Firebase-Hooks
@@ -170,7 +175,6 @@
- next-google-tag-manager (https://github.com/XD2Sketch/next-google-tag-manager) Easily add Google Tag Manager to Next 13 and up.
- next-api-decorators (https://github.com/storyofams/next-api-decorators) - Decorators to create typed Next.js API routes, with easy request validation and transformation.
Apps
- CourseLit (https://github.com/codelit/courselit) - An open source alternative to Thinkific, Teachable etc.
@@ -221,31 +225,30 @@
- Serverless Web Applications with React and Next.js (https://www.amazon.com/dp/B0BHRPMF74) - Use Next.js serverless features to access databases and authenticate users in your React applications
- Cut Into The Jamstack: Build a SaaS with React and Next.js (https://www.cutintothejamstack.com/) - Build a full-stack software-as-a-service application using Next.js, Prisma ORM, Cloudinary API, Chakra-UI and React Hook Form.
- Real World Next.js 
(https://www.amazon.com/Real-World-Next-js-high-performance-applications-production-ebook/dp/B08XY1MCV1?Adv-Srch-Books-Submit.x=0&Adv-Srch-Books-Submit.y=0&qid=1652828645&refinements=p_66:9781801079877&s=books&sr=1-1&unfiltered=1&linkCo
de=sl1&tag=misko0a-20&linkId=1039970a67ec37bfcaa25cf6c77a5591&language=en_US&ref_=as_li_ss_tl) - Build scalable, high-performance, and modern web applications using Next.js, the React framework for production
(https://www.amazon.com/Real-World-Next-js-high-performance-applications-production-ebook/dp/B08XY1MCV1?Adv-Srch-Books-Submit.x=0&Adv-Srch-Books-Submit.y=0&qid=1652828645&refinements=p_66:9781801079877&s=books&sr=1-1&unfiltered=1&linkCode=sl1&tag
=misko0a-20&linkId=1039970a67ec37bfcaa25cf6c77a5591&language=en_US&ref_=as_li_ss_tl) - Build scalable, high-performance, and modern web applications using Next.js, the React framework for production
Videos
⟡ Create your first ReactJS application with NextJS _Spanish _ (https://www.youtube.com/watch?v=-7Ft5LxPeWs)
⟡ React Server Side Rendering with NextJS (https://www.youtube.com/watch?v=JEBkh_vleTs&t)
⟡ Guillermo Rauch - Next.js by Example (https://www.youtube.com/watch?v=DLGJfa3Xv-0)
⟡ Guillermo Rauch - Next.js: Universal React Made Easy and Simple (https://www.youtube.com/watch?v=evaMpdSiZKk)
⟡ Introduction to Next.js (https://www.youtube.com/watch?v=Fnw3lNeH-XI)
⟡ Next.js in production (https://www.youtube.com/watch?v=h6rETZH6Ym0)
⟡ Parameterized Routing with Next.js (https://www.youtube.com/watch?v=2cJya4h5ync)
⟡ JSHeroes 2017 | Guillermo Rauch - Static and Dynamic Next.js (https://www.youtube.com/watch?v=lLNJsuXB4CI)
⟡ Programming the Universal Future with Next.js - Guillermo Rauch · JSConf China 2017 (https://www.youtube.com/watch?v=w9Or7B4kTRY)
⟡ BPJS: Special - Introduction to Next.js (https://www.youtube.com/watch?v=4cfozXTyjWQ)
⟡ Next for Next.js (https://www.youtube.com/watch?v=ms2aOV06_qk)
⟡ Data Management With Next.js and GraphQL (https://www.youtube.com/watch?v=g_LA1quUIi8)
⟡ Next.js Register User (https://www.youtube.com/watch?v=oQ60Grn4RYQ)
⟡ Next.js Crash Course - Server Side React (https://www.youtube.com/watch?v=IkOVe40Sy0U)
⟡ Mastering Next.js (https://masteringnextjs.com/) - 50+ lesson video course for building applications with Next.js and React.
⟡ Next.js Tutorial (https://www.youtube.com/watch?v=7J4iL1HDshQ&list=PLYSZyzpwBEWSQsrukurP09ksi49H9Yj40) - In depth Next.js tutorials.
⟡ Next.js Conf 2020 (https://www.youtube.com/playlist?list=PLBnKlKpPeagnT2Cmv4giCbosfrbKnuYTD) - All the videos from the 2020 Next.js conference
⟡ Full-stack food ordering app with Hasura, Next.js, and Vercel (https://www.youtube.com/playlist?list=PLTRTpHrUcSB8elpwJKDIQNfNlqpPTNHGG)
⟡ How to use Credentials Authentication in Next.js with NextAuth? (https://youtu.be/fqXC2V-MSV4)
- Create your first ReactJS application with NextJS _Spanish _ (https://www.youtube.com/watch?v=-7Ft5LxPeWs)
- React Server Side Rendering with NextJS (https://www.youtube.com/watch?v=JEBkh_vleTs&t)
- Guillermo Rauch - Next.js by Example (https://www.youtube.com/watch?v=DLGJfa3Xv-0)
- Guillermo Rauch - Next.js: Universal React Made Easy and Simple (https://www.youtube.com/watch?v=evaMpdSiZKk)
- Introduction to Next.js (https://www.youtube.com/watch?v=Fnw3lNeH-XI)
- Next.js in production (https://www.youtube.com/watch?v=h6rETZH6Ym0)
- Parameterized Routing with Next.js (https://www.youtube.com/watch?v=2cJya4h5ync)
- JSHeroes 2017 | Guillermo Rauch - Static and Dynamic Next.js (https://www.youtube.com/watch?v=lLNJsuXB4CI)
- Programming the Universal Future with Next.js - Guillermo Rauch · JSConf China 2017 (https://www.youtube.com/watch?v=w9Or7B4kTRY)
- BPJS: Special - Introduction to Next.js (https://www.youtube.com/watch?v=4cfozXTyjWQ)
- Next for Next.js (https://www.youtube.com/watch?v=ms2aOV06_qk)
- Data Management With Next.js and GraphQL (https://www.youtube.com/watch?v=g_LA1quUIi8)
- Next.js Register User (https://www.youtube.com/watch?v=oQ60Grn4RYQ)
- Next.js Crash Course - Server Side React (https://www.youtube.com/watch?v=IkOVe40Sy0U)
- Mastering Next.js (https://masteringnextjs.com/) - 50+ lesson video course for building applications with Next.js and React.
- Next.js Tutorial (https://www.youtube.com/watch?v=7J4iL1HDshQ&list=PLYSZyzpwBEWSQsrukurP09ksi49H9Yj40) - In depth Next.js tutorials.
- Next.js Conf 2020 (https://www.youtube.com/playlist?list=PLBnKlKpPeagnT2Cmv4giCbosfrbKnuYTD) - All the videos from the 2020 Next.js conference
- Full-stack food ordering app with Hasura, Next.js, and Vercel (https://www.youtube.com/playlist?list=PLTRTpHrUcSB8elpwJKDIQNfNlqpPTNHGG)
- How to use Credentials Authentication in Next.js with NextAuth? (https://youtu.be/fqXC2V-MSV4)
Projects(Beginner level)
@@ -261,7 +264,6 @@
- Full Stack Spotify Clone: Next 13.4, React, Stripe, Supabase, PostgreSQL, Tailwind (2023) (https://youtube.com/watch?v=2aeMRB8LL4o&t=4402s)
- Full Stack E-Commerce + Dashboard & CMS: Next.js 13 App Router, React, Tailwind, Prisma, MySQL, 2023 (https://www.youtube.com/watch?v=5miHyP6lExg&t=1908s)
Newsletters
- Next.js News (https://nextjsnews.com) - Monthly Next.js newsletter showcasing new and upcoming features, best articles, tools, and plugins.
@@ -271,10 +273,12 @@
Found an awesome package, article, blog, video etc.? Send me a pull request! Just follow the guidelines (/CONTRIBUTING.md). Thank you!
――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
Check out my blog (https://goodheads.io) or say _hi_ on Twitter (https://twitter.com/unicodeveloper).
License
!CC0 (http://mirrors.creativecommons.org/presskit/buttons/88x31/svg/cc-zero.svg) (http://creativecommons.org/publicdomain/zero/1.0/)
nextjs Github: https://github.com/unicodeveloper/awesome-nextjs