arrlancore/ppabat

🚀 Get Started

• Simply clone the repository using git command.

git clone git@github.com:arrlancore/ppabat.git

• Go to the project directory with command cd ppabat
• Run yarn command for installation
• Run Development Server:

npm run dev
# or
yarn dev

• Open http://localhost:3000 with your browser to see the result.

Features

This template comes with several essential features:

• Server side rendering setup for Mantine
• Color scheme is stored in cookie to avoid color scheme mismatch after hydration
• Storybook with color scheme toggle
• Jest with react testing library
• ESLint setup with eslint-config-mantine

npm scripts

Build and dev scripts

• dev – start dev server
• build – bundle application for production
• export – exports static website to out folder
• analyze – analyzes application bundle with @next/bundle-analyzer

Testing scripts

• typecheck – checks TypeScript types
• lint – runs ESLint
• prettier:check – checks files with Prettier
• jest – runs jest tests
• jest:watch – starts jest watch
• test – runs jest, prettier:check, lint and typecheck scripts

Other scripts

• storybook – starts storybook dev server
• storybook:build – build production storybook bundle to storybook-static
• prettier:write – formats all files with Prettier