awesome-nextjs README

Awesome Next.js

Curated list of resources: books, videos, articles about using Next.js.

Next.js: The React Framework.

List inspired by the awesome list thing. You might also like awesome-tdd.

Awesome Next.js
- Contents
- Community
- Essentials
- Articles
- Boilerplates
- Extensions
- Apps
- Books
- Videos
- Projects(Beginner level)
- Newsletters
- Jobs
- Contributing
- License

Community

Essentials

Articles

Boilerplates

Kaiforge Lite - Free admin dashboard template with Next.js 14, Tailwind CSS, TypeScript, dark/light mode, and 5 ready-to-use pages. MIT licensed. Demo
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, 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 - Next.js static blog powered by the Cosmic Headless CMS
NextJS Headless CMS Powered Blog Starter
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 production-grade boilerplate 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 support for B2B multi-tenants web apps (monorepo)
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 and minimal boilerplate to rapidly get staarted with app with working user accounts based on Ooth.
NextJS TypeScript Starter Kit - :tada: 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 sass (.scss) and postcssbuilt 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 - :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 - 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
Kaiforge Lite - Free and open-source Next.js admin dashboard template with Tailwind CSS, dark mode, and multiple color themes.
A11y Starter Kit - Accessibility-first Next.js starter kit with best practices for building inclusive web apps. Demo: https://a11y-starter-kit.vercel.app/

Extensions

Next universal language detector - Language detector that works universally (browser + server) - Meant to be used with a universal framework, such as Next.js DEMO
Next Routes - Universal named routes for Next.js.
Next-Pkg - Extended Next.js server with pkg 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 Purgecss, 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 joi.
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 Variable

11.1K ·GitHub

Awesome-nextjs

What is this?

A curated list of resources for Next.js, the React framework for building server-rendered and static web applications: articles, boilerplates, extensions, books, videos, and example projects.

Is this a tutorial or just a list of links?

It is an awesome-list: a single README organized into categorized link collections (articles, boilerplates, extensions, apps, books, videos, newsletters, jobs), not a tutorial or codebase itself.

How is the list organized and where should I start?

Content is grouped under sections like Community, Essentials, Articles, Boilerplates, Extensions, Apps, Books, Videos, Projects (Beginner level), Newsletters, and Jobs; a newcomer should start with the Essentials section (official blog, Learn, Vercel TV) before diving into Boilerplates or Extensions.

Are the listed resources vetted or could some be outdated?

Entries are community-contributed and span many Next.js versions (from Next 5 through Next.js Enterprise), so some articles and boilerplates reference older APIs and may be outdated; it relies on contributors to keep it current rather than automated checks.

What kind of boilerplates does the list include?

Dozens of starter templates covering combinations of TypeScript, Redux, GraphQL, Tailwind CSS, Firebase, PostgreSQL, Electron (via Nextron), and more, ranging from minimal starters to enterprise-grade production boilerplates.

Does the list cover plugins for things like SEO and PWA?

Yes, the Extensions section lists plugins for SEO (next-seo, next-sitemap), PWA support (next-pwa), authentication (next-auth, next-iron-session), internationalization (next-i18next), and more.

Is there beginner-friendly material?

Yes, there is a dedicated 'Projects (Beginner level)' section alongside Essentials resources like the official Next.js Learn tutorial.

What are similar projects?

awesome-redux, awesome-react-hooks, awesome-vite, Project-Ideas-And-Resources, gold-miner, react-native-guide, weekly, awesome-shadcn-ui

Which topics is it in?

isomorphic, universal, server-side-rendering, routing, tutorials, boilerplate, reactjs, nextjs, awesome, learning-resources, awesome-list, list

Creator: unicodeveloper
Size: 0.3 MB
Stars: 11.1K
Updated: CommitOct 15
Age: 9y
Commits · 90 Days