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.
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.
This collection includes starters for eCommerce packages, dashboard control systems, social and community projects, content management systems, and enterprise landing pages.
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.
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
- UI Components
- Standardized Data Hooks
- Integrations - Integrate seamlessly with the most common ecommerce platforms.
- Dark Mode Support
3- Next eCommerce
This project was made to show a full ecommerce platform made with Next.js and Nextjs Serverless functions to build the backend, using Apollo Server and Apollo Client to GraphQL.
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.
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.
A beautiful open-source e-commerce website example built with Next.js that was made in 1 week as a self challenge.
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.
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)
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.
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.
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.
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.
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
14- Next.js + MySQL Starter
Next.JS CRUD using MySQL and TailwindCSS.
15- Login system with Express and MySQL
A simple email login system starter built using Next.js, Reactstrap, Node.js Express and MySQL
16- Nextjs 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.
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.
18- Next.js with PostgreSQL
19- Next.js for PostgreSQL (Outdated)
A minimal example web application using NextJS 12.0.7, Postgres 11, Google OAuth2 and other useful libraries.
20- Next.js with Firebase
Next.js starter code for Implementing Firebase Auth + Firestore + Cloud Messaging.
21- Modern React Portfolio Template
A beautiful touch-ready Modern React Portfolio Template.
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.
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.
24- Nextarter Chakra
This one is a battery packed template / boilerplate to initialize Next.js app with Chakra UI & Typescript setup
A developer blog starter for 2021 (Next.js + React + TypeScript + Markdown + syntax highlighting)
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.
27- Hack Club Theme Starter
A sample Next.js project for getting started with MDX, Theme UI, & Hack Club Theme.
If you know of any other Next.js starter that we did not mention here, let us know.