August 11, 2023

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

Next.js 12.3.1 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 :)


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
  • Styled Components
  • Jest
  • React Testing Library
  • Prettier
  • ESLint
  • PlopJS
  • Axios
  • SWC instead of babel

How To Use


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


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.



Author Info

Back To The Top