VitePro

Vite & antd starter template.

Features

• Vite with React, TypeScript and absolute imports.
• Tailwind CSS v3 with a basic reset for form styles and a Prettier plugin that automatically sorts classes.
• Pro components ecosystem from ant.desgin
• Use ESLint, stylelint and Prettier on VSCode and before you commit with Husky and lint-staged.
• PWA with 17/17 Lighthouse score.
• Write unit and integration tests with Vitest and Testing Library.
• Write e2e tests with Cypress.
• GitHub Actions for automatic dependency updates, CodeQL Analysis, running tests and code coverage with Codecov.
• Deploy to Vercel with pre-configured SPA fallback.

Getting started

Use this repository as a GitHub template or use degit to clone to your machine with an empty git history:

npx degit tawfek/VitePro#master my-app

Then, install the dependencies:

pnpm install

Scripts

• pnpm dev - start a development server with hot reload.
• pnpm build - build for production. The generated files will be on the dist folder.
• pnpm preview - locally preview the production build.
• pnpm test - run unit and integration tests related to changed files based on git.
• pnpm test:ci - run all unit and integration tests in CI mode.
• pnpm test:e2e - run all e2e tests with the Cypress Test Runner.
• pnpm test:e2e:headless - run all e2e tests headlessly.
• pnpm format - format all files with Prettier.
• pnpm lint - runs TypeScript, ESLint and Stylelint.
• pnpm validate - runs lint, test:ci and test:e2e:ci.