Awesome Open Source
Awesome Open Source

Awesome Next.js Awesome

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.

Contents

Community

Essentials

Articles

Boilerplates

  • 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 - πŸŽ‰ 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 - πŸš€ 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.

Extensions

Apps

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.

Videos

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.

Contributing

Found an awesome package, article, blog, video etc.? Send me a pull request! Just follow the guidelines. Thank you!


Check out my blog or say hi on Twitter.

License

CC0


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Javascript (1,542,075)Β 
Reactjs (71,016)Β 
Tutorial (7,016)Β 
Framework (6,711)Β 
Nextjs (5,814)Β 
Awesome List (3,428)Β 
Routing (1,039)Β 
Server Side Rendering (819)Β 
Universal (503)Β 
Isomorphic (446)Β 
Related Projects
Advertising πŸ“¦Β 9
All Projects
Application Programming Interfaces πŸ“¦Β 120
Applications πŸ“¦Β 181
Artificial Intelligence πŸ“¦Β 72
Blockchain πŸ“¦Β 70
Build Tools πŸ“¦Β 111
Cloud Computing πŸ“¦Β 79
Code Quality πŸ“¦Β 28
Collaboration πŸ“¦Β 30
Command Line Interface πŸ“¦Β 48
Community πŸ“¦Β 81
Companies πŸ“¦Β 60
Compilers πŸ“¦Β 60
Computer Science πŸ“¦Β 74
Configuration Management πŸ“¦Β 39
Content Management πŸ“¦Β 167
Control Flow πŸ“¦Β 197
Data Formats πŸ“¦Β 77
Data Processing πŸ“¦Β 266
Data Storage πŸ“¦Β 132
Economics πŸ“¦Β 60
Frameworks πŸ“¦Β 198
Games πŸ“¦Β 122
Graphics πŸ“¦Β 103
Hardware πŸ“¦Β 148
Integrated Development Environments πŸ“¦Β 47
Learning Resources πŸ“¦Β 147
Legal πŸ“¦Β 28
Libraries πŸ“¦Β 119
Lists Of Projects πŸ“¦Β 21
Machine Learning πŸ“¦Β 336
Mapping πŸ“¦Β 61
Marketing πŸ“¦Β 15
Mathematics πŸ“¦Β 55
Media πŸ“¦Β 228
Messaging πŸ“¦Β 97
Networking πŸ“¦Β 304
Operating Systems πŸ“¦Β 84
Operations πŸ“¦Β 120
Package Managers πŸ“¦Β 52
Programming Languages πŸ“¦Β 229
Runtime Environments πŸ“¦Β 96
Science πŸ“¦Β 42
Security πŸ“¦Β 375
Social Media πŸ“¦Β 26
Software Architecture πŸ“¦Β 70
Software Development πŸ“¦Β 68
Software Performance πŸ“¦Β 57
Software Quality πŸ“¦Β 127
Text Editors πŸ“¦Β 45
Text Processing πŸ“¦Β 131
User Interface πŸ“¦Β 310
User Interface Components πŸ“¦Β 465
Version Control πŸ“¦Β 29
Virtualization πŸ“¦Β 68
Web Browsers πŸ“¦Β 38
Web Servers πŸ“¦Β 25
Web User Interface πŸ“¦Β 194