[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-70861":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":10,"languages":10,"totalLinesOfCode":10,"stars":11,"forks":12,"watchers":13,"openIssues":14,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":15,"forks30d":15,"starsTrendScore":19,"compositeScore":20,"rankGlobal":10,"rankLanguage":10,"license":10,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":21,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":35,"readmeContent":36,"aiSummary":37,"trendingCount":15,"starSnapshotCount":15,"syncStatus":38,"lastSyncTime":39,"discoverSource":40},70861,"awesome-nextjs","unicodeveloper\u002Fawesome-nextjs","unicodeveloper",":notebook_with_decorative_cover: :books: A curated list of awesome resources : books, videos, articles about using Next.js (A minimalistic framework for universal server-rendered React applications) ","",null,11076,1103,173,16,0,3,6,12,9,76.33,false,"master",true,[25,26,27,28,29,30,31,32,33,34],"awesome-list","framework","isomorphic","javascript","nextjs","reactjs","routing","server-side-rendering","tutorials","universal","2026-06-12 04:00:57","# Awesome Next.js [![Awesome](https:\u002F\u002Fcdn.rawgit.com\u002Fsindresorhus\u002Fawesome\u002Fd7305f38d29fed78fa85652e3a63e154dd8e8829\u002Fmedia\u002Fbadge.svg)](https:\u002F\u002Fgithub.com\u002Fsindresorhus\u002Fawesome) ![](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Funicodeveloper-approved-brightgreen.svg)\n\n[\u003Cimg src=\"http:\u002F\u002Fres.cloudinary.com\u002Funicodeveloper\u002Fimage\u002Fupload\u002Fv1524776764\u002Fnext-jslogo.svg\" align=\"right\" width=\"250\">](https:\u002F\u002Fgithub.com\u002Fvercel\u002Fnext.js)\n\n> Curated list of resources: books, videos, articles about using Next.js.\n\n[Next.js](https:\u002F\u002Fgithub.com\u002Fvercel\u002Fnext.js): The React Framework.\n\n_List inspired by the [awesome](https:\u002F\u002Fgithub.com\u002Fsindresorhus\u002Fawesome) list thing. You might also like [awesome-tdd](https:\u002F\u002Fgithub.com\u002Funicodeveloper\u002Fawesome-tdd)._\n\n## Contents\n\n- [Awesome Next.js ](#awesome-nextjs--)\n  - [Contents](#contents)\n  - [Community](#community)\n  - [Essentials](#essentials)\n  - [Articles](#articles)\n  - [Boilerplates](#boilerplates)\n  - [Extensions](#extensions)\n  - [Apps](#apps)\n  - [Books](#books)\n  - [Videos](#videos)\n  - [Projects(Beginner level)](#projectsbeginner-level)\n  - [Newsletters](#newsletters)\n  - [Contributing](#contributing)\n  - [License](#license)\n\n## Community\n\n- [GitHub](https:\u002F\u002Fgithub.com\u002Fvercel\u002Fnext.js)\n- [GitHub discussions for Next.js](https:\u002F\u002Fgithub.com\u002Fvercel\u002Fnext.js\u002Fdiscussions)\n- [Vercel Community](https:\u002F\u002Fvercel.community\u002F)\n\n## Essentials\n\n- [Blog](https:\u002F\u002Fnextjs.org\u002Fblog)\n- [Learn](https:\u002F\u002Fnextjs.org\u002Flearn)\n- [Vercel TV](https:\u002F\u002Fvercel.com\u002Ftv)\n- [Bulletproof Next](https:\u002F\u002Fgetstarted.sh\u002Fbulletproof-next)\n\n## Articles\n\n- [Instant Site Updates with On-Demand Revalidation and Directus](https:\u002F\u002Fechobind.com\u002Fpost\u002Finstant-site-updates-with-on-demand-revalidation-and-directus)\n- [Dynamic CMS-driven Redirects with Next.js](https:\u002F\u002Fechobind.com\u002Fpost\u002Fdynamic-cms-driven-redirects)\n- [Implementing RBAC Authorization in Next.js - Step-by-Step Guide](https:\u002F\u002Fwww.permit.io\u002Fblog\u002Fhow-to-add-rbac-in-nextjs)\n- [Getting Started with Next.js, GraphQL and React Query](https:\u002F\u002Fechobind.com\u002Fpost\u002Fgetting-started-with-nextjs-graphl-and-react-query)\n- [Using Next.js with FaunaDB: How to Query the Database from Your App](https:\u002F\u002Fsnipcart.com\u002Fblog\u002Fnextjs-faunadb)\n- [How to Build a Serverless Next.js Blog with ButterCMS](https:\u002F\u002Fbuttercms.com\u002Fblog\u002Fnext-js-cms-tutorial)\n- [Build a Universal JavaScript App with Next.js](https:\u002F\u002Fauth0.com\u002Fblog\u002Fbuilding-universal-apps-with-nextjs)\n- [Getting Started with Next.js — Setting Up Your App](https:\u002F\u002Flabs.redantler.com\u002Fgetting-started-with-next-js-article-one-a1d9780ea9e0#.863nl4wnq)\n- [Getting Started with Next.js — Bringing Data In](https:\u002F\u002Flabs.redantler.com\u002Fgetting-started-with-next-js-bringing-data-in-bf40558698e2#.twjv5xk5w)\n- [How to build a Next.js React Universal App](https:\u002F\u002Fmedium.com\u002Fcosmicjs\u002Fhow-to-build-a-next-js-react-universal-app-e610a0bc2124#.b8ayt9f39)\n- [Next on Next.js](https:\u002F\u002Fweb.archive.org\u002Fweb\u002F20170202170122if_\u002Fhttps:\u002F\u002Fjsmantra.com\u002Fnext-on-next-js-1a134505f346#.bhihzecyc)\n- [Accept payments on your site with nextjs, stripe, and micro](https:\u002F\u002Fhackernoon.com\u002Faccept-payments-on-your-site-with-nextjs-stripe-and-micro-371de95b22d5?source=activity---post_recommended)\n- [Next.js on Cloud Functions for Firebase with Firebase Hosting](https:\u002F\u002Fmedium.com\u002F@jthegedus\u002Fnext-js-on-cloud-functions-for-firebase-with-firebase-hosting-7911465298f2)\n- [Building a Blog With Next.js](https:\u002F\u002Ftimber.io\u002Fblog\u002Fbuilding-a-blog-with-next-js)\n- [Using Google Analytics with Next.js](https:\u002F\u002Fmalloc.fi\u002Fusing-google-analytics-with-next-js)\n- [Build a Universal JavaScript App with Next.js and Redux _[Russian]_](https:\u002F\u002Fhabrahabr.ru\u002Fpost\u002F323588\u002F)\n- [5 (of the Many Reasons) to love Vercel's Next.js](https:\u002F\u002Fwww.codementor.io\u002Ftgreco\u002F5-of-the-many-things-to-love-about-zeit-s-next-js-bpszu99g1)\n- [Next.js 5: Universal Webpack, CSS Imports, Plugins and Zones](https:\u002F\u002Fnextjs.org\u002Fblog\u002Fnext-5)\n- [Realtime data visualization using Next.js and Chart.js](https:\u002F\u002Fpusher.com\u002Ftutorials\u002Frealtime-data-visualization-nextjs)\n- [Build a chat app with sentiment analysis using Next.js](https:\u002F\u002Fpusher.com\u002Ftutorials\u002Fchat-sentiment-analysis-nextjs)\n- [Build a realtime table with Next.js](https:\u002F\u002Fpusher.com\u002Ftutorials\u002Frealtime-tables-nextjs)\n- [SSR blog with Next.js and Prismic.io](https:\u002F\u002Fwww.garymeehan.ie\u002Fblog\u002Fserver-side-rendered-blog-with-nextjs-and-prismic)\n- [SEO in Next.js and Prismic](https:\u002F\u002Fwww.garymeehan.ie\u002Fblog\u002Fhandling-seo-with-nextjs-and-prismic)\n- [SEO in Next.js with next-seo](https:\u002F\u002Fwww.garymeehan.ie\u002Fblog\u002Fseo-in-nextjs-with-next-seo)\n- [Next.js 7](https:\u002F\u002Fnextjs.org\u002Fblog\u002Fnext-7)\n- [Create SSR Next.js websites using GraphQL with Postgres](https:\u002F\u002Fblog.hasura.io\u002Fcreate-next-js-sites-using-graphql-on-postgres-199224ad1a39)\n- [Cooking a Deliveroo clone with Next.js (React), GraphQL, Strapi and Stripe - Setup (part 1\u002F7)](https:\u002F\u002Fblog.strapi.io\u002Fstrapi-next-setup)\n- [Next.js E-commerce Tutorial: Quick Shopping Cart Integration](https:\u002F\u002Fsnipcart.com\u002Fblog\u002Fnext-js-ecommerce-tutorial)\n- [Working with Ghost and Next.js](https:\u002F\u002Fghost.org\u002Fdocs\u002Fapi\u002Fnextjs\u002F)\n- [Using Tailwind CSS with Next.js](https:\u002F\u002Fstatickit.com\u002Fguides\u002Fnext-js-tailwind)\n- [Using Feature Flags in Next.js](https:\u002F\u002Fmedium.com\u002Ffrontend-digest\u002Fusing-feature-flags-in-next-js-c5c8d0795a2?source=friends_link&sk=d846a29f376acf9cfa41e926883923ab)\n- [Adding code snippets to Next.js using react-syntax-highlighter](https:\u002F\u002Fthetombomb.com\u002Fposts\u002Fadding-code-snippets-to-static-markdown-in-Next%20js)\n- [Build company's Website\u002FApp with our astonishing Next.js template](https:\u002F\u002Fwww.wrappixel.com\u002Ftemplates\u002Fcategory\u002Fnextjs-templates\u002F?ref=232)\n- [Guaranteeing webhook delivery in NextJS Application](https:\u002F\u002Fwww.bharathvaj.me\u002Fblog\u002Fimplement-webhook-nextjs)\n- [Building a Guestbook Using Next.js On-Demand ISR](https:\u002F\u002Fwww.svix.com\u002Fblog\u002Fvercel-on-demand-isr-and-svix\u002F)\n- [Useful Admin Templates to build your Website\u002FApp](https:\u002F\u002Fadminmart.com\u002Ftemplates\u002Fnextjs\u002F?ref=6)\n- [Integrate Next app with Tailwind](https:\u002F\u002Ftailwind-elements.com\u002Fdocs\u002Fstandard\u002Fintegrations\u002Fnext-integration\u002F)\n- [Top Next.js Admin & Dashboard Templates](https:\u002F\u002Fblog.codedthemes.com\u002Fnextjs-admin-dashboard-templates\u002F)\n- [Next.js Cheatsheet](https:\u002F\u002Fblog.codedthemes.com\u002Fnextjs-cheatsheet\u002F)\n- [A Guide to Performance Optimization with Next.js](https:\u002F\u002Fwww.debugbear.com\u002Fblog\u002Fnextjs-performance)\n\n## Boilerplates\n\n- [Kaiforge Lite](https:\u002F\u002Fgithub.com\u002FDevxiaLabs\u002Fkaiforge-lite) - Free admin dashboard template with Next.js 14, Tailwind CSS, TypeScript, dark\u002Flight mode, and 5 ready-to-use pages. MIT licensed. [Demo](https:\u002F\u002Flite.kaiforge.dev)\n- [Kaminari Template](https:\u002F\u002Fkaminari.vercel.app\u002F) - Power packed Next.js and Tailwind CSS template. Built with developer experience in mind. Contains Husky, CommitLint, Prettier, Eslint etc. configs. ✨\n- [Next.js, Strapi Portfolio Starter](https:\u002F\u002Fgithub.com\u002FPictureElement\u002Fnextjs-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.\n- [Next.js Static Blog](https:\u002F\u002Fwww.cosmicjs.com\u002Fapps\u002Fnextjs-static-blog) - Next.js static blog powered by the Cosmic Headless CMS\n- [NextJS Headless CMS Powered Blog Starter](https:\u002F\u002Fgithub.com\u002FButterCMS\u002Freact-cms-blog-with-next-js)\n- [Next.js App with AWS Lambda](https:\u002F\u002Fgithub.com\u002Fmattdamon108\u002Fnextjs-with-lambda) - Deploy a Next.js App to AWS Lambda using Apex Up.\n- [Nitro 🚀](https:\u002F\u002Fgithub.com\u002Fwilliamluke4\u002Fnitro) - An Example of a PWA using Nextjs, Material-UI, Typescript and Auth0 💗\n- [Next & Now 2.0 Typescript template](https:\u002F\u002Fgithub.com\u002Falepacheco\u002Flanding-template) - Serverless, Typescript, Jest, Github CI, SCSS, prettier boilerplate\n- [Next Right Now](https:\u002F\u002Fgithub.com\u002FUnlyEd\u002Fnext-right-now) - Flexible **production-grade boilerplate** with Next.js 9 and Vercel, with pre-configured Sentry, cookies, Amplitude, Emotion, FontAwesome, GraphQL\u002FGraphCMS (Apollo), Bootstrap (Reactstrap), i18next (Locize), Jest, Cypress (E2E tests) and CI\u002FCD (GH Actions), with full TypeScript support and **support for B2B multi-tenants web apps (monorepo)**\n- [Next Graphql Apollo Typescript_Boostrap - Pobocha](https:\u002F\u002Fgithub.com\u002FSebastp\u002FNext-react-graphql-apollo_Boostrap) - React + GraphQL + Next.js + Apollo + Scss + Typescript + Prettier & EsLint boilerplate\n- [Next & Vercel Typescript template](https:\u002F\u002Fgithub.com\u002Falepacheco\u002Flanding-template) - Serverless, Typescript, Jest, Github CI, SCSS, prettier boilerplate\n- [NextJS in Firebase with Bootstrap](https:\u002F\u002Fgithub.com\u002Fananddayalan\u002Fnextjs-in-firebase-with-bootstrap) - Hosting NextJS app with Bootstrap in Firebase with Cloud Functions.\n- [Next Simple Starter](https:\u002F\u002Fgithub.com\u002Fooade\u002FNextSimpleStarter) - Simple PWA boilerplate with Next.js and Redux.\n- [NextJS Starter](https:\u002F\u002Fgithub.com\u002Fiaincollins\u002Fnextjs-starter) - Starter project for Next.js with and email and oAuth authentication.\n- [nextjs-starter](https:\u002F\u002Fgithub.com\u002Fpbteja1998\u002Fnextjs-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.\n- [RAN!](https:\u002F\u002Fgithub.com\u002Fsly777\u002Fran) - Production-ready boilerplate with support for GraphQL, SSR, Hot-reload, CSS-in-JS, caching, and more.\n- [Next Simple Blog](https:\u002F\u002Fgithub.com\u002Ftscanlin\u002Fnext-blog) - Simple Markdown based blog built with Next.js with static exports.\n- [phox](https:\u002F\u002Fgithub.com\u002Fherschel666\u002Fphox) - Create a static photo blog.\n- [Next Express Bootstrap Boilerplate](https:\u002F\u002Fgithub.com\u002FMustansirZia\u002Fnext-express-bootstrap-boilerplate) - Boilerplate for a full stack app built using Next, Express, react-bootstrap, SCSS and SSR with eslint.\n- [Next Blog Firestore](https:\u002F\u002Fgithub.com\u002Fsuevalov\u002Fnext-blog-firestore) - Blog with simple CMS built with Next.js, Firebase Firestore, styled-components and mobx-state-tree.\n- [Next Redux Starter](https:\u002F\u002Fgithub.com\u002FCodementorIO\u002Fnextjs-redux-starter) - Next.js starter with Express, Redux, and PostCSS.\n- [NextJS Redux-Wrapper Material-UI](https:\u002F\u002Fgithub.com\u002Fjoaopaulomoraes\u002Fnextjs-with-redux-and-material-ui) - 🤓 A boilerplate NextJS with Redux and Material UI.\n- [Staart](https:\u002F\u002Fgithub.com\u002Fnmaro\u002Fstaart) - 😎 Actively maintained Next.js components library _and_ minimal boilerplate to rapidly get staarted with app with working user accounts based on Ooth.\n- [NextJS TypeScript Starter Kit](https:\u002F\u002Fgithub.com\u002Fdeptno\u002Fnext.js-typescript-starter-kit) - :tada: TypeScript + NextJS, Styled-jsx, Redux, PostCSS, configurable SEO\n- [Next Boilerplate](https:\u002F\u002Farefaslani.github.io\u002Fnext-boilerplate) - External CSS and Sass + Importing images from anywhere + Prettier and Eslint + Environment variables and many more features.\n- [next-starter](https:\u002F\u002Fgithub.com\u002FYuriBrunetto\u002Fnext-starter) - A full and simple boilerplate with `sass (.scss)` and `postcss`built in.\n- [Typescript Monorepo Next Example](https:\u002F\u002Fgithub.com\u002Fdeptno\u002Ftypescript-monorepo-next-example) - A minimalistic next.js + typescript monorepo.\n- [tomimick\u002Ftm-nextjs-starter](https:\u002F\u002Fgithub.com\u002Ftomimick\u002Ftm-nextjs-starter) - A minimal starter\u002Fdemo with basic CRUD, axios\u002Flocalstorage, MobX, SASS, static site export, live demo\n- [csprance\u002Fnext-smrt](https:\u002F\u002Fgithub.com\u002Fcsprance\u002Fnext-smrt) - A minimal boilerplate with redux, styled-components, material-ui and typescript with a custom express server.\n- [Nextron](https:\u002F\u002Fgithub.com\u002Fsaltyshiomix\u002Fnextron) - An Electron with Next.js apps generator ⚡\n- [next-boilerplate](https:\u002F\u002Fgithub.com\u002Fpankod\u002Fnext-boilerplate) - A well-structured production ready Next.js boilerplate with Typescript, Redux, Express.js, Sass, Css, EnvConfig, Reverse Proxy, Bundle\n- [Oh My Fullstack](https:\u002F\u002Fgithub.com\u002Foh-my-c0de\u002Foh-my-fullstack) - Full stack web application skeleton (Next.js, Redux, RxJS, Immutable, Express)\n- [Next-Postgres-With-Typescript](https:\u002F\u002Fgithub.com\u002Fbrandontle\u002Fnext-postgres-with-typescript) - Forum-like fullstack web app with Next 7.0.2 + Sequelize 4\u002FPostgres + Typescript + Redux + Passport Local Auth + Emotion\n- [Next.js with Express and Babel](https:\u002F\u002Fgithub.com\u002Fpd-smith\u002Fnext-express-babel) - An application skeleton for those who want to transpile their Express as well as their Next.js code using Babel.\n- [next-postgres-graphql](https:\u002F\u002Fgithub.com\u002Fhasura\u002Fgraphql-engine\u002Ftree\u002Fmaster\u002Fcommunity\u002Fsample-apps\u002Fnextjs-postgres-graphql) - Create SSR Next.js websites using GraphQL with Postgres (Next.js, Postgres, GraphQL)\n- [nextjs-mongodb-app](https:\u002F\u002Fgithub.com\u002Fhoangvvo\u002Fnextjs-mongodb-app) - Full-fledged app made with Next.JS and MongoDB, with authentication and much more (Next.js 9, MongoDB)\n- [react-next-boilerplate](https:\u002F\u002Fgithub.com\u002Freact-next-boilerplate\u002Freact-next-boilerplate) - :rocket: A basis for reducing the configuration of your projects with nextJS, best development practices and popular libraries in the developer community.\n- [The-Nextjs-starter](https:\u002F\u002Fgithub.com\u002Fnovellito\u002Fthe-nextjs-starter) - typescript + redux + styled-components + react-testing-library + eslint + fontawesome\n- [The Knests Stack](https:\u002F\u002Fgithub.com\u002Ftudorconstantin\u002Fknests\u002F) - Full stack boilerplate\u002Fhackathon 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\u002FCD pipeline fully configured.\n- [Devii](https:\u002F\u002Fgithub.com\u002Fvriad\u002Fdevii) - A Medium-inspired dev blog starter built with Next.js, React, and TypeScript, with Markdown rendering, syntax highlighting, SEO\u002Fmeta tags, and RSS feed generation out of the box.\n- [Nextjs Blog Starter](https:\u002F\u002Fcreativedesignsguru.com\u002Fdemo\u002FNextjs-Blog-Boilerplate\u002F) - 🚀 The perfect starter code for your blog based on Next.js framework. ⚡️ Made with Next.js, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS.\n- [Next.js and Netlify Blogging Template](https:\u002F\u002Fgithub.com\u002Fwutali\u002Fnextjs-netlify-blog-template) - A perfect boilerplate for building a blog website on Netlify stacks with standard features like tagging, CMS, and shortcodes.\n- [Nextjs Apollo Nexus](https:\u002F\u002Fgithub.com\u002Finblack67\u002FGraphQL-Next-Setup) - GraphQL Apollo Client-Server integration in Next.js with Nexus Schema (Code first approach).\n- [Nextjs Starter Peacock](https:\u002F\u002Fgithub.com\u002FvickOnRails\u002Fnext-starter-peacock) - 🦚 Beautiful Nextjs portfolio starter for software engineers and designers to show work they're so proud of.\n- [Nextatic](https:\u002F\u002Fgithub.com\u002Ftancredi\u002Fnextatic) - 🌍 Static website multi-language boilerplate with user-editable pages and navigation using Netlify CMS + Next.js + SCSS + Typescript.\n- [Sitemap generator for NextJS & StrAPI](https:\u002F\u002Fgithub.com\u002Fstovv\u002Fnext-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.\n- [superplate](https:\u002F\u002Fgithub.com\u002Fpankod\u002Fsuperplate) - superplate creates Next.js app in seconds with TypeScript, styled-components, SWR, Storybook, and 35+ plugin.\n- [Hydrogen](https:\u002F\u002Fstatichunt.com\u002Fthemes\u002Fnextjs-hydrogen) - Hydrogen is a Nextjs blog starter template build with tailwindCss and MDX supports. It has all necessary MDX shortcodes out of the box.\n- [Next-Fire-Auth](https:\u002F\u002Fgithub.com\u002Fhrushikedar33\u002Fnext-fire-auth) - A awesome boilerplate for startup application with authentication using Next.js + Typescript + Tailwind CSS + Firebase-auth + React-Firebase-Hooks\n- [NextJS Chargebee Subscription](https:\u002F\u002Fgithub.com\u002Fbharathvaj-ganesan\u002Fchargebee-saas-stack) - A Chargebee focused T3 Stack that integrates User Subscriptions, Authentication and Testing. Driven by Prisma ORM.\n- [Next.js Enterprise](https:\u002F\u002Fgithub.com\u002FBlazity\u002Fnext-enterprise) - enterprise-grade boilerplate for high-performance, maintainable apps. Built with Tailwind CSS, RadixUI, TypeScript and more.\n- [Start UI [web]](https:\u002F\u002Fgithub.com\u002FBearStudio\u002Fstart-ui-web) - 🚀 opinionated UI starter with TypeScript, React, NextJS, Chakra UI, tRPC, Prisma, TanStack Query, Storybook, Playwright, Formiz\n- [Kaiforge Lite](https:\u002F\u002Fgithub.com\u002FDevxiaLabs\u002Fkaiforge-lite) - Free and open-source Next.js admin dashboard template with Tailwind CSS, dark mode, and multiple color themes.\n- [A11y Starter Kit](https:\u002F\u002Fgithub.com\u002Fthefrontkit\u002Fa11y-starter-kit-code) - Accessibility-first Next.js starter kit with best practices for building inclusive web apps. Demo: https:\u002F\u002Fa11y-starter-kit.vercel.app\u002F\n\n## Extensions\n\n- [Next universal language detector](https:\u002F\u002Fgithub.com\u002FUnlyEd\u002Funiversal-language-detector) - Language detector that works universally (browser + server) - Meant to be used with a universal framework, such as Next.js [DEMO](https:\u002F\u002Funiversal-language-detector.now.sh\u002F)\n- [Next Routes](https:\u002F\u002Fgithub.com\u002Ffridays\u002Fnext-routes) - Universal named routes for Next.js.\n- [Next-Pkg](https:\u002F\u002Fgithub.com\u002Fonready\u002Fnext-pkg) - Extended Next.js server with [pkg](https:\u002F\u002Fgithub.com\u002Fvercel\u002Fpkg) support.\n- [Next Plugin Graphql](https:\u002F\u002Fgithub.com\u002Flfades\u002Fnext-plugin-graphql) - Next.js plugin for .graphql and .gql files using graphql-tag\n- [Next With Apollo](https:\u002F\u002Fgithub.com\u002Flfades\u002Fnext-with-apollo) - Apollo Graphql integration for Next.js\n- [Next SEO](https:\u002F\u002Fgithub.com\u002Fgarmeeh\u002Fnext-seo) - SEO made easy for Next.js\n- [Next-Sitemap](https:\u002F\u002Fgithub.com\u002Fiamvishnusankar\u002Fnext-sitemap) - Sitemap generator for Next.js\n- [Next UserAgent](https:\u002F\u002Fgithub.com\u002Ftokuda109\u002Fnext-useragent) - UserAgent parser for Next.js\n- [Next Cookie](https:\u002F\u002Fgithub.com\u002Ftokuda109\u002Fnext-cookie) - Cookie serializer and deserializer library for Next.js.\n- [Nextein](https:\u002F\u002Fgithub.com\u002Felmasse\u002Fnextein) - A static site generator based in Next.js.\n- [next-mdx-blog](https:\u002F\u002Fgithub.com\u002Fhipstersmoothie\u002Fnext-mdx-blog) - Easily add a blog to any next.js based project\n- [next-i18next](https:\u002F\u002Fgithub.com\u002Fisaachinman\u002Fnext-i18next) - The easiest way to translate your NextJs apps.\n- [next-routes-middleware](https:\u002F\u002Fgithub.com\u002Frevskill10\u002Fnext-routes-middleware) - A NextJS routing middleware\n- [Serverless Framework plugin for Next.js](https:\u002F\u002Fgithub.com\u002Fdanielcondemarin\u002Fserverless-nextjs-plugin) - Deploy serverless applications with ease.\n- [Terraform For Next.js](https:\u002F\u002Fgithub.com\u002Fematipico\u002Fterraform-nextjs-plugin) - Deploy your application using Terraform\n- [next-session](https:\u002F\u002Fgithub.com\u002Fhoangvvo\u002Fnext-session) - Session middleware for Next.js\n- [next-iron-session](https:\u002F\u002Fgithub.com\u002Fvvo\u002Fnext-iron-session) - Next.js stateless session utility using signed and encrypted cookies to store data\n- [Next PurgeCSS](https:\u002F\u002Fgithub.com\u002Flucleray\u002Fnext-purgecss) - Easily integrate [Purgecss](https:\u002F\u002Fwww.purgecss.com\u002F), which helps you remove unused CSS from your bundle.\n- [Next PWA](https:\u002F\u002Fgithub.com\u002Fshadowwalker\u002Fnext-pwa) - Zero config PWA plugin for Next.js with workbox\n- [flow-middleware](https:\u002F\u002Fgithub.com\u002Fpiglovesyou\u002Fflow-middleware) - Run any of Express middlewares on Next.js without polluting native objects.\n- [next-connect](https:\u002F\u002Fgithub.com\u002Fhoangvvo\u002Fnext-connect) - The Express\u002FConnect-compatible router and middleware layer for Next.js.\n- [next-img](https:\u002F\u002Fgithub.com\u002Fhumaans\u002Fnext-img\u002F) - a plugin for embedding optimized images with ease.\n- [next-auth](https:\u002F\u002Fgithub.com\u002Fiaincollins\u002Fnext-auth) - Easy authentication for Next.js and Serverless\n- [next-deploy](https:\u002F\u002Fgithub.com\u002Flone-cloud\u002Fnext-deploy) - 🚀 Effortless deployment to AWS and GitHub Pages.\n- [next-joi](https:\u002F\u002Fgithub.com\u002Fcodecoolture\u002Fnext-joi) - Validate Next.js API Routes, with _joi_.\n- [next-transpile-modules](https:\u002F\u002Fgithub.com\u002Fmartpie\u002Fnext-transpile-modules) - Next.js plugin to transpile code from node_modules. Useful for monorepos.\n- [Destack for Next.js](https:\u002F\u002Fgithub.com\u002Fliveduo\u002Fdestack) - Next.js extension to visually build landing pages locally.\n- [UseSIWE](https:\u002F\u002Fgithub.com\u002Frandom-bits-studio\u002Fuse-siwe) - React hooks and Next.js API routes that make it super easy to add Sign-In with Ethereum to your app.\n- [Runtime Environment Variables for Next.js](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@cuww\u002Fruntime-env) – Stop configuring ENV variables in CI\u002FCD, use a cloud-native approach.\n- [next-google-tag-manager](https:\u002F\u002Fgithub.com\u002FXD2Sketch\u002Fnext-google-tag-manager) – Easily add Google Tag Manager to Next 13 and up.\n- [modal-layout-component](https:\u002F\u002Fgithub.com\u002FArtemZhyto\u002FModal-layout-component) - Lightweight and accessible headless modal layout for Next.js with focus trapping.\n- [next-api-decorators](https:\u002F\u002Fgithub.com\u002Fstoryofams\u002Fnext-api-decorators) - Decorators to create typed Next.js API routes, with easy request validation and transformation.\n- [Vercel AI SDK](https:\u002F\u002Fgithub.com\u002Fvercel\u002Fai) - The AI Toolkit for TypeScript. Build AI-powered applications with React, Next.js, Vue, Svelte, and Node.js.\n- [CopilotKit](https:\u002F\u002Fgithub.com\u002FCopilotKit\u002FCopilotKit) - React UI + elegant infrastructure for AI Copilots, AI chatbots, and in-app AI agents in your Next.js apps.\n- [ogimg.xyz](https:\u002F\u002Fogimg.xyz) - OG image generation API with 10 templates, background patterns, and URL auto-fetch. Built with Next.js + Satori on Vercel Edge.\n- [ShotOG](https:\u002F\u002Fgithub.com\u002Fnicepkg\u002Fshotog) - Dynamic OG image generation API for Next.js apps, powered by Cloudflare Workers.\n- [Frontman](https:\u002F\u002Fgithub.com\u002Ffrontman-ai\u002Ffrontman) - An open-source AI coding agent that lives in your browser, enabling visual element selection and plain-English code edits with hot reload.\n- [@farming-labs\u002Fdocs](https:\u002F\u002Fgithub.com\u002Ffarming-labs\u002Fdocs) - A modern documentation framework that works. One config file, zero boilerplate.\n\n## Apps\n\n- [API Status Check](https:\u002F\u002Fapistatuscheck.com) - Real-time status monitoring dashboard tracking 2,500+ APIs and cloud services. Built with Next.js and deployed on Vercel.\n- [DevToolKit](https:\u002F\u002Fgithub.com\u002Fa827681306\u002Fdevtoolkit) - Free online developer tools built with Next.js — JSON Formatter, JWT Decoder, Regex Tester, Base64\u002FURL Encoder, Hash Generator.\n- [CourseLit](https:\u002F\u002Fgithub.com\u002Fcodelit\u002Fcourselit) - An open source alternative to Thinkific, Teachable etc.\n- [FIM Agent](https:\u002F\u002Fgithub.com\u002Ffim-ai\u002Ffim-agent) - AI-powered Connector Hub with a Next.js + shadcn\u002Fui portal frontend. Features agent management, connector configuration, knowledge base, and real-time chat with SSE streaming.\n- [FastUtil](https:\u002F\u002Ffastutil.app) - 71+ free browser-based developer utilities with client-side processing, 20 language translations, and no sign-up required. Built with Next.js App Router and shadcn\u002Fui.\n- [Feednext](https:\u002F\u002Fgithub.com\u002Ffeednext\u002Ffeednext) - An open source social media application.\n- [NextJS GOT](https:\u002F\u002Fgithub.com\u002Fauth0-blog\u002Fnextjs-got) - Simple Next.js application that showcases Game of Thrones Characters.\n- [Relate](https:\u002F\u002Fgithub.com\u002FRelateNow\u002Frelate) - Mindfulness community - React, GraphQL, Next.js.\n- [Password](https:\u002F\u002Fgithub.com\u002Fdotcypress\u002Fpassword) - One password, right way.\n- [Next Todos](https:\u002F\u002Fgithub.com\u002Flipp\u002Fnext-todos) - Todo list written in Next.js.\n- [Hacker News](https:\u002F\u002Fgithub.com\u002Flipp\u002Fhackernews) - Another Hacker News written in Next.js.\n- [Jet Chat](https:\u002F\u002Fgithub.com\u002Flipp\u002Fjet-chat) - Jet and Next.js powered Chat demo.\n- [Nextgram](https:\u002F\u002Fgithub.com\u002Farunoda\u002Fnextgram) - Sample Next.js v2 app for showing off its capabilities.\n- [Rauchg Blog](https:\u002F\u002Fgithub.com\u002Frauchg\u002Fblog) - Blog built by a Next.js core maintainer.\n- [Next JPH](https:\u002F\u002Fgithub.com\u002Frenatorib\u002Fnext-jph) - JsonPlaceholder sample app made with Next.js.\n- [Mailto](https:\u002F\u002Fgithub.com\u002Fdawsbot\u002Fmailto) - HTML mailto's made easy.\n- [Plate](https:\u002F\u002Fgithub.com\u002Fknipferrc\u002Fplate) - The task management app to rule them all.\n- [Dashboard](https:\u002F\u002Fgithub.com\u002Fdanielbayerlein\u002Fdashboard) - Create your own team dashboard with custom widgets.\n- [Snape](https:\u002F\u002Fgithub.com\u002Fritz078\u002Fsnape) - A torrent client to search, stream and download torrents.\n- [Trello Resume](https:\u002F\u002Fgithub.com\u002Fjuliandavidmr\u002FTrelloResume) - Converts trello data into fast read information.\n- [Server Authentication with JWT](https:\u002F\u002Fgithub.com\u002Festrada9166\u002Fserver-authentication-next.js) - Server authentication, prevent render before validation.\n- [Alexander Kachkaev’s website](https:\u002F\u002Fgitlab.com\u002Fkachkaev\u002Fwebsite-frontend\u002F) – personal homepage built with Next.js, GraphQL, Docker and Kubernetes. Uses apollo client, react-intl, styled-components and recompose. Docker images are automatically built by GitLab CI.\n- [Cookie handler with server render](https:\u002F\u002Fgithub.com\u002Festrada9166\u002Fcookie-handler-next.js) - Cookie handler with server render, access the cookie before render.\n- [Gank](https:\u002F\u002Fgithub.com\u002FOrangeXC\u002Fgank) - A Next.js App use gank-api, mobx and antd\n- [Decoupled CMS example with GraphQL and Next.js](https:\u002F\u002Fgithub.com\u002Fjanit\u002Fdecoupled-cms-nextjs-graphql)\n- [Mozilla VR Home](https:\u002F\u002Fvr.mozilla.org\u002F) - Mozilla VR Home\n- [Elton John's website](https:\u002F\u002Fwww.eltonjohn.com) - Elton John's Website\n- [IOTA's Data Market Place](https:\u002F\u002Fdata.iota.org\u002F) - IOTA Market Place\n- [magicleap.com](https:\u002F\u002Fwww.magicleap.com\u002F) - Magic Leap\n- [NPM.js Search Page](https:\u002F\u002Fwww.npmjs.com\u002Fsearch) - NPM's Search Page\n- [Docker Success Center](https:\u002F\u002Fsuccess.docker.com) - Docker Success Center\n- [Urteile & Gesetze](https:\u002F\u002Fgithub.com\u002Fneo-search\u002Furteile-gesetze-web) - German Legal Information System licensed under GPLv3.\n- [TikTok's HomePage](https:\u002F\u002Fwww.tiktok.com\u002F) - TikTok's Home Page\n- [njt.now.sh](https:\u002F\u002Fnjt.now.sh) - npm jump to 🐸 (package navigation shortcuts you dreamed about). Partially statically-rendered, partially deployed as lambda. Automatically updated on each commit to the [github repo](https:\u002F\u002Fgithub.com\u002Fkachkaev\u002Fnjt), thanks to Now integration.\n- [caseconverter.pro](https:\u002F\u002Fcaseconverter.pro) - A text case converter.\n- [Tottem](https:\u002F\u002Fgithub.com\u002Fpoulainv\u002Ftottem) - Bookmark manager on steroid built with NextJs \u002F Auth0 \u002F Apollo Tools \u002F Prisma2\n- [Slow TV Map](https:\u002F\u002Fslowtvmap.com) - A fun way to discover relaxing virtual experiences. Next.js + Chakra UI + MySQL hosted on Vercel.\n- [Twitter Clone](https:\u002F\u002Fgithub.com\u002FAlandSleman\u002Ft3-twitter-clone) - Twitter clone built with Next.js + T3 Stack + NextAuth + Supabase + Prisma.\n- [Taxonomy](https:\u002F\u002Fgithub.com\u002Fshadcn\u002Ftaxonomy) - An example app built using Next.js 13 server components.\n- [shadcn\u002Fui](https:\u002F\u002Fgithub.com\u002Fshadcn\u002Fui) - Beautifully designed components that you can copy and paste into your apps.\n- [StorageBox](https:\u002F\u002Fgithub.com\u002FAlandSleman\u002FStorageBox) - A Simple File Storage Service Built with Go and Next.js.\n- [Taskade](https:\u002F\u002Ftaskade.com\u002F) - AI-powered workspace for teams with real-time collaboration, AI agents, project management, and workflow automation.\n\n## Books\n\n- [Hands On Next.js](https:\u002F\u002Fleanpub.com\u002Fhands-on-nextjs) - A practical fullstack book on universal (server) rendering for react applications.\n- [Next.js Quick Start Guide](https:\u002F\u002Fwww.packtpub.com\u002Fweb-development\u002Fnextjs-quick-start-guide) - Create, build and deploy universal JavaScript applications using Next.js\n- [The Next.js Handbook](https:\u002F\u002Fflaviocopes.com\u002Fpage\u002Fnextjs-handbook\u002F) - Build a frontend React application that transparently handles server-side rendering for you.\n- [Serverless Web Applications with React and Next.js](https:\u002F\u002Fwww.amazon.com\u002Fdp\u002FB0BHRPMF74) - Use Next.js serverless features to access databases and authenticate users in your React applications\n- [Cut Into The Jamstack: Build a SaaS with React and Next.js](https:\u002F\u002Fwww.cutintothejamstack.com\u002F) - Build a full-stack software-as-a-service application using Next.js, Prisma ORM, Cloudinary API, Chakra-UI and React Hook Form.\n- [Real World Next.js](https:\u002F\u002Fwww.amazon.com\u002FReal-World-Next-js-high-performance-applications-production-ebook\u002Fdp\u002FB08XY1MCV1?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\n\n## Videos\n\n- [Create your first ReactJS application with NextJS _[Spanish]_](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=-7Ft5LxPeWs)\n- [React Server Side Rendering with NextJS](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=JEBkh_vleTs&t)\n- [Guillermo Rauch - Next.js by Example](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=DLGJfa3Xv-0)\n- [Guillermo Rauch - Next.js: Universal React Made Easy and Simple](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=evaMpdSiZKk)\n- [Introduction to Next.js](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=Fnw3lNeH-XI)\n- [Next.js in production](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=h6rETZH6Ym0)\n- [Parameterized Routing with Next.js](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=2cJya4h5ync)\n- [JSHeroes 2017 | Guillermo Rauch - Static and Dynamic Next.js](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=lLNJsuXB4CI)\n- [Programming the Universal Future with Next.js - Guillermo Rauch · JSConf China 2017](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=w9Or7B4kTRY)\n- [BPJS: Special - Introduction to Next.js](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=4cfozXTyjWQ)\n- [Next for Next.js](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=ms2aOV06_qk)\n- [Data Management With Next.js and GraphQL](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=g_LA1quUIi8)\n- [Next.js Register User](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=oQ60Grn4RYQ)\n- [Next.js Crash Course - Server Side React](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=IkOVe40Sy0U)\n- [Mastering Next.js](https:\u002F\u002Fmasteringnextjs.com\u002F) - 50+ lesson video course for building applications with Next.js and React.\n- [Next.js Tutorial](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=7J4iL1HDshQ&list=PLYSZyzpwBEWSQsrukurP09ksi49H9Yj40) - In depth Next.js tutorials.\n- [Next.js Conf 2020](https:\u002F\u002Fwww.youtube.com\u002Fplaylist?list=PLBnKlKpPeagnT2Cmv4giCbosfrbKnuYTD) - All the videos from the 2020 Next.js conference\n- [Full-stack food ordering app with Hasura, Next.js, and Vercel](https:\u002F\u002Fwww.youtube.com\u002Fplaylist?list=PLTRTpHrUcSB8elpwJKDIQNfNlqpPTNHGG)\n- [How to use Credentials Authentication in Next.js with NextAuth?](https:\u002F\u002Fyoutu.be\u002FfqXC2V-MSV4)\n\n## Projects(Beginner level)\n\n- [Full Stack Netflix Clone in React, Tailwind CSS, Next.JS, Prisma, MongoDB, NextAuth & Vercel (2023)](https:\u002F\u002Fyoutu.be\u002FmqUN4N2q4qY)\n- [Build and Deploy a Modern Next 13 Website With Framer Motion & Tailwind CSS](https:\u002F\u002Fyoutu.be\u002FugCN_gynFYw)\n- [Next js 13 project - IMBb Clone - next js tailwind css project - nextjs project](https:\u002F\u002Fyoutu.be\u002FOHEMPreO09Q)\n- [Next js 13 project - Google clone (next.js 13, tailwind css 3, google search api, app router](https:\u002F\u002Fyoutu.be\u002Fh9zlVmoUV5I)\n- [next js project - Twitter clone](https:\u002F\u002Fyoutu.be\u002FPnvDPSg5bQM)\n- [Build and Deploy: TWITTER clone with React, Tailwind, Next, Prisma, Mongo, NextAuth & Vercel (2023)](https:\u002F\u002Fyoutu.be\u002FytkG7RT6SvU)\n- [NextJS 13 Tutorial: Create a Static Blog from Markdown Files](https:\u002F\u002Fyoutu.be\u002FHiabp1GY8fA)\n- [Full Stack Airbnb Clone with Next.js 13 App Router: React, Tailwind, Prisma, MongoDB, NextAuth 2023](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=c_-b_isI4vg&t=11529s)\n- [Real-Time Messenger Clone: Next.js 13, React, Tailwind, Prisma, MongoDB, NextAuth, Pusher (2023)](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=PGPGcKBpAk8&t=1922s)\n- [Full Stack Spotify Clone: Next 13.4, React, Stripe, Supabase, PostgreSQL, Tailwind (2023)](https:\u002F\u002Fyoutube.com\u002Fwatch?v=2aeMRB8LL4o&t=4402s)\n- [Full Stack E-Commerce + Dashboard & CMS: Next.js 13 App Router, React, Tailwind, Prisma, MySQL, 2023](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=5miHyP6lExg&t=1908s)\n\n## Newsletters\n\n- [Next.js News](https:\u002F\u002Fnextjsnews.com) - Monthly Next.js newsletter showcasing new and upcoming features, best articles, tools, and plugins.\n- [Next.js Notes](https:\u002F\u002Fnextjsnotes.com) - Monthly Next.js and JavaScript platform news.\n\n## Contributing\n\nFound an awesome package, article, blog, video etc.? Send me a pull request! Just follow the [guidelines](\u002FCONTRIBUTING.md). Thank you!\n\n---\n\n**Check out my [blog](https:\u002F\u002Fgoodheads.io) or say _hi_ on [Twitter](https:\u002F\u002Ftwitter.com\u002Funicodeveloper).**\n\n## License\n\n[![CC0](http:\u002F\u002Fmirrors.creativecommons.org\u002Fpresskit\u002Fbuttons\u002F88x31\u002Fsvg\u002Fcc-zero.svg)](http:\u002F\u002Fcreativecommons.org\u002Fpublicdomain\u002Fzero\u002F1.0\u002F)\n","这个项目是一个精心整理的关于使用Next.js框架资源列表，包括书籍、视频和文章等。它旨在帮助开发者更好地理解和应用Next.js这一用于构建服务端渲染React应用的极简框架。核心功能和技术特点在于提供了丰富的学习材料与实践案例，涵盖了从入门到进阶的所有内容，并且强调了Next.js在同构JavaScript应用开发中的优势。非常适合那些想要深入研究或开始使用Next.js进行Web开发的人士，无论是在个人项目还是企业级解决方案中都能找到合适的参考资料。",2,"2026-06-11 03:34:37","high_star"]