Seed of NextJS, TS, StyleComponent, Jest/TestingLibrary/Cypress, Material-UI, Prettier/ESLint/Husky/Lint Staged

Overview

Requirements:

node -v // `18.0.0`
npm -v  // `8.6.0`

An easy way to install Node & Npm in Mac environment is using nvm:

brew install nvm
nvm install 18.0.0
nvm use 18.0.0

Setup project

npm install
npm run prepare

Start dev

npm run dev

Build

npm run build

Unit Test

npm run test:unit

If you want to execute specific test

npm run test:unit -- [test name] // eg: `npm run test -- box`

End-to-End test

npm run:e2e

Know issues

hint: The '.husky/pre-commit' hook was ignored because it's not set as executable.

chmod ug+x .husky/*
You might also like...
React.js, Typescript, Effector, Storybook, Eslint+Prettier, husky template

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya

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

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

Next.js 12 Complete Boilerplate This is a readme from next.js 12 complete boilerplate. Table of Contents Just to make your dev experience more simple

An template project made with Next.js, Typescript, Styled Components, Eslint, Prettier, Editorconfig, Storybook, Hygen and Jest + React Testing Library

An template project made with Next.js, Typescript, Styled Components, Eslint, Prettier, Editorconfig, Storybook, Hygen and Jest + React Testing Library

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.

A simplified Jira clone built with React/Babel (Client), and Node/TypeScript (API). Auto formatted with Prettier, tested with Cypress.
A simplified Jira clone built with React/Babel (Client), and Node/TypeScript (API). Auto formatted with Prettier, tested with Cypress.

A simplified Jira clone built with React and Node Auto formatted with Prettier, tested with Cypress 🎗 Visit the live app | View client | View API Wha

🚀 Free NextJS Landing Page Template written in Tailwind CSS 2.0 and TypeScript ⚡️ Made with developer experience first: Next.js, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS.
🚀 Free NextJS Landing Page Template written in Tailwind CSS 2.0 and TypeScript ⚡️ Made with developer experience first: Next.js, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS.

🚀 Free NextJS Landing Page Template written in Tailwind CSS 2.0 and TypeScript ⚡️ Made with developer experience first: Next.js, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS.

😊 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-

Boilerplate repository for creating projects with NextJS. We have also included: Jest, Typescript, Prettier, React Testing Library and others. Check the package.json!

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

A Demo SPA developed with React, ES6, Webpack (2.x), and Antd (1.0.1) 【move to react-seed】

Target 使用React技术栈开发SPA. Tech Stack UI库:React & React-Dom UI组件:Antd 路由:React-Router & History 框架:Reflux JS:ES6 样式:Less 图标:Antd自带/FontAwesome 动画:Animate

Initial directory structure and package.json as a seed for new React based projects.

React Project Seed This serves as a seed for starting new React projects. It's less of a boilerplate and more of a suggested directory structure that

A starter for React with Typescript with the fast Vite and all static code testing with Eslint and formatting with Prettier.
A starter for React with Typescript with the fast Vite and all static code testing with Eslint and formatting with Prettier.

A starter for React with Typescript with the fast Vite and all static code testing with Eslint and formatting with Prettier.

An ESLint Shareable Config for Typescript React Base Style with Prettier

eslint-config-react-base An ESLint Shareable Config for Typescript React Base Style with Prettier. Features ESLint: ✅ TypeScript ✅ React: ✅ Prettier:

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

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.

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

Eslint-config - Shared ESLint config and plugin for Widen

Widen ESLint Widen's shared ESLint config and plugins. Installation yarn add -D

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

Owner
Jerónimo Carrizo
Jerónimo Carrizo
A WIP on Jest tests working with an Ethereum wallet

Web3 React Jest Tests This is a WIP on Jest tests working with an Ethereum wallet. Support is mainly Metamask at the moment. Requirements Node v16.13.

manny 5 Jun 16, 2022
A library for testing classes with auto mocking capabilities using jest-mock-extended

Jest Unit ?? Library for Writing Unit Tests Easily with Auto Mocking Capabilities for TypeScript & Jest Create unit test simply and easily with 100% i

Omer Morad 46 Dec 2, 2022
Debug your Jest tests. Effortlessly.🛠🖼

Jest Preview Debug your Jest tests. Effortlessly. ?? ?? Try Jest Preview Online. No downloads needed! Why jest-preview When writing tests using Jest,

Hung Viet Nguyen 2k Dec 5, 2022
Pizza Shop - Project with configured ESLint, Prettier, Stylelint, Editorconfig, Lint Staged & Husky hooks

Pizza Shop Typescript Project with configured ESLint, Prettier, Stylelint, Editorconfig, Lint Staged & Husky hooks. ?? Technologies: ReactJS 18 TypeSc

Nikita B. 4 Oct 2, 2022
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 137 Nov 29, 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 9 Nov 6, 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 Nov 28, 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 13 Nov 20, 2022
Sweet React Native is a template for react native featuring Multi-language, Dark-Light Themes, Typescript, Context, Styled Components, Jest, Detox, Eslint, Husky, Prettier, and more.

Sweet React Native is a template for react native featuring Multi-language, Dark-Light Themes, Typescript, Context, Styled Components, Jest, Detox, Eslint, Husky, Prettier, and more.

Nicolás Riccardi 11 Sep 27, 2022
👻 A SnapChat clone built with React, Redux and Typescript. Styled with SASS. Tested with Cypress, Jest and Enzyme. Linted with Eslint and formatted with Prettier!

?? SnapChat Clone [LIVE APP] [Live App] • [Video Demo] ⚡️ Breakdown Built with React Only functional components using hooks Folder structure: Flat - n

null 940 Dec 1, 2022