awesome-nextjs
github.com/unicodeveloper/awesome-nextjs ↗: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)
Use this list with your AI agent
Add the Context Awesome MCP server to Claude, Cursor, or any MCP client, then ask:
"Show me articles resources from awesome-nextjs"
Installation instructions →What's inside
Articles
- 5 (of the Many Reasons) to love Vercel's Next.js
- Accept payments on your site with nextjs, stripe, and micro
- Adding code snippets to Next.js using react-syntax-highlighter
- A Guide to Performance Optimization with Next.js
- Build a chat app with sentiment analysis using Next.js
- Build a realtime table with Next.js
Boilerplates
- A11y Starter Kit
Accessibility-first Next.js starter kit with best practices for building inclusive web apps. Demo:
- csprance/next-smrt
A minimal boilerplate with redux, styled-components, material-ui and typescript with a custom express server.
- 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.
- Hydrogen
Hydrogen is a Nextjs blog starter template build with tailwindCss and MDX supports. It has all necessary MDX shortcodes out of the box.
- Kaiforge Lite
Free and open-source Next.js admin dashboard template with Tailwind CSS, dark mode, and multiple color themes.
- Kaminari Template
Power packed Next.js and Tailwind CSS template. Built with developer experience in mind. Contains Husky, CommitLint, Prettier, Eslint etc. configs. ✨
Apps
- Alexander Kachkaev’s website
- API Status Check
Real-time status monitoring dashboard tracking 2,500+ APIs and cloud services. Built with Next.js and deployed on Vercel.
- caseconverter.pro
A text case converter.
- Cookie handler with server render
Cookie handler with server render, access the cookie before render.
- CourseLit
An open source alternative to Thinkific, Teachable etc.
- Dashboard
Create your own team dashboard with custom widgets.
Essentials
Videos
- BPJS: Special - Introduction to Next.js
Introduction to Next.js
- Create your first ReactJS application with NextJS [Spanish]
- Data Management With Next.js and GraphQL
- Full-stack food ordering app with Hasura, Next.js, and Vercel
- Guillermo Rauch - Next.js by Example
Next.js by Example
- Guillermo Rauch - Next.js: Universal React Made Easy and Simple
Next.js: Universal React Made Easy and Simple
Projects(Beginner level)
- Build and Deploy a Modern Next 13 Website With Framer Motion & Tailwind CSS
- Build and Deploy: TWITTER clone with React, Tailwind, Next, Prisma, Mongo, NextAuth & Vercel (2023)
- Full Stack Airbnb Clone with Next.js 13 App Router: React, Tailwind, Prisma, MongoDB, NextAuth 2023
- Full Stack E-Commerce + Dashboard & CMS: Next.js 13 App Router, React, Tailwind, Prisma, MySQL, 2023
- Full Stack Netflix Clone in React, Tailwind CSS, Next.JS, Prisma, MongoDB, NextAuth & Vercel (2023)
- Full Stack Spotify Clone: Next 13.4, React, Stripe, Supabase, PostgreSQL, Tailwind (2023)
Extensions
- CopilotKit
React UI + elegant infrastructure for AI Copilots, AI chatbots, and in-app AI agents in your Next.js apps.
- Destack for Next.js
Next.js extension to visually build landing pages locally.
- @farming-labs/docs
A modern documentation framework that works. One config file, zero boilerplate.
- flow-middleware
Run any of Express middlewares on Next.js without polluting native objects.
- Frontman
An open-source AI coding agent that lives in your browser, enabling visual element selection and plain-English code edits with hot reload.
- modal-layout-component
Lightweight and accessible headless modal layout for Next.js with focus trapping.
Books
- 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.
- 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
- Real World Next.js
Build scalable, high-performance, and modern web applications using Next.js, the React framework for production
- Serverless Web Applications with React and Next.js
Use Next.js serverless features to access databases and authenticate users in your React applications
- The Next.js Handbook
Build a frontend React application that transparently handles server-side rendering for you.
Showing a sample of 217 resources. View the full list on GitHub →