https://github.com/Uninen/vite-ts-tailwind-starter

Opinionated Vite + Vue 3 + TypeScript + Tailwind CSS starter template w/ tests and CI.
https://github.com/Uninen/vite-ts-tailwind-starter

cypress-io postcss tailwindcss typescript vite vue

Last synced: about 1 month ago
JSON representation

Opinionated Vite + Vue 3 + TypeScript + Tailwind CSS starter template w/ tests and CI.

• Host: GitHub
• URL: https://github.com/Uninen/vite-ts-tailwind-starter
• Owner: Uninen
• License: mit
• Created: 2020-09-15T05:14:35.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-04-17T19:49:32.000Z (about 1 month ago)
• Last Synced: 2024-04-17T21:04:21.166Z (about 1 month ago)
• Topics: cypress-io, postcss, tailwindcss, typescript, vite, vue
• Language: TypeScript
• Homepage: https://vite-ts-tailwind-starter.vercel.app
• Size: 1.54 MB
• Stars: 388
• Watchers: 9
• Forks: 69
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGES.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Lists

• awesome-vite - vite-ts-tailwind-starter - TypeScript, Tailwind CSS, Cypress.io e2e tests + CI. (Get Started / Templates)
• awesome-vite - vite-ts-tailwind-starter - TypeScript, Tailwind CSS, Cypress.io e2e tests + CI. (Get Started / Templates)
• awesome-vite - vite-ts-tailwind-starter - TypeScript, Tailwind CSS, Cypress.io e2e tests + CI. (Get Started / Templates)
• awesome-viter - vite-ts-tailwind-starter - TypeScript, Tailwind CSS, Cypress.io e2e tests + CI. (Get Started / Templates)
• awesome-vite - vite-ts-tailwind-starter - TypeScript, Tailwind CSS, Cypress.io e2e tests + CI. (Get Started / Templates)
• awesome-vite - vite-ts-tailwind-starter - TypeScript, Tailwind CSS, Cypress.io e2e tests + CI. (Get Started / Templates)
• awesome-vite - vite-ts-tailwind-starter - TypeScript, Tailwind CSS, Cypress.io e2e tests + CI. (Get Started / Templates)
• my-awesome-stars - Uninen/vite-ts-tailwind-starter - Opinionated Vite + Vue 3 + TypeScript + Tailwind CSS starter template w/ tests and CI. (TypeScript)

README

        
# Vite + Vue 3 + Typescript + Tailwind Starter

Simple, opinionated, **fully typed**, and **production-ready** project template for Vite.

This template is **practical** and **batteries included** but not overly complex or bloated. Also explicit configuration over magic; it should be easy to understand how everything works, strip out anything you don't need, and fast to modify things to your needs.

Includes plenty of **examples and documentation** of how to do things but **minimal cruft** to delete to get you going.

Please [check out the homepage](https://vite-ts-tailwind-starter.vercel.app/) for full docs. A [detailed changelog](./CHANGES.md) is available. This repository is also [mirrored on GitLab](https://gitlab.com/uninen/vite-ts-tailwind-starter).

## Features

- Vue 3

- Pinia store (fully typed Vuex store is available up to template version 1.13)

- Routing using [vue-router 4](https://router.vuejs.org/)

- TypeScript 5

  - Fully typed components configured in templates as well

- Automatic package and component imports w/ [unplugin-auto-import](https://github.com/antfu/unplugin-auto-import) and [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components)

- Tailwind CSS 3 w/ following plugins and configuration preinstalled:

  - `@tailwindcss/aspect-ratio`

  - `@tailwindcss/typography`

  - `@tailwindcss/forms`

  - [@egoist/tailwindcss-icons](https://github.com/egoist/tailwindcss-icons)

- PostCSS 8 w/ `postcss-nesting` plugin and `cssnano` for minimizing production CSS

- Eslint

- Prettier

- Alias `@` to `/src`

- Predefined and fully typed global variables:

  - `VITE_APP_VERSION` is read from `package.json` version at build time

  - `VITE_APP_BUILD_EPOCH` is populated as `new Date().getTime()` at build time

- Vitest unit + component tests with code coverage

- GitHub workflows

  - Renovatebot for keeping up with dependencies

  - Automated unit + component tests

  - Automated e2e tests

  - Coverage reporting in PR comments ([example](https://github.com/Uninen/vite-ts-tailwind-starter/pull/225#issuecomment-1507477206))

- GitLab CI config available up to versions 2.x

## Elsewhere

- [Follow @uninen](https://twitter.com/uninen) on Twitter

- Read my continuously updating learnings from Vite / Vue / TypeScript and other Web development topics from my [Today I Learned site](https://til.unessa.net/)

## Contributing

Contributions are welcome! Please follow the [code of conduct](./CODE_OF_CONDUCT.md) when interacting with others.