awesome-nextjs
Next.js tutorial repository
A curated collection of resources and tutorials for building Next.js applications.
A curated list of awesome resources : books, videos, articles about using Next.js (A minimalistic framework for universal server-rendered React applications)
10k stars
181 watching
918 forks
last commit: 3 months ago
Linked from 3 awesome lists
awesome-listframeworkisomorphicjavascriptnextjsreactjsroutingserver-side-renderingtutorialsuniversal
Awesome Next.js / Community | |||
| GitHub | 127,022 | 5 days ago | |
| GitHub discussions for Next.js | 127,022 | 5 days ago | |
Awesome Next.js / Essentials | |||
| Blog | |||
| Learn | |||
| Vercel TV | |||
| Bulletproof Next | |||
Awesome Next.js / Articles | |||
| Instant Site Updates with On-Demand Revalidation and Directus | |||
| Dynamic CMS-driven Redirects with Next.js | |||
| Getting Started with Next.js, GraphQL and React Query | |||
| Using Next.js with FaunaDB: How to Query the Database from Your App | |||
| How to Build a Serverless Next.js Blog with ButterCMS | |||
| Build a Universal JavaScript App with Next.js | |||
| Getting Started with Next.js — Setting Up Your App | |||
| Getting Started with Next.js — Bringing Data In | |||
| How to build a Next.js React Universal App | |||
| Next on Next.js | |||
| Accept payments on your site with nextjs, stripe, and micro | |||
| Next.js on Cloud Functions for Firebase with Firebase Hosting | |||
| Building a Blog With Next.js | |||
| Using Google Analytics with Next.js | |||
| Build a Universal JavaScript App with Next.js and Redux [Russian] | |||
| 5 (of the Many Reasons) to love Vercel's Next.js | |||
| Next.js 5: Universal Webpack, CSS Imports, Plugins and Zones | |||
| Realtime data visualization using Next.js and Chart.js | |||
| Build a chat app with sentiment analysis using Next.js | |||
| Build a realtime table with Next.js | |||
| SSR blog with Next.js and Prismic.io | |||
| SEO in Next.js and Prismic | |||
| SEO in Next.js with next-seo | |||
| Next.js 7 | |||
| Create SSR Next.js websites using GraphQL with Postgres | |||
| Cooking a Deliveroo clone with Next.js (React), GraphQL, Strapi and Stripe - Setup (part 1/7) | |||
| Next.js E-commerce Tutorial: Quick Shopping Cart Integration | |||
| Working with Ghost and Next.js | |||
| Using Tailwind CSS with Next.js | |||
| Using Feature Flags in Next.js | |||
| Adding code snippets to Next.js using react-syntax-highlighter | |||
| Build company's Website/App with our astonishing Next.js template | |||
| Guaranteeing webhook delivery in NextJS Application | |||
| Building a Guestbook Using Next.js On-Demand ISR | |||
| Useful Admin Templates to build your Website/App | |||
| Integrate Next app with Tailwind | |||
Awesome Next.js / Boilerplates | |||
| Kaminari Template | Power packed Next.js and Tailwind CSS template. Built with developer experience in mind. Contains Husky, CommitLint, Prettier, Eslint etc. configs. ✨ | ||
| Next.js Static Blog | Next.js static blog powered by the Cosmic Headless CMS | ||
| NextJS Headless CMS Powered Blog Starter | 145 | over 1 year ago | |
| Next.js App with AWS Lambda | 59 | over 5 years ago | Deploy a Next.js App to AWS Lambda using Apex Up |
| Nitro 🚀 | 280 | 3 days ago | An Example of a PWA using Nextjs, Material-UI, Typescript and Auth0 💗 |
| Next & Now 2.0 Typescript template | 42 | almost 3 years ago | Serverless, Typescript, Jest, Github CI, SCSS, prettier boilerplate |
| Next Right Now | 1,263 | about 1 year ago | Flexible with Next.js 9 and Vercel, with pre-configured Sentry, cookies, Amplitude, Emotion, FontAwesome, GraphQL/GraphCMS (Apollo), Bootstrap (Reactstrap), i18next (Locize), Jest, Cypress (E2E tests) and CI/CD (GH Actions), with full TypeScript support and |
| Next Graphql Apollo Typescript_Boostrap - Pobocha | 87 | over 1 year ago | React + GraphQL + Next.js + Apollo + Scss + Typescript + Prettier & EsLint boilerplate |
| Next & Vercel Typescript template | 42 | almost 3 years ago | Serverless, Typescript, Jest, Github CI, SCSS, prettier boilerplate |
| NextJS in Firebase with Bootstrap | 24 | almost 7 years ago | Hosting NextJS app with Bootstrap in Firebase with Cloud Functions |
| Next Simple Starter | 944 | about 2 months ago | Simple PWA boilerplate with Next.js and Redux |
| NextJS Starter | 1,365 | over 4 years ago | Starter project for Next.js with and email and oAuth authentication |
| nextjs-starter | 449 | about 3 years ago | 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! | 2,216 | about 1 month ago | Production-ready boilerplate with support for GraphQL, SSR, Hot-reload, CSS-in-JS, caching, and more |
| Next Simple Blog | 557 | almost 2 years ago | Simple Markdown based blog built with Next.js with static exports |
| phox | 19 | over 5 years ago | Create a static photo blog |
| Next Express Bootstrap Boilerplate | 112 | almost 3 years ago | Boilerplate for a full stack app built using Next, Express, react-bootstrap, SCSS and SSR with eslint |
| Next Blog Firestore | 269 | about 6 years ago | Blog with simple CMS built with Next.js, Firebase Firestore, styled-components and mobx-state-tree |
| Next Redux Starter | 375 | almost 2 years ago | Next.js starter with Express, Redux, and PostCSS |
| NextJS Redux-Wrapper Material-UI | 131 | about 1 year ago | 🤓 A boilerplate NextJS with Redux and Material UI |
| Staart | 313 | over 5 years ago | 😎 Actively maintained Next.js components library minimal boilerplate to rapidly get staarted with app with working user accounts based on Ooth |
| NextJS TypeScript Starter Kit | 337 | over 5 years ago | TypeScript + NextJS, Styled-jsx, Redux, PostCSS, configurable SEO |
| Next Boilerplate | External CSS and Sass + Importing images from anywhere + Prettier and Eslint + Environment variables and many more features | ||
| next-starter | 27 | almost 2 years ago | A full and simple boilerplate with and built in |
| Typescript Monorepo Next Example | 43 | over 6 years ago | A minimalistic next.js + typescript monorepo |
| tomimick/tm-nextjs-starter | 50 | almost 2 years ago | A minimal starter/demo with basic CRUD, axios/localstorage, MobX, SASS, static site export, live demo |
| csprance/next-smrt | 55 | almost 2 years ago | A minimal boilerplate with redux, styled-components, material-ui and typescript with a custom express server |
| Nextron | 3,952 | 6 days ago | An Electron with Next.js apps generator ⚡ |
| next-boilerplate | 1,602 | over 1 year ago | A well-structured production ready Next.js boilerplate with Typescript, Redux, Express.js, Sass, Css, EnvConfig, Reverse Proxy, Bundle |
| Oh My Fullstack | 174 | over 1 year ago | Full stack web application skeleton (Next.js, Redux, RxJS, Immutable, Express) |
| Next-Postgres-With-Typescript | 20 | over 5 years ago | Forum-like fullstack web app with Next 7.0.2 + Sequelize 4/Postgres + Typescript + Redux + Passport Local Auth + Emotion |
| Next.js with Express and Babel | 4 | over 5 years ago | An application skeleton for those who want to transpile their Express as well as their Next.js code using Babel |
| next-postgres-graphql | 31,179 | 7 days ago | Create SSR Next.js websites using GraphQL with Postgres (Next.js, Postgres, GraphQL) |
| nextjs-mongodb-app | 1,537 | 8 months ago | Full-fledged app made with Next.JS and MongoDB, with authentication and much more (Next.js 9, MongoDB) |
| react-next-boilerplate | 358 | 2 months ago | A basis for reducing the configuration of your projects with nextJS, best development practices and popular libraries in the developer community |
| The-Nextjs-starter | 22 | almost 2 years ago | typescript + redux + styled-components + react-testing-library + eslint + fontawesome |
| The Knests Stack | 339 | 14 days ago | 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 | 502 | over 1 year ago | 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 | 🚀 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 | 453 | about 1 year ago | A perfect boilerplate for building a blog website on Netlify stacks with standard features like tagging, CMS, and shortcodes |
| Nextjs Apollo Nexus | 3 | about 4 years ago | GraphQL Apollo Client-Server integration in Next.js with Nexus Schema (Code first approach) |
| Nextjs Starter Peacock | 129 | 9 months ago | 🦚 Beautiful Nextjs portfolio starter for software engineers and designers to show work they're so proud of |
| Nextatic | 47 | almost 4 years ago | 🌍 Static website multi-language boilerplate with user-editable pages and navigation using Netlify CMS + Next.js + SCSS + Typescript |
| Sitemap generator for NextJS & StrAPI | 6 | almost 4 years ago | 🦾 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 | 2,837 | 7 months ago | superplate creates Next.js app in seconds with TypeScript, styled-components, SWR, Storybook, and 35+ plugin |
| 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 | 6 | almost 2 years ago | A awesome boilerplate for startup application with authentication using Next.js + Typescript + Tailwind CSS + Firebase-auth + React-Firebase-Hooks |
| NextJS Chargebee Subscription | 17 | over 1 year ago | A Chargebee focused T3 Stack that integrates User Subscriptions, Authentication and Testing. Driven by Prisma ORM |
| Next.js Enterprise | 6,277 | about 1 month ago | enterprise-grade boilerplate for high-performance, maintainable apps. Built with Tailwind CSS, RadixUI, TypeScript and more |
| Start UI [web] | 1,395 | 13 days ago | 🚀 opinionated UI starter with TypeScript, React, NextJS, Chakra UI, tRPC, Prisma, TanStack Query, Storybook, Playwright, Formiz |
Awesome Next.js / Extensions | |||
| Next universal language detector | 95 | over 4 years ago | Language detector that works universally (browser + server) - Meant to be used with a universal framework, such as Next.js |
| Next Routes | 2,473 | 4 months ago | Universal named routes for Next.js |
| Next-Pkg | 66 | about 2 years ago | Extended Next.js server with support |
| Next Plugin Graphql | 57 | over 1 year ago | Next.js plugin for .graphql and .gql files using graphql-tag |
| Next With Apollo | 765 | 9 months ago | Apollo Graphql integration for Next.js |
| Next SEO | 7,694 | 3 months ago | SEO made easy for Next.js |
| Next-Sitemap | 3,343 | 10 days ago | Sitemap generator for Next.js |
| Next UserAgent | UserAgent parser for Next.js | ||
| Next Cookie | Cookie serializer and deserializer library for Next.js | ||
| Nextein | 898 | over 1 year ago | A static site generator based in Next.js |
| next-mdx-blog | 74 | almost 2 years ago | Easily add a blog to any next.js based project |
| next-i18next | 5,622 | 3 months ago | The easiest way to translate your NextJs apps |
| next-routes-middleware | 40 | over 2 years ago | A NextJS routing middleware |
| Serverless Framework plugin for Next.js | 4,472 | 27 days ago | Deploy serverless applications with ease |
| Terraform For Next.js | 52 | over 1 year ago | Deploy your application using Terraform |
| next-session | 352 | 6 months ago | Session middleware for Next.js |
| next-iron-session | 3,677 | 3 days ago | Next.js stateless session utility using signed and encrypted cookies to store data |
| Next PurgeCSS | 134 | over 4 years ago | Easily integrate , which helps you remove unused CSS from your bundle |
| Next PWA | 3,893 | 4 months ago | Zero config PWA plugin for Next.js with workbox |
| flow-middleware | 16 | 9 days ago | Run any of Express middlewares on Next.js without polluting native objects |
| next-connect | 1,639 | 9 months ago | The Express/Connect-compatible router and middleware layer for Next.js |
| next-img | 273 | about 2 months ago | a plugin for embedding optimized images with ease |
| next-auth | 24,950 | 5 days ago | Easy authentication for Next.js and Serverless |
| next-deploy | 47 | 4 months ago | 🚀 Effortless deployment to AWS and GitHub Pages |
| next-joi | 112 | over 2 years ago | Validate Next.js API Routes, with |
| next-transpile-modules | 1,131 | over 1 year ago | Next.js plugin to transpile code from node_modules. Useful for monorepos |
| Destack for Next.js | 1,640 | 30 days ago | Next.js extension to visually build landing pages locally |
| UseSIWE | 25 | about 1 year ago | React hooks and Next.js API routes that make it super easy to add Sign-In with Ethereum to your app |
| Runtime Environment Variables for Next.js | – Stop configuring ENV variables in CI/CD, use a cloud-native approach | ||
| next-google-tag-manager | 46 | 12 months ago | – Easily add Google Tag Manager to Next 13 and up |
| next-api-decorators | 417 | 8 months ago | Decorators to create typed Next.js API routes, with easy request validation and transformation |
Awesome Next.js / Apps | |||
| CourseLit | 680 | 5 days ago | An open source alternative to Thinkific, Teachable etc |
| Feednext | 320 | almost 2 years ago | An open source social media application |
| NextJS GOT | 33 | almost 7 years ago | Simple Next.js application that showcases Game of Thrones Characters |
| Relate | 333 | 7 months ago | Mindfulness community - React, GraphQL, Next.js |
| Password | 118 | over 4 years ago | One password, right way |
| Next Todos | 130 | over 1 year ago | Todo list written in Next.js |
| Hacker News | 46 | almost 8 years ago | Another Hacker News written in Next.js |
| Jet Chat | 10 | over 7 years ago | Jet and Next.js powered Chat demo |
| Nextgram | 50 | over 7 years ago | Sample Next.js v2 app for showing off its capabilities |
| Rauchg Blog | 1,239 | 9 days ago | Blog built by a Next.js core maintainer |
| Next JPH | 35 | over 7 years ago | JsonPlaceholder sample app made with Next.js |
| Mailto | 204 | 5 months ago | HTML mailto's made easy |
| Plate | 49 | almost 2 years ago | The task management app to rule them all |
| Dashboard | 1,301 | over 1 year ago | Create your own team dashboard with custom widgets |
| Snape | 832 | over 3 years ago | A torrent client to search, stream and download torrents |
| Trello Resume | 16 | over 7 years ago | Converts trello data into fast read information |
| Server Authentication with JWT | 106 | almost 2 years ago | Server authentication, prevent render before validation |
| Alexander Kachkaev’s website | – 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 | ||
| Cookie handler with server render | 15 | almost 7 years ago | Cookie handler with server render, access the cookie before render |
| Gank | 130 | almost 2 years ago | A Next.js App use gank-api, mobx and antd |
| Decoupled CMS example with GraphQL and Next.js | 30 | almost 6 years ago | |
| Mozilla VR Home | Mozilla VR Home | ||
| Elton John's website | Elton John's Website | ||
| IOTA's Data Market Place | IOTA Market Place | ||
| magicleap.com | Magic Leap | ||
| NPM.js Search Page | NPM's Search Page | ||
| Docker Success Center | Docker Success Center | ||
| Urteile & Gesetze | 16 | almost 2 years ago | German Legal Information System licensed under GPLv3 |
| TikTok's HomePage | TikTok's Home Page | ||
| njt.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 , thanks to Now integration | ||
| caseconverter.pro | A text case converter | ||
| Tottem | 980 | almost 2 years ago | Bookmark manager on steroid built with NextJs / Auth0 / Apollo Tools / Prisma2 |
| Slow TV Map | A fun way to discover relaxing virtual experiences. Next.js + Chakra UI + MySQL hosted on Vercel | ||
| Twitter Clone | 179 | over 1 year ago | Twitter clone built with Next.js + T3 Stack + NextAuth + Supabase + Prisma |
| Taxonomy | 18,622 | 3 months ago | An example app built using Next.js 13 server components |
| shadcn/ui | 74,766 | 8 days ago | Beautifully designed components that you can copy and paste into your apps |
| StorageBox | 23 | about 1 year ago | A Simple File Storage Service Built with Go and Next.js |
Awesome Next.js / Books | |||
| Hands On Next.js | A practical fullstack book on universal (server) rendering for react applications | ||
| Next.js Quick Start Guide | Create, build and deploy universal JavaScript applications using Next.js | ||
| The Next.js Handbook | Build a frontend React application that transparently handles server-side rendering for you | ||
| Serverless Web Applications with React and Next.js | 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 | 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 | Build scalable, high-performance, and modern web applications using Next.js, the React framework for production | ||
Awesome Next.js / Videos | |||
| Create your first ReactJS application with NextJS [Spanish] | |||
| React Server Side Rendering with NextJS | |||
| Guillermo Rauch - Next.js by Example | |||
| Guillermo Rauch - Next.js: Universal React Made Easy and Simple | |||
| Introduction to Next.js | |||
| Next.js in production | |||
| Parameterized Routing with Next.js | |||
| JSHeroes 2017 | Guillermo Rauch - Static and Dynamic Next.js | |||
| Programming the Universal Future with Next.js - Guillermo Rauch · JSConf China 2017 | |||
| BPJS: Special - Introduction to Next.js | |||
| Next for Next.js | |||
| Data Management With Next.js and GraphQL | |||
| Next.js Register User | |||
| Next.js Crash Course - Server Side React | |||
| Mastering Next.js | 50+ lesson video course for building applications with Next.js and React | ||
| Next.js Tutorial | In depth Next.js tutorials | ||
| Next.js Conf 2020 | All the videos from the 2020 Next.js conference | ||
| Full-stack food ordering app with Hasura, Next.js, and Vercel | |||
| How to use Credentials Authentication in Next.js with NextAuth? | |||
Awesome Next.js / Projects(Beginner level) | |||
| Full Stack Netflix Clone in React, Tailwind CSS, Next.JS, Prisma, MongoDB, NextAuth & Vercel (2023) | |||
| Build and Deploy a Modern Next 13 Website With Framer Motion & Tailwind CSS | |||
| Next js 13 project - IMBb Clone - next js tailwind css project - nextjs project | |||
| Next js 13 project - Google clone (next.js 13, tailwind css 3, google search api, app router | |||
| next js project - Twitter clone | |||
| Build and Deploy: TWITTER clone with React, Tailwind, Next, Prisma, Mongo, NextAuth & Vercel (2023) | |||
| NextJS 13 Tutorial: Create a Static Blog from Markdown Files | |||
| Full Stack Airbnb Clone with Next.js 13 App Router: React, Tailwind, Prisma, MongoDB, NextAuth 2023 | |||
| Real-Time Messenger Clone: Next.js 13, React, Tailwind, Prisma, MongoDB, NextAuth, Pusher (2023) | |||
| Full Stack Spotify Clone: Next 13.4, React, Stripe, Supabase, PostgreSQL, Tailwind (2023) | |||
| Full Stack E-Commerce + Dashboard & CMS: Next.js 13 App Router, React, Tailwind, Prisma, MySQL, 2023 | |||
Awesome Next.js / Newsletters | |||
| Next.js News | Monthly Next.js newsletter showcasing new and upcoming features, best articles, tools, and plugins | ||
| Next.js Notes | Monthly Next.js and JavaScript platform news | ||
sindresorhus/awesome
jnv/lists
0ex/more-awesome
katt/shop
lukeed/rosetta
aralroca/next-translate
codestackr/codestackr
jaredpalmer/after.js
vgrafe/nextjs-auth0-hasura
welldone-software/why-did-you-render
paulirish/lite-youtube-embed
opendatacam/opendatacam
async-labs/builderbook