28 Next.js Free Open Source Boilerplate, Dashboards, Templates, and Starters

28 Next.js Free Open Source Boilerplate, Dashboards, Templates, and Starters
Photo by Christopher Burns / Unsplash

Next.js is an open-source web framework for React. It offers an easy workflow to build reactive scalable enterprise-grade apps.  

Next.js can also be used to to build desktop apps with Electron and Tauri (Rust), as well as mobile apps with Electron.

Because Next.js has a vast wide community of developers, it has no shortage of starter, templates, and boilerplate to speed up the production.

10 Reasons Why You Should Consider Next.js In your Next Project
Next.js is a React-based open-source framework used for building server-side rendered (SSR) web applications. Next.js provides an excellent developer experience, thanks to its developer-friendly features like automatic code splitting, hot module replacement, and easy deployment. Next.js is a breez…

In this article, we offer you a collection of Next.js starters projects which are free to use and open-source, to be used in your next project.

If you are looking for Next.js Dashboards, then this following article is for you:

21 Free Open-source React Dashboards and Control Panel Templates
React is an amazing framework for building scalable apps. It also has a growing supportive community of passionate developers all around the world. In terms of templates, and UI components, React does not have any shortage, thanks to its active community. As we reviewed the best Vue dashboard and…

This collection includes starters for eCommerce packages, dashboard control systems, social and community projects, content management systems, and enterprise landing pages.

1- Pankod

Pankod is a free open-source Next.js boilerplate for building scalable rich apps. Pankod focuses on performance, and it comes with Redux, TypeScript, Express.js, Sass support and CLI tools.

It also offers a Storybook support for building interactive UI components with React.

Pankod · Performance oriented Next.js application boilerplate with Redux, Typescript, Express.js, Sass and Project CLI.
Performance oriented Next.js application boilerplate with Redux, Typescript, Express.js, Sass and Project CLI.

2- Vercel eCommerce Starter

The all-in-one starter kit for high-performance e-commerce sites. With a few clicks, Next.js developers can clone, deploy and fully customize their own store. Start right now at nextjs.org/commerce.

  • Performant by default
  • SEO Ready
  • Internationalization
  • Responsive
  • UI Components
  • Theming
  • Standardized Data Hooks
  • Integrations - Integrate seamlessly with the most common ecommerce platforms.
  • Dark Mode Support
GitHub - vercel/commerce: Next.js Commerce
Next.js Commerce. Contribute to vercel/commerce development by creating an account on GitHub.

3- Next eCommerce

This project was made to show a full ecommerce platform made with Next.js and Next.js Serverless functions to build the backend, using Apollo Server and Apollo Client to GraphQL.

GitHub - RafaelGoulartB/next-ecommerce: :zap: Quantum Ecommerce. Made with Next.js | GraphQL | Apollo Server | Apollo Client | SSR
:zap: Quantum Ecommerce. Made with Next.js | GraphQL | Apollo Server | Apollo Client | SSR - GitHub - RafaelGoulartB/next-ecommerce: :zap: Quantum Ecommerce. Made with Next.js | GraphQL | Apollo Se…

4- Next eCommerce

This starter has a multipage rich tool set library to create a fully functional eCommerce system with Next.js.  It is written in TypeScript, and comes with full Redux, and SCSS support.

GitHub - lucaspulliese/next-ecommerce: A beautiful ecommerce made with Next.js
A beautiful ecommerce made with Next.js. Contribute to lucaspulliese/next-ecommerce development by creating an account on GitHub.

5-Next Shopify Starter (eCommerce)

This is a fully functional eCommerce store that uses Next.js + Tailwind CSS in the front end and leverages the Shopify Storefront API to interact with your Shopify backend.

It uses GraphQL to query our Shopify data and store the cart information in local Storage to persist the user session, and it uses Shopify for checkout.

GitHub - btahir/next-shopify-starter: Nextjs + Tailwind CSS + Shopify Starter
Nextjs + Tailwind CSS + Shopify Starter. Contribute to btahir/next-shopify-starter development by creating an account on GitHub.

6-Next e-Commerce

A beautiful open-source e-commerce website example built with Next.js that was made in 1 week as a self challenge.

GitHub - anilsenay/next-e-commerce: An e-commerce website example with NextJS that I made in 1 week as a self challenge. Using Firebase as backend.
An e-commerce website example with NextJS that I made in 1 week as a self challenge. Using Firebase as backend. - GitHub - anilsenay/next-e-commerce: An e-commerce website example with NextJS that…

7- Fullstack Next.js eCommerce Starter

If you are looking for something that supports authentication, checkout and more full-stack features, then try this one.

This one is a Next.js eCommerce template that made with NextAuth + Prisma, Docker + TypeScript + React Query + Stripe + Tailwind Sentry and much more.

You can easily configure PostgreSQL in the .env file, GitHub login, and NextAUTH settings.

GitHub - olafsulich/fullstack-nextjs-ecommerce: Fullstack Next.js E-Commerce made with NextAuth + Prisma, Docker + TypeScript + React Query + Stripe + Tailwind Sentry and much more 🛒
Fullstack Next.js E-Commerce made with NextAuth + Prisma, Docker + TypeScript + React Query + Stripe + Tailwind Sentry and much more 🛒 - GitHub - olafsulich/fullstack-nextjs-ecommerce: Fullstack Ne…

8- Boilerplate and Starter for Next JS

Boilerplate and Starter for Next.js 12+, Tailwind CSS 3 and TypeScript ⚡️ Made with developer experience first: Next.js + TypeScript + ESLint + Prettier + Husky + Lint-Staged + Jest + Testing Library + Cypress + Commitlint + VSCode + Netlify + PostCSS + Tailwind CSS (by ixartz)

Next-js-Boilerplate Alternatives and Reviews (Apr 2023)
Which is the best alternative to Next-js-Boilerplate? Based on common mentions it is: ✅Tailwind CSS, ✅TypeScript, ✅ESLint, ✅Prettier, ✅Next.js or ✅Ts-nextjs-tailwind-starter

9-  Next.js Landing Page Stater

Landing Page theme written in Next.js, Tailwind CSS and TypeScript ⚡️ Made with developer experience first: Next.js, TypeScript, ESLint, Prettier, Husky, Lint-Staged, VSCode, Netlify, PostCSS, Tailwind CSS.

GitHub - ixartz/Next-JS-Landing-Page-Starter-Template: 🚀 Free NextJS Landing Page Template written in Tailwind CSS 3 and TypeScript ⚡️ Made with developer experience first: Next.js 12 + TypeScript + ESLint + Prettier + Husky + Lint-Staged + VSCode + Netlify + PostCSS + Tailwind CSS
🚀 Free NextJS Landing Page Template written in Tailwind CSS 3 and TypeScript ⚡️ Made with developer experience first: Next.js 12 + TypeScript + ESLint + Prettier + Husky + Lint-Staged + VSCode + Ne…

10- Next.js + MongoDB (Ready for Production)

A Next.js and MongoDB web application template, designed with simplicity for learning and real-world applicability in mind.

It comes with a full API Routes, GraphQL support, Authentication and accounts manager, and profile templates.

GitHub - hoangvvo/nextjs-mongodb-app: A Next.js and MongoDB web application, designed with simplicity for learning and real-world applicability in mind.
A Next.js and MongoDB web application, designed with simplicity for learning and real-world applicability in mind. - GitHub - hoangvvo/nextjs-mongodb-app: A Next.js and MongoDB web application, des…

11- Next.js and MongoDB Example Template

This one is yet another sample of Next.js and MongoDB starter, yet it is not feature-rich like the previous one.

GitHub - kukicado/nextjs-with-mongodb
Contribute to kukicado/nextjs-with-mongodb development by creating an account on GitHub.

12- Next.js + MongoDB + Basic Crud Operation

nextjs-mongo-crud is a continuously developed app built with Next.JS and MongoDB. Most tutorials on the Internet are either half-baked or not production-ready. This project aims to fix that.

This project goes even further and attempts to integrate top features as seen in real-life apps.

GitHub - tejasrana95/nextjs-mongo-crud
Contribute to tejasrana95/nextjs-mongo-crud development by creating an account on GitHub.

13- Next.js Stater (Production-ready)

A starter project for Next.js with authentication - Contains React 17 + Typescript + Tailwind CSS 2 + React Query 3 + GitHub Auth + LinkedIn Auth + Password-less Auth + Fauna DB + ESLint + Prettier + Husky.

GitHub - pbteja1998/nextjs-starter: A starter project for next js with authentication - Contains React 17 + Typescript + Tailwind CSS 2 + React Query 3 + GitHub Auth + LinkedIn Auth + Password-less Auth + Fauna DB + ESLint + Prettier + Husky
A starter project for next js with authentication - Contains React 17 + Typescript + Tailwind CSS 2 + React Query 3 + GitHub Auth + LinkedIn Auth + Password-less Auth + Fauna DB + ESLint + Prettier…

14- Next.js + MySQL Starter

Next.JS CRUD using MySQL and TailwindCSS.

GitHub - FaztWeb/nextjs-mysql-crud
Contribute to FaztWeb/nextjs-mysql-crud development by creating an account on GitHub.

15- Login system with Express and MySQL

A simple email login system starter built using Next.js, Reactstrap, Node.js Express and MySQL.

GitHub - tejisav/nextjs-express-mysql-starter: A simple email login system starter built using Next.js, Reactstrap, Node.js Express and MySQL
A simple email login system starter built using Next.js, Reactstrap, Node.js Express and MySQL - GitHub - tejisav/nextjs-express-mysql-starter: A simple email login system starter built using Next.…

16- Next.js 9 + Material UI + MySQL Starter

This is a starter project for those who wish to use server-side-rendered React with the latest Next.js 9 API routes, the Material UI theme and MySQL. We are using Knex.js for query building, so you could also use MSSQL, PostgreSQL, SQLite3 or Oracle databases.

The goal of this project is not to be merely a 'demo' but to be fully working code that could be deployed with only a few tweaks. So for example, pages inside of login are protected using jsonWebTokens and API routes include CORS.

GitHub - adamlove01/nextjs-materialui-mysql-starter
Contribute to adamlove01/nextjs-materialui-mysql-starter development by creating an account on GitHub.

17- Next JS eCommerce Boilerplate

Full-featured open source Next.js eCommerce template. This boilerplate provides an easy starting point for building a Jamstack eCommerce storefront with Crystallize and Next.js.

Retail eCommerce Next.js
The furniture boilerplate is a fully-featured eCommerce boilerplate built using Next.js and Crystallize. The boilerplate was developed with performance, a good developer experience, and best practices in mind.

18- Next.js with PostgreSQL

This project is an example of React + Next.js + Postgres. It is tailored for those who are enthusiastic about building websites with 100% JavaScript. It is designed in a way that makes you want to change it and very easy to change.

GitHub - mihalskiy/next-postgres: This project is an example of React + NextJS + Postgres. It is tailored for those who are enthusiastic about building websites with 100% JavaScript. It is designed in a way that makes you want to change it and very easy to change.
This project is an example of React + NextJS + Postgres. It is tailored for those who are enthusiastic about building websites with 100% JavaScript. It is designed in a way that makes you want to c…

19-  Next.js for PostgreSQL (Outdated)

A minimal example web application using Next.js 12.0.7, Postgres 11, Google OAuth2 and other useful libraries.

GitHub - jimmylee/next-postgres: [OUTDATED] A minimal example web application using NextJS 12.0.7, Postgres 11, Google OAuth2 and other useful libraries.
[OUTDATED] A minimal example web application using NextJS 12.0.7, Postgres 11, Google OAuth2 and other useful libraries. - GitHub - jimmylee/next-postgres: [OUTDATED] A minimal example web applicat…

20- Next.js with Firebase

Next.js starter code for Implementing Firebase Auth + Firestore + Cloud Messaging.

GitHub - shreyas-jadhav/next-firebase-starter: Next.js starter code for Implementing Firebase Auth + Firestore + Cloud Messaging
Next.js starter code for Implementing Firebase Auth + Firestore + Cloud Messaging - GitHub - shreyas-jadhav/next-firebase-starter: Next.js starter code for Implementing Firebase Auth + Firestore +…

21- Modern React Portfolio Template

A beautiful touch-ready Modern React Portfolio Template.

GitHub - chetanverma16/react-portfolio-template: Modern React Portfolio Template (FREE)
Modern React Portfolio Template (FREE). Contribute to chetanverma16/react-portfolio-template development by creating an account on GitHub.

22- Next CMS Ghost Starter

Create and publish flaring fast blogs with next-cms-ghost. Powered by the React framework Next.js and content fed by headless Ghost, you'll get a production ready hybrid frontend that combines the best of static and server-rendered sites. Most importantly, your website can be easily distributed globally to be served from the edge. At the same time your content creators can continue to work with the Ghost authoring system they are used to.

GitHub - styxlab/next-cms-ghost: Publish flaring fast blogs with Next.js and Ghost CMS
Publish flaring fast blogs with Next.js and Ghost CMS - GitHub - styxlab/next-cms-ghost: Publish flaring fast blogs with Next.js and Ghost CMS

23- Next.js for Firebase

This is a sample Next.JS project with Firebase integration. It supports Firebase login, cloud Firestore, real-time database read and write, and file upload.

GitHub - bjcarlson42/nextjs-with-firebase: NextJS boiler-plate with Google’s Firebase integrated. Watch on YouTube: https://youtu.be/SYnu6CLKD70
NextJS boiler-plate with Google's Firebase integrated. Watch on YouTube: https://youtu.be/SYnu6CLKD70 - GitHub - bjcarlson42/nextjs-with-firebase: NextJS boiler-plate with Google's Firebase…

24- Nextarter Chakra

This one is a battery packed template / boilerplate to initialize Next.js app with Chakra UI & Typescript setup.

GitHub - sozonome/nextarter-chakra: battery packed template / boilerplate to initialize Next.js app with Chakra UI & Typescript setup ✨
battery packed template / boilerplate to initialize Next.js app with Chakra UI & Typescript setup ✨ - GitHub - sozonome/nextarter-chakra: battery packed template / boilerplate to initialize Nex…

25- Devii

A developer blog starter for 2021 (Next.js + React + TypeScript + Markdown + syntax highlighting).

GitHub - colinhacks/devii: A developer blog starter for 2021 (Next.js + React + TypeScript + Markdown + syntax highlighting)
A developer blog starter for 2021 (Next.js + React + TypeScript + Markdown + syntax highlighting) - GitHub - colinhacks/devii: A developer blog starter for 2021 (Next.js + React + TypeScript + Mark…

26- NextSSS

NextSSS is a Next.js starter template especially for static site including full setup for TypeScript, Tailwind CSS, Google Analytics, Next SEO, active link component, etc.

GitHub - ixkaito/nextsss: Next.js static site starter including full setup for TypeScript, Tailwind CSS, Google Analytics, Next SEO, etc.
Next.js static site starter including full setup for TypeScript, Tailwind CSS, Google Analytics, Next SEO, etc. - GitHub - ixkaito/nextsss: Next.js static site starter including full setup for Type…

27- Hack Club Theme Starter

A sample Next.js project for getting started with MDX, Theme UI, & Hack Club Theme.

GitHub - hackclub/theme-starter: 🐤 A sample Next.js project for getting started with MDX, Theme UI, & Hack Club Theme.
🐤 A sample Next.js project for getting started with MDX, Theme UI, & Hack Club Theme. - GitHub - hackclub/theme-starter: 🐤 A sample Next.js project for getting started with MDX, Theme UI, &…

28- Nextplate

Nextplate is a free starter template built with Next and TailwindCSS, providing everything you need to jumpstart your Next project and save valuable time.

GitHub - zeon-studio/nextplate at medevel.com
Nextjs and Tailwindcss boilerplate. Contribute to zeon-studio/nextplate development by creating an account on GitHub.

If you know of any other Next.js starter that we did not mention here, let us know.

18 Open-source and Free Next.js Full-stack Starters For Enterprise and Startups
What is Next.js? Next.js is an open-source React-based framework used for building server-side rendering (SSR) web applications. It provides an efficient and easy-to-use environment for developing web applications with minimal setup and configuration. If you are new to Next.js and looking for a st…
12 Best Free Next.js Dashboard Admin Templates
Next.js is a React-based web framework that enables server-side rendering and other performance optimizations for web applications. It is a powerful framework for building web applications using React. It offers server-side rendering, automatic code splitting, and optimized performance. With Next.j…

Read more