⚡ A Starter project for starting new React JS development with common features already preconfigured out of the box

Overview

Next Starter

React with Next JS configured out of the box for building any type of website with clean code and better Developer Experience

Live Demo

Live Demo

Example

What is included

  • Next JS with typescript configured out of the box
  • Next auth for authentication using middleware
  • Easily handling client state with Zustand
  • Handling server state with React Query
  • Create custom ui with Mantine
  • Multiple hooks ready to use from Mantine
  • Clean code with Eslint and Prettier
  • Import popular icon from React Icons
  • Handle http request with axios
  • PNPM for disk space efficient package manager

Extension

  • Eslint for linting code
  • Prettier for code formatting
  • Code spell checker to avoid misspell or typo in code
  • TODO Highlight in comment

Try it now!

Github Template

Create repo from this template

Clone to local

pnpm dlx degit hasan-almujtaba/next-starter my-app
cd my-app
pnpm i

Usage

Development

Start local environment

pnpm dev

Build

To build the App, run

pnpm build

Code Linting

To lint the App, run

pnpm lint

Code Formatting

To format the App, run

pnpm format
You might also like...
Boss Lite - React Redux Material Admin Template
Boss Lite - React Redux Material Admin Template

Boss Lite - React Redux Material Admin Template Boss Lite is admin dashboard template based on React and Redux. It provides you clean modern design an

A simple react one page landing page templates for startups/companies

React JS Landing Page Template ** 🛎️ 🛎️ Good news! New & improved V2 is out ** LIVE DEMO Description This is a ReactJS based landing page template,

A lightweight, customizable personal blog template built with GatsbyJS and React

DevBlog DevBlog is a fully customizable blog template designed for developers (or anyone else) wanting to get into blogging. It comes ready to go and

React Dashboard made with Material UI’s components.

React Dashboard made with Material UI’s components. Our pro template contains features like TypeScript version, authentication system with Firebase and Auth0 plus many other

React version of Argon Design System
React version of Argon Design System

Argon Design System React Start your development with a Design System for Bootstrap 4, React and Reactstrap. It is open source, free and it features m

A React.js Nice Resume Template
A React.js Nice Resume Template

React Nice Resume 📃 LIVE DEMO About particles-bg Library This project uses the react particle background component library https://github.com/lindelo

A React implementation of Davide Pacilio's free landing page template.

Holly A React implementation of Davide Pacilio's free landing page template. His design and layout has been rebuilt with React using create-react-app.

Design System for developers build on styled-components & React JS.
Design System for developers build on styled-components & React JS.

Atomize Code UI Design System for React JS Features UI design system for web apps. Elegant and beautiful React components Environment Support Modern b

MatX is a full-featured React Material UI Admin Dashboard template
MatX is a full-featured React Material UI Admin Dashboard template

Matx React Material Design Admin Dashboard Template MatX is a full-featured React Material UI Admin Dashboard template. MatX is built with React, Redu

Releases(v2.0.0)
  • v2.0.0(Nov 19, 2022)

  • v1.0.0(Aug 2, 2022)

    What's Changed

    • change path and folder structure
    • change dark mode persist strategy
    • setup modals and notifications provider
    • add next auth notification
    • Change-color-mode-toggle
    • move layout to layouts folder
    • Remove-example
    • remove unused component
    • add husky and lintstaged configuration
    • Add more explanation and reference to folder README.md
    • change eslint configuration

    Full Changelog: https://github.com/hasan-almujtaba/next-starter/compare/v0.0.1...v1.0.0

    Source code(tar.gz)
    Source code(zip)
  • v0.0.1(Jul 2, 2022)

    • Configure Next JS Typescript, Layout, Eslint, and Prettier
    • Create folder structure
    • Create global state management using Zustand
    • Configure React Query
    • Add VSCode extension recommendation and configuration
    • Add and configure Mantine as UI Library
    • Add React Icons
    • Add Axios
    Source code(tar.gz)
    Source code(zip)
Owner
Hasan Al Mujtaba
OS Enthusiast
Hasan Al Mujtaba
A boilerplate to kick off any Gatsby project. This starter ships with: - Gatsby v4 - Material UI v5 with light/dark mode and a custom theme

A boilerplate to kick off any Gatsby project. This starter ships with: - Gatsby v4 - Material UI v5 with light/dark mode and a custom theme - Emotion JS (with access to Material UI custom theme) - React redux (with reduxjs/toolkit) - React intl for multilingual support - React helmet for SEO

Mario Duarte 1 Jul 6, 2022
A starter template for Login, Register and Forgot Password using React

React Auth Template This is my starter template for Login, Register and Forgot Password using ReactJS with simple form validation. Installation Clone

Erin Rugas 7 Sep 7, 2022
A starter template to build lightning fast websites with Ghost & Gatsby

Gatsby Starter Ghost A starter template to build lightning fast websites with Ghost & Gatsby

Ghost 964 Nov 30, 2022
A starter template to build lightning fast websites with Ghost (as headless CMS in this case) & Gatsby

Gatsby Starter Ghost with Simply Theme A starter template to build lightning fast websites with Ghost (as headless CMS in this case) & Gatsby, using t

Anarion 11 Jul 28, 2022
Gatsby-starter-stripemart - A basic and minimal e-commerce store using Gatsby, Stripe, Use-Shopping-Cart and Netlify

?? Gatsby Starter Stripemart Like a supermarket but for Stripe. No ongoing month

Eric Howey 26 Nov 14, 2022
Light Blue React Template - Admin Dashboard Template built with React

?? Light Blue React Template Free and open-source admin dashboard template built with React and Bootstrap 4. Developed with ❤️ by Flatlogic. If you lo

Flatlogic 421 Nov 26, 2022
Shards React is a free, beautiful and modern React UI kit based on Shards.

Getting started with Shards React is fairly simple. You can download Shards React via the official website, here on GitHub as a release package or by using a package manager such as Yarn or NPM.

DesignRevision 742 Nov 26, 2022
Build React Admin Dashboard with Multiple Themes | React Admin Panel CSS | ReactJS

Build React Admin Dashboard with Multiple Themes | React Admin Panel CSS | ReactJS

Tran Anh Tuat 207 Dec 4, 2022
React-Crm - React Admin Dashboard with Multiple Themes

React Admin Dashboard with Multiple Themes Build React Admin Dashboard with Mult

Doğukan Taha AYDIN 31 Nov 7, 2022
React Dashboard is an admin template dashboard based on React

React-Dashboard React Dashboard is an admin template dashboard based on React. Table of Contents Tech Stack Quick Start Run Locally Deployment File St

Skander Blaiti 7 Nov 15, 2022