awesome-nextjs
A curated list of awesome resources : books, videos, articles about using Next.js (A minimalistic framework for universal server-rendered React applications)
AI summary
Next.js tutorial repository
A curated collection of resources and tutorials for building Next.js applications.
- stars
- 10.4K
- forks
- 928
- watching
- 181
- awesome lists
- 3
- entries
- 198
What's in the list
198 links in 10 sections, with live GitHub stats.activeno commit in 2y
Community
Essentials
Articles
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
Next.js App with AWS Lambda
Deploy a Next.js App to AWS Lambda using Apex Up
Nitro 🚀
An Example of a PWA using Nextjs, Material-UI, Typescript and Auth0 💗
Next & Now 2.0 Typescript template
Serverless, Typescript, Jest, Github CI, SCSS, prettier boilerplate
Next Right Now
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
React + GraphQL + Next.js + Apollo + Scss + Typescript + Prettier & EsLint boilerplate
Next & Vercel Typescript template
Serverless, Typescript, Jest, Github CI, SCSS, prettier boilerplate
NextJS in Firebase with Bootstrap
Hosting NextJS app with Bootstrap in Firebase with Cloud Functions
Next Simple Starter
Simple PWA boilerplate with Next.js and Redux
NextJS Starter
Starter project for Next.js with and email and oAuth authentication
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!
Production-ready boilerplate with support for GraphQL, SSR, Hot-reload, CSS-in-JS, caching, and more
Next Simple Blog
Simple Markdown based blog built with Next.js with static exports
phox
Create a static photo blog
Next Express Bootstrap Boilerplate
Boilerplate for a full stack app built using Next, Express, react-bootstrap, SCSS and SSR with eslint
Next Blog Firestore
Blog with simple CMS built with Next.js, Firebase Firestore, styled-components and mobx-state-tree
Next Redux Starter
Next.js starter with Express, Redux, and PostCSS
NextJS Redux-Wrapper Material-UI
🤓 A boilerplate NextJS with Redux and Material UI
Staart
😎 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
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
A full and simple boilerplate with and built in
Typescript Monorepo Next Example
A minimalistic next.js + typescript monorepo
tomimick/tm-nextjs-starter
A minimal starter/demo with basic CRUD, axios/localstorage, MobX, SASS, static site export, live demo
csprance/next-smrt
A minimal boilerplate with redux, styled-components, material-ui and typescript with a custom express server
Nextron
An Electron with Next.js apps generator ⚡
next-boilerplate
A well-structured production ready Next.js boilerplate with Typescript, Redux, Express.js, Sass, Css, EnvConfig, Reverse Proxy, Bundle
Oh My Fullstack
Full stack web application skeleton (Next.js, Redux, RxJS, Immutable, Express)
Next-Postgres-With-Typescript
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
An application skeleton for those who want to transpile their Express as well as their Next.js code using Babel
next-postgres-graphql
Create SSR Next.js websites using GraphQL with Postgres (Next.js, Postgres, GraphQL)
nextjs-mongodb-app
Full-fledged app made with Next.JS and MongoDB, with authentication and much more (Next.js 9, MongoDB)
react-next-boilerplate
A basis for reducing the configuration of your projects with nextJS, best development practices and popular libraries in the developer community
The-Nextjs-starter
typescript + redux + styled-components + react-testing-library + eslint + fontawesome
The Knests Stack
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
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
A perfect boilerplate for building a blog website on Netlify stacks with standard features like tagging, CMS, and shortcodes
Nextjs Apollo Nexus
GraphQL Apollo Client-Server integration in Next.js with Nexus Schema (Code first approach)
Nextjs Starter Peacock
🦚 Beautiful Nextjs portfolio starter for software engineers and designers to show work they're so proud of
Nextatic
🌍 Static website multi-language boilerplate with user-editable pages and navigation using Netlify CMS + Next.js + SCSS + Typescript
Sitemap generator for NextJS & StrAPI
🦾 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
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
A awesome boilerplate for startup application with authentication using Next.js + Typescript + Tailwind CSS + Firebase-auth + React-Firebase-Hooks
NextJS Chargebee Subscription
A Chargebee focused T3 Stack that integrates User Subscriptions, Authentication and Testing. Driven by Prisma ORM
Next.js Enterprise
enterprise-grade boilerplate for high-performance, maintainable apps. Built with Tailwind CSS, RadixUI, TypeScript and more
Start UI [web]
🚀 opinionated UI starter with TypeScript, React, NextJS, Chakra UI, tRPC, Prisma, TanStack Query, Storybook, Playwright, Formiz
Extensions
Next universal language detector
Language detector that works universally (browser + server) - Meant to be used with a universal framework, such as Next.js
Next Routes
Universal named routes for Next.js
Next-Pkg
Extended Next.js server with support
Next Plugin Graphql
Next.js plugin for .graphql and .gql files using graphql-tag
Next With Apollo
Apollo Graphql integration for Next.js
Next SEO
SEO made easy for Next.js
Next-Sitemap
Sitemap generator for Next.js
- Next UserAgent
UserAgent parser for Next.js
- Next Cookie
Cookie serializer and deserializer library for Next.js
Nextein
A static site generator based in Next.js
next-mdx-blog
Easily add a blog to any next.js based project
next-i18next
The easiest way to translate your NextJs apps
next-routes-middleware
A NextJS routing middleware
Serverless Framework plugin for Next.js
Deploy serverless applications with ease
Terraform For Next.js
Deploy your application using Terraform
next-session
Session middleware for Next.js
next-iron-session
Next.js stateless session utility using signed and encrypted cookies to store data
Next PurgeCSS
Easily integrate , which helps you remove unused CSS from your bundle
Next PWA
Zero config PWA plugin for Next.js with workbox
flow-middleware
Run any of Express middlewares on Next.js without polluting native objects
next-connect
The Express/Connect-compatible router and middleware layer for Next.js
next-img
a plugin for embedding optimized images with ease
next-auth
Easy authentication for Next.js and Serverless
next-deploy
🚀 Effortless deployment to AWS and GitHub Pages
next-joi
Validate Next.js API Routes, with
next-transpile-modules
Next.js plugin to transpile code from node_modules. Useful for monorepos
Destack for Next.js
Next.js extension to visually build landing pages locally
UseSIWE
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
– Easily add Google Tag Manager to Next 13 and up
next-api-decorators
Decorators to create typed Next.js API routes, with easy request validation and transformation
Apps
CourseLit
An open source alternative to Thinkific, Teachable etc
Feednext
An open source social media application
NextJS GOT
Simple Next.js application that showcases Game of Thrones Characters
Relate
Mindfulness community - React, GraphQL, Next.js
Password
One password, right way
Next Todos
Todo list written in Next.js
Hacker News
Another Hacker News written in Next.js
Jet Chat
Jet and Next.js powered Chat demo
Nextgram
Sample Next.js v2 app for showing off its capabilities
Rauchg Blog
Blog built by a Next.js core maintainer
Next JPH
JsonPlaceholder sample app made with Next.js
Mailto
HTML mailto's made easy
Plate
The task management app to rule them all
Dashboard
Create your own team dashboard with custom widgets
Snape
A torrent client to search, stream and download torrents
Trello Resume
Converts trello data into fast read information
Server Authentication with JWT
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
Gank
A Next.js App use gank-api, mobx and antd
- 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
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
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
Twitter clone built with Next.js + T3 Stack + NextAuth + Supabase + Prisma
Taxonomy
An example app built using Next.js 13 server components
shadcn/ui
Beautifully designed components that you can copy and paste into your apps
StorageBox
A Simple File Storage Service Built with Go and 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
Videos
- 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
Projects(Beginner level)
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
Nothing in this list matches your filter.
Featured in 3 awesome lists
Each link jumps to the spot where the list mentions awesome-nextjs.