A curated list of awesome resources : books, videos, articles about using Next.js (A minimalistic framework for universal server-rendered React applications).
Next.js: The React Framework.
List inspired by the awesome list thing. You might also like awesome-tdd.
Contents
- Instant Site Updates with On-Demand Revalidation and Directus
- Dynamic CMS-driven Redirects with Next.js
- Implementing RBAC Authorization in Next.js - Step-by-Step Guide
- 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
- Top Next.js Admin & Dashboard Templates
- Next.js Cheatsheet
- A Guide to Performance Optimization with Next.js
- 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 - 🎉 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)andpostcssbuilt 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
- 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 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.
- Vercel AI SDK - The AI Toolkit for TypeScript. Build AI-powered applications with React, Next.js, Vue, Svelte, and Node.js.
- CopilotKit - React UI + elegant infrastructure for AI Copilots, AI chatbots, and in-app AI agents in your Next.js apps.
- ShotOG - Dynamic OG image generation API for Next.js apps, powered by Cloudflare Workers.
- 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.
- Cookie handler with server render - Cookie handler with server render, access the cookie before render.
- Gank - A Next.js App use gank-api, mobx and antd
- Decoupled CMS example with GraphQL and Next.js
- 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 github repo, 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.
- Taskade - AI-powered workspace for teams with real-time collaboration, AI agents, project management, and workflow automation.
- 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
- 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?
- 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
- 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.
Check out my blog
from https://github.com/unicodeveloper/awesome-nextjs
( https://github.com/ymbrite/awesome-nextjs)
----------------------------------------------------------
A curated list of awesome Nextjs-based libraries that help build small and large-scale applications with next.js.
A carefully selected list of the best resources available for the Next.js community.
Next.js is an open-source framework for building high-quality small and large-scale web applications using Reactjs with modern tools and technology. To stay updated, follow the GitHub Repository and give our repository a star. This will help others discover it, encourage more developers to contribute, and build a solid list. Also, we encourage you to share our repository on your social media platforms, like X (previously known as Twitter).
- Officially for Next.js
- Tools
- SEO
- AI
- Newsletters
- Deploy
- Documentation
- Next.js blog template
- Next.js boilerplate
- Headless CMS
- Database
- Authentication and User Management
- React Form
- Form Builder
- Bundler
- Cache Handler
- State Management
- Analytics
- React UI Library
- Shadcn UI
- Animation
- Icons Library
- Static Search library
- Ready-Made Reactjs Hooks
- Tailwind CSS
- Development Tool
- Error Handling
- VS Code Extensions
- Chrome Extension
- Utility (Others)
You can also check out awesome documentation if you are looking for a list of documentation tools.
Read our guidelines before sharing your favourite library, tool, or template on the awesome Next.js repository.
Share on Social Media
Sponsorship
- Turborepo - High-performance build system for JavaScript and TypeScript codebases.
- Turbopack - Incremental bundler optimized for JavaScript and TypeScript, written in Rust.
- Swr - React Hooks for Data Fetching.
- Satori - Enlightened library to convert HTML and CSS to SVG.
- React tweet - Embed tweets in your React application.
- Next auth - Authorization library tailored for Next.js apps.
- Next PWA - Adds Progressive Web App capabilities to Next.js projects.
- Next.js progress bar - Displays a loading indicator for Next.js route changes.
- Next themes - You can enable the dark-to-light theme toggle with next-themes in your Next.js app.
- Next video - The next video is a React component for adding video to your Next.js application.
- Next MDX - To use MDX with Next.js.
- Tempeh - Declarative routing library for Next.js with typesafe url params. Provides plugin replacement for existing Link tag in Next.js app dir.
- Color core - The color core package is a powerful, type-safe color manipulation library for TypeScript and JavaScript applications.
- Geist Font - Typeface crafted specifically for developers and designers.
- NextStepjs - A lightweight onboarding flow library for Next.js applications. Provides a simple way to create product tours.
- Stepperize - The Stepperize library enables you to create step-by-step workflows in your applications.
- Sidemail - Email API + Node.js SDK for transactional email sending and management.
- Next SEO - Plugin that helps manage SEO in Next.js.
- Next sitemap - The next sitemap library helps you create a sitemap file in your Next.js application.
- Generate Metadata - AI-powered metadata SDK/headless CMS for Next.js. Auto-generates SEO titles, descriptions, and OpenGraph/Twitter tags from your content.
- V0 - Generates copy-and-paste friendly React code based on shadcn UI and Tailwind CSS that people can use in their projects.
- Creatr - AI-driven design tool that transforms your ideas into captivating designs.
- Lovable - AI tool that assists you in building front-end applications.
- HeroUI Chat - Hero UI chat is an AI tool that easily transforms your ideas into beautiful apps.
- Bolt.new - AI tool that prompts, runs, edits, and deploys full-stack web and mobile apps.
- Next.js Weekly - The Next.js weekly is the best newsletter, sharing articles, tools, and projects related to Next.js.
- This Week In React - Newsletter sharing the latest news related to the React ecosystem.
- React Digest - A carefully curated weekly newsletter for React developers.
- JavaScript Weekly - The JavaScript Weekly newsletter shares articles, news, and exciting projects related to JavaScript.
- React Status - A weekly roundup of the latest articles and tutorials on React and React Native.
- Next.js Newsletter - A newsletter sharing news, articles, tools, templates, projects, and resources about React.js and Next.js.
- Vercel - Official cloud platform for Next.js.
- Netlify - Platform to build, deploy, and host your front-end applications.
- Kinsta - Create and deploy web applications and databases in minutes.
- Nextra - Simple, powerful, and flexible site generation framework to build blogs and documents with Next.js and MDX.
- Markdoc - Powerful, flexible, Markdown-based authoring framework.
- Outstatic - Static site CMS built with Next.js that works with both page and app routers.
- Content layer - The content layer works with Next.js and markdown and helps build the blog application.
- Fumadocs - The Fumadocs is a powerful framework for building documentation sites in Next.js using the power of Next.js App Router and React Component.
- MDXTS - The MDXTS is a content & documentation SDK for React and Next.js. It helps to build a documentation website quickly and efficiently.
- Mintlify - Next.js-based platform for documentation sites. Beautiful out of the box, easy to maintain, and built to convert users.
- Docusaurus - A tool that enables teams and individuals to easily publish documentation websites.
- Section blog theme - The section blog theme is nextra-based MDX theme.
- Blog Starter Kit - A statically generated blog example using Next.js and Markdown.
- Portfolio Starter Kit - Easily create a portfolio blog with Next.js and Markdown.
- Nextify - Pre-built template for building documentation sites with blogs using Next.js and Fumadocs.
- Minimalist - Blog template built with Next.js and Tailwind CSS.
- Open Blog - Blogging template built with Next.js, Tailwind CSS and markdown.
- Blogify - Open-source Next.js blog template designed with Tailwind CSS.
- Next.js Enterprise Boilerplate - Open-source template for building high-performance, maintainable, and enjoyable applications.
- Create t3-app - Build the full-stack application with TypeScript, Prisma, tRPC, NextAuth, Tailwind CSS, and Next.js app.
- Next.js Boilerplate - Start new projects with support for App Router and Page Router, Tailwind CSS and TypeScript, and more.
- Superplate - Well-structured, production-ready starter with TypeScript, popular UI kits, and 30+ plugins.
- Next.js + Tailwind CSS + TypeScript Starter and Boilerplate - Combination of Next.js, Tailwind CSS, and TypeScript.
- Kirimase - Command-line tool (CLI) for building full-stack Next.js projects.
- Blitzjs - Fullstack Toolkit for Next.js.
- Next Forge - A ready-to-use, production-grade Turborepo template for Next.js applications.
- TurboStarter - Web (Next.js), mobile (Expo) and browser extension (WXT) starter kit.
- Next.js Web3 Template - Next.js TypeScript template with wallet integration + token gated pages.
- Tina CMS - Open-source, Git-backed headless CMS for Next.js that works with Markdown, MDX, and JSON.
- WordPress - Open-source CMS ready for production; the built-in REST API can power any website.
- Strapi - Powerful open-source Node.js-based CMS suitable for small to large-scale websites.
- Ghost CMS - Popular open-source CMS for creating blogs, offering a simple, user-friendly API.
- Netlify CMS - Decap CMS(Netlify CMS) work with all type of static site generators. It permits users to edit, update, and delete content on any site built with a static generator. You can use Decap CMS without any technical knowledge.
- Forestry - Headless CMS that is easy to customize, configure, and integrate with all types of static site generators.
- Craft CMS - Flexible, user-friendly CMS for creating the web.
- Payload CMS - Build a modern backend admin UI with payload CMS. No black magic, all TypeScript, and fully open-source, Payload is both an app framework and a headless CMS.
- Pages CMS - A user-friendly and no-hassle CMS for static site generators.
- Sitepins - A content management system (CMS) for static site generators makes it easier to manage websites built with tools like Astro, Next.js, and Hugo.
- Alinea CMS - Git-based, open-source headless CMS for Next.js that keeps content fully typed in your repository.
- OneEntry - Headless CMS + e-commerce backend with a JavaScript SDK for building Next.js apps (products, pages, orders, users, attributes).
- Supabase - Open-source Firebase alternative.
- PlanetScale - MySQL platform built for scale.
- MongoDB - Document database that helps build small and large platforms.
- Nhost - Open-source backend and development platform for building and scaling web and mobile apps.
- Clerk - Complete suite of embeddable UIs, flexible APIs, and admin dashboards to authenticate and manage users.
- Corbado - Adds passkeys to your Next.js website or app in a few lines of code.
- Mojo Auth - Secure and delightful passwordless login solution.
- Auth kit - MojoAuth offers a passwordless authentication solution for any web and mobile applications.
- Kinde - Simple, robust authentication built for developers.
- Stytch - Enterprise-ready authentication and authorization platform.
- Auth0 - Built the secure access for everyone with Auth0.
- Logto - Open-source Auth0 alternative designed for modern apps and SaaS products.
- ORY - The Ory is an API-first identity management solution for secure, global, and GDPR-compliant applications.
- Zitadel - Identity management simplified for developers; serverless and open source, ready when you are.
- SuperTokens - Open-source user authentication solution that lets you move quickly while maintaining control at a reasonable price.
- Okta - Okta's Identity Clouds provide secure access and authentication, placing identity at the core of business security and growth.
- PropelAuth - End-to-end managed user authentication specializing in B2B use cases.
- Better Auth - Framework-agnostic authentication and authorization framework for TypeScript.
- Permit.io - Authorization as a service solution for RBAC, ABAC, and ReBAC implementation.
- Stack Auth - Open-source suite of tools for authentication and user management that you can implement in minutes.
- Scalekit - Add enterprise SSO (SAML, OIDC) and SCIM to your Next.js app without replacing your existing auth setup. Works with Firebase, Auth0, Cognito without rewrites.
- FusionAuth - Modern, self-hosted Customer Identity and Access Management (CIAM) solution with a hybrid, single-tenant deployment, allowing you to develop and test anywhere.
- React Hook Form - The React Hook Form is a performant, flexible, and extensible library used for building forms.
- Conform - Type-safe form validation library with full support for server frameworks like Remix and Next.js.
- Formiz - Build a React multi-step and complex validation form very easily with Formiz.
- TanStack Form - Tan Stack Form is the ultimate solution for handling forms in web applications.
- Minform - Collect form data effortlessly without writing code, and it's free.
- Form Builder - Create your forms quickly using Shadcn UI, react-hook-form, and Zod in just minutes.
- Autoform - The Autoform library automatically generates forms based on your existing Zod schema.
- Formcn - Build a ready-to-use multi-step form with Shadcn, featuring validation and accessible, well-designed components.
- esbuild - Open-source JavaScript bundler and minifier that is extremely fast and lightweight.
- Rollupjs - The rollup.js is an open-source JavaScript bundler.
- Tsup - The tsup is the simplest and fastest way to bundle your TypeScript project with no configuration need.
Next.js Turbo Redis Cache - Redis cache handler solution for Next.js App Router. Built for production-ready, large-scale projects with batch tag invalidation, request deduplication, in-memory caching, and efficient tag management.
- Zustand - Fast and scalable state management tool built by developers for React.js.
- Redux - Open-source JavaScript library for state management, commonly used with React or Angular to build user interfaces.
- Recoil - State management library for React built by Meta.
- Jotai - Primitive and flexible state management library for React.
- React context - React.createContext() is a React API allowing you to pass or share between React components.
- NUQS - Type-safe search params state manager for Next.js.
- State-in-url - Share any complex state between unrelated components, sync it to the URL, TS friendly.
- useS - The useS is a modern React hook for efficient local and global state management, offering clean, immutable, and scalable logic with no boilerplate.
- Next.js Google Analytics - Add Google Analytics to your Next.js app.
- Tail Spark - Lightning-fast, beautifully designed Tailwind CSS component set with 300+ copy-and-paste components ready for production.
- Radix UI - An open-source component library optimized for fast development, easy maintenance, and accessibility.
- Shadcn UI - Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
- MUI - Material UI provides a simple, customizable, accessible library of React components.
- Primer React - Component library built with Primer CSS and React by GitHub.
- React bootstrap - React implementation of Bootstrap components.
- Ant Design - High-quality React component library that helps designers and developers build products.
- Chakra UI - With the help of Chakra UI, you can quickly design a simple to complex site. It gives you the building blocks to build your React applications.
- Kuma UI - Empower Your Web with Ultimate Performance and Flexibility.
- Aceternity UI - Beautiful Tailwind CSS and Framer Motion Components, built with Next.js and TypeScript.
- Preline - Open-source prebuilt UI component library based on Tailwind CSS.
- Franken UI - HTML collection of copy-pastable components based on Tailwind CSS and an alternative to shadcn ui.
- Tailus UI - Highly customizable components library for crafting modern, personalized websites and applications using React.
- Tamagui - Build cross-platform applications with React and React Native: write less code and run faster.
- Gluestack UI - Includes copy-paste React and React Native components and patterns designed with Tailwind CSS.
- Tailkits - The Best Premium & Free Tailwind CSS Templates, UI Kits, and Components to Build Modern Websites.
- DotUI - Get everything you need to build your React app with accessible, mobile-friendly, and modern UI components.
- Magic UI - Library for engineers offering 50+ free and open-source animated components built with React, TypeScript, Tailwind CSS, and Framer Motion.
- Eldora UI - Open-source collection of animated components made with React, TypeScript, Tailwind CSS, and Framer Motion; fully customizable.
- Lang UI - Beautifully crafted Tailwind components for your GPT projects.
- Draft UI - Collection of simply designed React components focused on making web accessibility as easy as copy and paste.
- Origin UI - Comprehensive collection of copy-and-paste components designed for quickly building user interfaces for applications.
- Kokonut UI - Modern collection of interactive and customizable UI components that pairs well with Shadcn UI.
- FarmUI - Free, open-source library of responsive UI components and website templates with modern design.
- Justd - Open-source React component UI library built on React Aria Components and Tailwind CSS; easy to customize and drop into projects.
- Reshaped - UI library with more than 45 components focusing on accessibility, component composition, and developer experience.
- 9UI - Collection of beautiful, customizable components built with Base UI and Tailwind CSS.
- Hero UI - Beautiful, fast and modern React UI library for building accessible and customizable web applications.
- Page UI - Set of landing page components and templates ready to copy and paste into your codebase—made for React and built on top of Tailwind CSS.
- Kibo UI - Customised registry of composable, accessible, and open-source components crafted for use with shadcn ui.
- Fancy Components - The Fancy Components is a collection of fun and quirky, ready-to-use components and microinteractions, and it's free and open source.
- Liftkit - The LiftKit UI is a framework designed for perfectionists.
- ui.jln.dev - It has over 1000 VS Code themes added as shadcn/ui Themes.
- Shadcn/UI theme generator - A Simple theme generator for shadcn/ui that provides greater control over color variables.
- Zippy Starter - Shadcn UI theme generator allows you to easily create custom themes from a single color, which you can then copy and paste into your applications.
- Shadcn/UI theme generator - Easily create and customize beautiful themes using shadcn/ui.
- UI Colorful - Shadcn UI and Tailwind CSS color theme generator.
- Components.work - Next JS Components built with Tailwind, TypeScript, brijr/craft, shadcn/ui, and more.
- Popply Library - Explore an animation, use it as you like, and enhance your tooltip with over 50+ available animation effects.
- MotifyX - Enhance your designs with our curated selection of contemporary background patterns. Preview, customize, and apply with just a few clicks.
- React icons - Use the popular SVG icons in your React projects easily with react-icons.
- MUI Icons - Material icons are ready to use with React, officially designed and maintained by the MUI team.
- Icon Buddy - Download, customize, edit, and personalize from over 180k open-source icons.
- Flowbite Icon - Flowbite Icons is a 487+ free and open-source SVG icon library. it is compatible with Flowbite and Tailwind CSS based on solid and outline styles with React (JSX) and Figma support.
- Hero Icons - Beautiful hand-crafted SVG icons by the makers of Tailwind CSS.
- Lucide - Beautiful & consistent icons Made by the community.
- Eva Icons - Pack of over 480 beautifully crafted open-source icons for common use.
- Icon Monstr - Free, monstrously big, and continuously growing icon library.
- Icon SVG - ICONSVG is a tool to simplify finding and generating common icons for your project.
- Iconoir - Open-source library with 1300+ unique SVG icons, designed on a 24x24 pixels grid. No premium icons, no email sign-up, no newsletters.
- Icons download - The icons download library is free universal open-source icons with 16 styles.
- Simple Icons - Open-source SVG icons library that provides popular brand icons.
- Monicon - Universal icon library with over 200,000 icons including popular sets like Material Design, Feather, and Font Awesome.
- Feather - Collection of beautifully simple open-source icons.
- Hugeicons - Beautiful icons for designers and developers.
- Svgl - The svgl library is a beautiful library with various SVG logos.
- Phosphor Icons - Versatile icon family designed for everyone.
- Obra Icons - The Obra icons are a simple, consistent set of icons, perfect for user interfaces.
- Shadcn Icons - React Icons for shadcn/ui.
- Remix Icon - Remix Icon is an open-source library of high-quality, neutral-style system symbols designed specifically for designers and developers.
- Fusejs - Popular, powerful, lightweight search library for creating search functionality for sites.
- Flex Search - Next-Generation full-text search library for Browser and Node.js.
- Orama - Powerful full-text search engine that works both on client and server.
- Algolia - Enable search infrastructure with real-time results for websites and mobile applications.
- Meilisearch - The Meilisearch is a lightning-fast search API that seamlessly integrates with any framework, website, and workflow.
- usehooks ts - React hook library, ready to use, written in TypeScript.
- Mantine Hooks - Inbuilt, ready-made React hooks for handling state and UI management.
- usehooks - A collection of built-in modern, server-side React hooks.
- React Custom Hooks - Supercharge Your Projects with ready-made custom hooks.
- React use - Collection of essential reactjs hooks used for any project.
- Hookcn - A collection of reusable React hooks that you can easily copy and paste into your applications or add directly via the shadcn CLI.
- Ahooks - Comprehensive, high-quality React Hooks library with a vast collection of reusable hooks aimed at simplifying and enhancing React development.
- Shadcn Hooks - A comprehensive React Hooks Collection built with Shadcn.
- Flowbite - Popular library built with Tailwind CSS that provides inbuilt components for developers.
- Material Tailwind - Ready-made components to design pure HTML and React website layouts using material-inspired Tailwind components.
- Meraki UI - Collection of 144+ custom UI components built with Tailwind CSS and Alpine JS.
- Sailboat UI - Collection of 150+ Tailwind CSS components built with Tailwind CSS and Alpine.js.
- Kometa - Offers 130 inbuilt Tailwind CSS-based components, and it is free.
- Headless UI - Tailwind CSS-based component library built for React developers.
- Daisy UI - Open-source UI library based on Tailwind CSS.
- Hyper UI - Free, open-source Tailwind CSS component bundle with modern design.
- Flowrift - Free, open-source Tailwind CSS component library providing category-based components for websites.
- Tailwind UI kit - Extensive list of inbuilt components; free plan offers 250 components, paid plan unlocks all templates.
- Tailwind kit - Access to over 250 free Tailwind CSS-based components.
- Wickedblocks - Free set of 120 fully responsive Tailwind CSS components ready to copy and paste into projects.
- Tailus - UI components and templates built on Tailwind CSS offering a rich and modern experience.
- Tailgrids - Variety of 500+ components, blocks, sections, and templates built on Tailwind CSS.
- Kutty - Reusable Tailwind CSS components with Alpine.js-powered interactions.
- Windmill UI - Free React UI component library designed with Tailwind CSS.
- Myna UI - Open-source Tailwind CSS-based component library with a smaller curated set of components.
- Tailwind Starter Kit - Free and open-source kit based on Tailwind CSS.
- Tailblocks - Small Tailwind CSS library providing 60+ inbuilt components.
- Tailsc - Free Tailwind CSS components for stylish, accessible website blocks that you can copy and paste into any Tailwind project.
- Tailwind toolbox - Directory of community Tailwind CSS projects that you can copy and paste into your own.
- Pagedone - Open-source Tailwind library and Figma UI kit featuring 1,000 Tailwind blocks and ready-to-use elements.
- FlyonUI - Easy-to-use, free, open-source Tailwind CSS component library with semantic classes.
- TypeScript - Typed superset of JavaScript that helps write production-ready code.
- @next/eslint-plugin-next - Next/eslint-plugin help to resolve the error.
- @next/bundle-analyzer - Analyzer your Next.js bundle size using a Webpack bundle analyzer.
- Heroshot - Screenshot automation CLI for documentation. Define screenshots once in config, regenerate all with one command using Playwright. Includes a Next.js integration.
- React Error Boundary - The React error boundary package is a reusable React error boundary component. You can wrap your application with an Error Boundary component around other React components to catch errors and render a fallback UI.
- Use error boundary - The use-error-boundary is a React hook, it is built to handle error boundaries in your React functional components.
- Next.Nav - Using the VS Code extension, navigate and create routes easily in your Next.js application.
- Next.js snippets - Ready-made snippets for Next.js.
- Front Matter CMS - VS Code extension that provides power, flexibility, and control to work with Markdown.
- React and Next.js Snippets - A VSCode extension packed with the latest React and Next.js snippets.
- Gimli - Chrome extension offering a visual tool for front-end developers to build with Tailwind CSS.
- Next.js Utilities Extension - Chrome extension that shows the size of Next.js static data without requiring additional setup.
- GitHub Web IDE - Open Any GitHub repositories in online web (cloud) IDE like VS Code, GitHub Dev, Code Sandbox, Repl.it, Gitpod, etc.
- Next Network - Devtools extension that allows to monitor server-side requests being sent by the local Next.js application.
- Demo posts for markdown - Demo markdown posts are used to design your new blog base template. You do not write markdown demo posts. You can use demo markdown posts with any static site generator which supports markdown. for example, Next.js, GatsBy, Lume, Fresh, etc. Demo markdown posts are written with Lorem Ipsum. I can use bold, italic, code block, inline code, links, images, and quotes in markdown posts.
- Jam Stack - A list of resources related to CMS and site generators across the programming world.
from https://github.com/officialrajdeepsingh/awesome-nextjs
( https://github.com/ymbrite/awesome-nextjs-2)
No comments:
Post a Comment