:poodle: A boilerplate for HTML5, Vue, Vue Router, i18n, Tailwind, Windi, Netlify, and Vite.
š© A boilerplate for SPA Client with HTML5, Vue, and Tailwind on Vite.
š View Demo: Live | Windows | macOS | Android | iOS
:octocat: Source Code: Web-side | Native-side | Server-side
Prerequisites:
Get started with Vue Starter.
# install dependencies
$ pnpm install
# dev server (in one terminal)
$ pnpm dev
# mock server (in another terminal)
$ pnpm mock
Or use barebones scaffolding for your new Vue app
$ pnpm dlx degit Shyam-Chen/Starter-Templates/vue my-vue-app
Follow steps to execute this boilerplate.
$ pnpm install
$ pnpm dev
$ pnpm mock
$ pnpm build
$ pnpm preview
Biome CLI
$ pnpm biome check --apply ./app ./ui ./mock ./e2e
$ pnpm check
$ pnpm test
$ pnpm e2e
This seed repository provides the following features:
Control the environment.
Set your local environment variables.
// vite.config.ts
define: envify({
API_URL: process.env.API_URL || '',
}),
Add environment secrets to the GitHub Actions workflow.
DEPLOY_HOOK=xxx
Add environment variables to the Render build.
API_URL=xxx
The structure follows the LIFT Guidelines.
.
āāā .github/workflows/ci.yml
āāā app
ā āāā public
ā āāā src
ā ā āāā assets
ā ā āāā components
ā ā āāā composables
ā ā āāā layouts
ā ā āāā locales
ā ā āāā middleware
ā ā āāā plugins
ā ā āāā routes
ā ā āāā utilities
ā ā āāā workers
ā ā āāā App.vue
ā ā āāā main.ts
ā ā āāā shims.d.ts
ā āāā index.html
ā āāā package.json
ā āāā tsconfig.json
ā āāā vite.config.ts
āāā docs -> Write documentation with VitePress
ā āāā .vitepress
ā āāā index.md
ā āāā package.json
ā āāā vite.config.ts
āāā e2e -> End-to-end testing of web pages
ā āāā src
ā āāā package.json
ā āāā playwright.config.ts
ā āāā tsconfig.json
āāā iac -> Infrastructure as code
ā āāā src
ā āāā package.json
ā āāā Pulumi.yaml
ā āāā tsconfig.json
āāā mock -> Mock backend API
ā āāā src
ā āāā package.json
ā āāā tsconfig.json
ā āāā vite.config.ts
āāā ui -> Design system
ā āāā src
ā āāā package.json
ā āāā tsconfig.json
ā āāā vite.config.ts
āāā .editorconfig
āāā .eslintrc
āāā .gitignore
āāā .prettierrc
āāā biome.json
āāā Caddyfile
āāā compose.yaml
āāā Dockerfile
āāā package.json
āāā pnpm-lock.yaml
āāā pnpm-workspace.yaml
āāā README.md
āāā render.yaml