Next js 12 boilerplate with SCSS, Jest, React Testing Library, Prettier, ESLint, Plop JS and more 🚀

Overview

Next.js 12 Complete Boilerplate

This is a readme from next.js 12 complete boilerplate.

Doug Pen

Table of Contents

Just to make your dev experience more simple :)


Description

Boilerplate to help developers to have a fast project configuration using the most recent next version and some tools to improve the developer experience.

What is included?

  • Next JS
  • Sass
  • Jest
  • React Testing Library
  • Prettier
  • ESLint
  • PlopJS
  • Axios
  • SWC instead of babel

How To Use

Installation

Clone the application using:

  1. Click on "use this template" (green button) on repository top
  2. Clone you project to your machine

Install dependencies with yarn

    yarn

Using Plop JS

    yarn generate 

After this, select if you want to create a page or component and set the name.

You can change the templates and settings of generator at path generators on project root.


License

[MIT](https://choosealicense.com/licenses/mit/)

Author Info

Back To The Top

You might also like...
Boilerplate-tailwind - A simple boilerplate using NextJS, Typescript, Tailwind, Jest, Storybook and more

This is a Next.js boilerplate using TailwindCSS and other cool stuff. Most of th

A scaffold boilerplate including TypeScript, React, Jest and ESLint

A scaffold boilerplate including TypeScript, React, Jest and ESLint

Vite + React + TypeScript + Eslint + Prettier Template ⚡
Vite + React + TypeScript + Eslint + Prettier Template ⚡

Create a new project with Vite, React JS, TypeScript, Eslint, Prettier in just 1 second. You don't need to do anything anymore.

😊 NextJS Template with Tailwindcss, Eslint, Prettier.

Next.js + Tailwind CSS Example By Pedromdsn Deploy your own Deploy the example using Vercel or preview live with StackBlitz How to use Execute create-

React Template using TS, Best Practices of Context API, Testing Library and Jest, Axios, React-router-dom and Styled-Components

React Template using TS, Best Practices of Context API, Testing Library and Jest, Axios, React-router-dom and Styled-Components

A clean, extensible react + redux boilerplate with universal/isomorphic rendering, testing and more

Universal Redux Template A boilerplate doing universal/isomorphic rendering with Redux + React-router + Express, based on Redux-Realword-Example Philo

Vite templete for react typescript eslint jest tailwindcss

vite-react-ts-extended vite react-ts templete + eslint, jest, tailwindcss This is the official Vite template(npm init [email protected] myapp -- --template

A support react,vite,typescript,Eslint,jest,prettierrcWaiting for scaffolding
A support react,vite,typescript,Eslint,jest,prettierrcWaiting for scaffolding

vite-react-cil A supportreact,vite,typescript,Eslint,jest,prettierrcWaiting for scaffolding English | 简体中文 ✨ characteristic Support Typescript Support

Owner
Douglas Henrique
25 years old, Full-stack developer at Provi 🚀
Douglas Henrique
Starter template for Vite with React (TypeScript). Supports Tailwind with CSS-Modules. Jest and @react/testing-library configured and ready to go. Also ESLint, Prettier, Husky, Commit-lint and Atomic Design for components.

Mocking up web app with Vital(speed) Live Demo Features ⚡️ React 17 ?? TypeScript, of course ?? Jest - unitary testing made easy ?? Tailwind with JIT

Josep Vidal 141 Dec 29, 2022
React starter kit for static apps (NO SSR): React + Vite + wouter + jest + testing-library + Prettier + ESLint + Stylint

Intention is to have some light-weight starter kit for any react (static) applications. Faster ?? build time, type-safe, linting, etc, are the things which have been considered for this setup.

Manish Keer 4 Jul 26, 2022
A modern minimal Vite + React + TypeScript template with pre-configured ESLint (with Airbnb JS/React rules), Prettier, Testing with Jest and Git hooks with Husky out of the box 📦

A modern minimal Vite + React + TypeScript template with pre-configured ESLint (with Airbnb JS/React rules), Prettier, Testing with Jest and Git hooks with Husky out of the box ??

Patrick Jean Meurer 16 Dec 29, 2022
A React boilerplate using CRA5 + Craco, Typescript, Tailwind, Eslint + Prettier, Jest and Husky

Getting Started with Create React App This project was bootstrapped with Create React App. It contains the following additions: Typescript Tailwind St

Marvin de Bruin 20 Dec 7, 2022
A bare-bones vite + react + typescript starter template with eslint + prettier, vitest + @testing-library and react-router

A bare-bones vite + react + typescript starter template with eslint + prettier, vitest + @testing-library and react-router

Coding Garden 67 Jan 3, 2023
React.js todo app with authorization, Testing: Cypress(e2e), UI (Chakra UI), Eslint, prettier, git hooks

React TypeScript template with Vite This is a React + TypeScript boilerplate built with Vite. What's inside? ReactJS Vite TypeScript Jest Testing Libr

Vladislav 2 Jan 28, 2022
Boilerplate developed using Next.Js, Typescript, Styled Components, Jest and React Testing Library

How to start the project This project was started with Next.js Install the dependencies To install all dependencies run yarn install or yarn at the ro

Boost Studio 3 Apr 12, 2022
Boilerplate for projects using Next, React, Typescript, Styled Components, Framer Motion, Storybook, Jest and Testing Library

Boilerplate for projects using Next, React, Typescript, Styled Components, Framer Motion, Storybook, Jest and Testing Library

Giovane Daniel 19 Dec 15, 2022
Rollup + React + Babel + Prettier + Strict ESlint and Stylelint + Sass + VSCode + Playground app - Enterprise grade boilerplate

React package boilerplate by HackingBay Rollup + React 17 + Babel + Prettier + Strict ESlint and Stylelint + Sass + VSCode + Playground app - Enterpri

HackingBay 2 Jan 19, 2022
A React boilerplate with Typescript using Vite. Includes React-query, Zustand, Tailwindcss, EsLint + Prettier, Husky Commit Lint

A React boilerplate with Typescript using Vite. Includes React-query, Zustand, Tailwindcss, EsLint + Prettier, Husky Commit Lint

null 11 Dec 13, 2022