A personal Next JS 14+ boilerplate: Typescript + Chakra UI + Prettier + ESLint + Pre-commit (Husky + Lint-staged) + Cypress (e2e + component)
This is a Next.js Boilerplate set up with Typescript, Chakra UI, Eslint, Prettier, Pre-commit (Husky + lint-staged) and Cypress.
Get this starter project and maximize your experience like DEVELOPER!!!
(~)
;$ yarn create next-js-boilerplate
OR $ npx create-next-js-boilerplate
$ yarn husky-install
OR $ npm run husky-install
$ yarn dev
OR $ npm run dev
1. Open (http://localhost:3000) with your browser to see the result.
2. You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.
$ git clone https://github.com/AstrOOnauta/next-js-boilerplate.git
$ yarn
OR $ npm i
$ yarn husky-install
OR $ npm run husky-install
$ yarn dev
OR $ npm run dev
1. Open (http://localhost:3000) with your browser to see the result.
2. You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.
dev
: runs your application on localhost:3000
;build
: creates the production build version;start
: starts a simple server with the build production code;prettier
: runs the prettier commands in all components and pages;lint
: runs the lintering commands in all components and pages;lint-staged
: runs the linting & prettier commands to those files which are changed not all the project files;husky-install
: initialize the husky;type-check
: runs the linter in all components and pages;cypress:open
: runs cypress on browser to check e2e and components tests;cypress:run
: runs cypress on terminal to check e2e and components tests.