Basic boilerplate for Next.js projects using Typescript, Tailwind; to be added: testing features from Jest & React Testing Library & Commit Linting with Lint-Staged & Huksy
Testing
=> Jest
=> React Testing Library
Commits
=> Husky
=> Lint-Staged
Imports
=> @ = ./src
=> @/c = ./src/components
=> @/h = ./src/hooks
=> @/l = ./src/lib
=> @/u = ./src/lib/util
=> # = ./
This biolerplate project is setup for Next.js 14.1.x [This project will be maintained to remain current with Next.js 14.1 until otherwise noted.] This is ready to use in its current state
This project will be set up with Jest and React Testing Library for code testing, it has been configured to work with Typescript. Custom imports have been set up. Eslint settings are preconfigured using a moderately strict ruleset. Uses ESLint to parse to Typescript. Sets specific rules for for testing envrioment (files within the tests directory or files with names ending in .spec.js, .test.js, .ts, .jsx, or .tsx). Configured Import Resolver to handle custom import settings. Uses Lint-Staged & Husky to Lint & format with prettier all files before commiting updates.
🌈 Neon Shadows
🌀 Slower Spin Animation
🙈 Scrollbar Hide
npm install
npm run dev
The app will start on http://localhost:3000 in your browser.
Delop to your testing enviroment on vercel
vercel
Deploy to your production enviroment on vercel
vercel --prod
Run ESLint
npm run lint
Prettier Code Check
prettier --check.
Prettier Code Format
prettier --write.