Name	Name	Last commit message	Last commit date
Latest commit jieboom Initial commit Jul 4, 2023 b5125a0 · Jul 4, 2023 History 1 Commit
.github	.github	Initial commit	Jul 4, 2023
.husky	.husky	Initial commit	Jul 4, 2023
.vscode	.vscode	Initial commit	Jul 4, 2023
cypress	cypress	Initial commit	Jul 4, 2023
public	public	Initial commit	Jul 4, 2023
src	src	Initial commit	Jul 4, 2023
.cz.json	.cz.json	Initial commit	Jul 4, 2023
.eslintrc.json	.eslintrc.json	Initial commit	Jul 4, 2023
.gitignore	.gitignore	Initial commit	Jul 4, 2023
.postcssrc.json	.postcssrc.json	Initial commit	Jul 4, 2023
.prettierrc.json	.prettierrc.json	Initial commit	Jul 4, 2023
.stylelintrc.json	.stylelintrc.json	Initial commit	Jul 4, 2023
LICENSE	LICENSE	Initial commit	Jul 4, 2023
README.md	README.md	Initial commit	Jul 4, 2023
cypress.config.ts	cypress.config.ts	Initial commit	Jul 4, 2023
index.html	index.html	Initial commit	Jul 4, 2023
package.json	package.json	Initial commit	Jul 4, 2023
pnpm-lock.yaml	pnpm-lock.yaml	Initial commit	Jul 4, 2023
tailwind.config.js	tailwind.config.js	Initial commit	Jul 4, 2023
tsconfig.json	tsconfig.json	Initial commit	Jul 4, 2023
tsconfig.node.json	tsconfig.node.json	Initial commit	Jul 4, 2023
vercel.json	vercel.json	Initial commit	Jul 4, 2023
vite.config.ts	vite.config.ts	Initial commit	Jul 4, 2023

Repository files navigation

Vitamin

Opinionated Vite starter template.

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.
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.com with pre-configured SPA fallback.

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

npx degit wtchnm/Vitamin#main my-app

Then, install the dependencies:

pnpm install

If you don't plan to use GitHub Actions, delete the .github directory.
Clean up the cypress/e2e/index.spec.ts file.
Change the favicon.png, apple-touch-icon.png, android-chrome-192x192.png and android-chrome-512x512.png. favicon.io is a cool tool for generating these assets.
In the src folder, remove the __tests__, api and components folder and the types.ts file.
If you don't plan to use react-query, remove the query client logic in the main.tsx file.
Change the title, description and theme color in the index.html and vite.config.ts. The Inter font is included, so remove it if you want.
Modify or delete the LICENSE file.
Change the name field in package.json.

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.