35 Best Next.js Opensource Projects

Next.js has a productive community of developers who put efforts into developing frameworks, coming up with open-source starters, and offering support to potential developers.

This community is available on platforms like Discord, GitHub, and Twitter. By becoming a member of these communities, you can gain knowledge from veteran Next.js developers.

More so, you can make notable contributions to developing the framework.

This article is a lifesaver if you are a newbie to Next.js and seeking the primary point in developing your initial Next.js application. It holds a detailed compilation of the 35 best Next.js Opensource projects.

Appwrite

This Open Source Firebase has iOS support. Appwrite is an open-source backend server that you can use to create applications for iOS. It is fast and easy to use since it has real-time APIs for cloud functions, authentication, databases, and file storage, to mention a few.

Get started

Open Assistant

Ambitious and creative developers develop every open-source project. Open source is founded on the conviction that we can work together to advance technology using our knowledge to make the world a better place.

Open assistant is a project that provides every user access to a helpful chat-based large language model. Consequently, a platform destined to revolutionize language development is available.

Get started

Next Shopify Starter

This functional e-commerce retail outlet uses Tailwind CSS and Next.js in its front end. Remarkably, it uses the Shopify Storefront API for interaction with the backend. It utilizes GraphQL to probe our Shopify data and record cart information to ease the user during the session.

Pankod

This is a free-to-use open-source Next.js boilerplate that is used to develop apps. Pankod is inclined towards high performance because it has Sass support, Redux, Express.js, TypeScript, and CLI tools. Additionally, it has a Storybook feature support that you can use to build interactive UI components with React.

Get started

Next.js Landing Page Starter

This landing page theme generator is written in Next.js, Tailwind CSS, and TypeScript. It is made with experience first: Husky, Lint-Staged, Prettier, ESLint, Tailwind CSS, Next.js, PostCSS, and TypeScript.

Try it

Login System with MySQL and Express

This simplified email login system starter is built using Next.js, MySQL, Node.js, Reactstrap, and Express.

Get started

Next.js 9 + Material UI + mySQL Starter

This project can be done by developers who target to use server-side-rendered React with MySQL, the Material UI theme, and the upgraded Next.js 9 API routes. Knex.js is used to build queries. However, developers can also use SQLite3, Oracle, PostgreSQL, and MSSQL databases.

The ultimate target for this project goes beyond creating a demo to having a fully functional code that can be used with minor changes. For illustration, pages after login are protected using JSON web tokens and API routes with CORS.

Try it

Next.js for PostgreSQL

A minimal web application utilizes Google OAuth, Postgres 11, and NextJS 12.0.7, among other essential libraries.

Try it

Next CMS Ghost Starter

You can create and publish captivating blogs using next cms ghost. The React framework Next.js is the powerhouse, while headless Ghost will feed the content. As a result, you will have a production-ready hybrid frontend that incorporates excellent server-rendered and static sites. Your website will be readily available online to be served from the edge. Simultaneously, your clients can work with the Ghost authoring system they are familiar with.

Try it

Next.js eCommer Boilerplate

This is a full-function open-source Next.js eCommerce template. It offers a seamless starting point for building a Jamstack eCommerce storefront using Next.js and Crystallize.

Try it

Next.js Stater (Production Ready)

This is a starter project for next.js which comes with an authentication feature. It includes; Husky, LinkedIn Auth, Password-less Auth, Typescript, React 17, Fauna DB, Tailwind CSS, GitHub Auth, and React Query Three.

Try it

Vercel eCommerce Starter

This is a compiled starter kit best fit for developing e-commerce sites. It just takes a few tweaks for a Next.js developer to clone and create a customized store. Start right away by clicking the link below.

Try

Next.js with Firebase

A next.js starter code that can be used to implement Firebase Auth, cloud messaging, and Firestone.

Try it

Next.js for Firebase

This is a Next.js project integrated with Firebase. It allows for file upload, firebase login, and real-time database read and write alongside cloud Firestore.

Try it

NextSSS

Do you need a template that works well for a static site? NextSSS is the answer. It fully sets up Next SEOO, TypeScript, active link feature, Google Analytics, and Tailwind CSS.

Try it

Next.js with PostgreSQL

This project combines Postgres + React + Next.js. It is ideal for developers who are building their websites using JavaScript entirely. It is easy to make changes and user-friendly.

Try it

Next.js + MySQL Starter

It is Next.js CRUD that uses TailwindCSS and MySQL.

Try it

Next.js and MongoDB Example Template

Even if it does not have many features like its predecessor, this is a good next.js and MongoDB starter sample.

Try it

Next.js + MongoDB (Ready for Production)

This Next.js and MongoDB web app template has a simple design to allow real-world application and easy learning. The package has authentication and account manager, API Routes, and supports GraphQL and profile templates.

Try it

Next eCommerce

An example of an elegant e-commerce website built using Next.js. It can take less than two weeks to have it up and running.

Try it

Next eCommerce

This starter project has a wide range of tools that can be used to develop a functional eCommerce retail store using Next.js. The project has been completed in TypeScript and incorporates SCSS support and Redux.

Try it

Next eCommerce

This is an example of a project that was done to display a complete e-commerce made using Nextjs Serverless functions and Next.js for the backend. The developer also used Apollo Client and Apollo Server for GraphQL.

Try it

Fullstack Next.js eCommerce Starter

Try this one if you are searching for something that supports checkout, authentication, and other cool features. This is a next.js e-commerce template that is made using TypeScript + NextAuth + Docker + Stripe + React Query + Prisma + Tailwind Sentry, to mention a few.

Try it

Modern React Portfolio Template

This is an elegant, ready-to-use, modern react portfolio template. Click the link below to use it for your next project.

Click here

Devii

This is a blog starter. It embeds Syntax highlighting + React + Next.js + Markdown + TypeScript.

Try it

Nextplate

Nextplate is free to use, a starter template built with TailwindCSS and Next.js. It has all you need to kickstart your next project hassle free.

Try it

Nextarker Chakra

Nextarker chakra is an all-in-one boilerplate to initiate the Next.js web app with Typescript setup and Chakra UI.

Boilerplate and Starter for Next.js

Here is a boilerplate and starter for Next.js 12+, TypeScript and Tailwind CSS3. It is made up of developer experience initial: Netlify + Commitlint + Husky + Prettier + TypeScript + Jest + Lint-Staged + PostCSS + Testing Library + VSCode + ESLint + Tailwind CSS (by ixartz).

Try it

SWR

With simply one hook, you can considerably simplify the data fetching cycle for your projects. User experience has been improved through higher stability, speed, and correctness. Check out the link below.

Click here

Timelite

This a web app built on Next.js and React. It keeps track of working time, and neither requires a login nor an internet connection. The data is locally stored and easily accessible. Work on this project to arrive at a perfect solution in time management.

Try it

Next Right Now

Here is a ready-for-production boilerplate with TypeScript, Vercel, and Next.js 11. It also includes; Internationalization, Airtable, Analytics, GraphQl, SaaS, B2B multi single tenancy, Monitoring, Storybook, CI/CD, End-to-end, and CSS-in-JS support.

Try it

Twimage

Twitter is one of the most popular social media platforms globally. You can use Twimage to change tweets into images. Hooray! You don’t have to take screenshots anymore. Just copy and paste the tweet’s link into Twimage.

Try it

Jacob Herper-Portfolio

Jacob Herper-Portfolio is a Next.js Project sample website. You can build a similar one using Tailwind, Next.js, and TypeScript. You can manage the web content using GraphCMS and access it via GraphQL endpoints using Apollo Client.

Try it

GFW

Global Forest Watch is an online monitoring tool for worldwide and almost real-time forests. It is built on Next.js and React.js. It has an alert system that helps in forest management.

Try it

Next-Realworld Example-Conduit

This is an example of a social blogging site such as a medium named Conduit. It is a complete package clone built using React, Angular, and Next.js, to mention a few.

Try it

Final Words

The above collection is a compilation of the 35 best Next.js projects that cover a broad range of concepts.

Go through the templates and click the links below to access small and large code structures. The article is informative and easily applicable to your projects.

You can use the stated projects to develop web apps like eCommerce, Blogs, and other essential plugins.

Despite the skills at hand, you can use the source codes and personalize them to your liking.