{"id":19467962,"url":"https://github.com/jamaluddinrumi/my-vitesse-app","last_synced_at":"2025-06-23T04:33:20.299Z","repository":{"id":119054141,"uuid":"399161694","full_name":"jamaluddinrumi/my-vitesse-app","owner":"jamaluddinrumi","description":null,"archived":false,"fork":false,"pushed_at":"2021-08-23T15:50:01.000Z","size":108,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-06-21T14:16:41.518Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jamaluddinrumi.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"antfu"}},"created_at":"2021-08-23T15:49:56.000Z","updated_at":"2021-08-23T15:50:05.000Z","dependencies_parsed_at":"2023-03-13T12:44:19.899Z","dependency_job_id":null,"html_url":"https://github.com/jamaluddinrumi/my-vitesse-app","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/jamaluddinrumi/my-vitesse-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jamaluddinrumi%2Fmy-vitesse-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jamaluddinrumi%2Fmy-vitesse-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jamaluddinrumi%2Fmy-vitesse-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jamaluddinrumi%2Fmy-vitesse-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jamaluddinrumi","download_url":"https://codeload.github.com/jamaluddinrumi/my-vitesse-app/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jamaluddinrumi%2Fmy-vitesse-app/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261415239,"owners_count":23155007,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-10T18:37:55.022Z","updated_at":"2025-06-23T04:33:15.285Z","avatar_url":"https://github.com/jamaluddinrumi.png","language":"TypeScript","funding_links":["https://github.com/sponsors/antfu"],"categories":[],"sub_categories":[],"readme":"\u003cp align='center'\u003e\n  \u003cimg src='https://user-images.githubusercontent.com/11247099/111864893-a457fd00-899e-11eb-9f05-f4b88987541d.png' alt='Vitesse - Opinionated Vite Starter Template' width='600'/\u003e\n\u003c/p\u003e\n\n\u003cp align='center'\u003e\nMocking up web app with \u003cb\u003eVitesse\u003c/b\u003e\u003csup\u003e\u003cem\u003e(speed)\u003c/em\u003e\u003c/sup\u003e\u003cbr\u003e\n\u003c/p\u003e\n\n\u003cbr\u003e\n\n\u003cp align='center'\u003e\n\u003ca href=\"https://vitesse.netlify.app/\"\u003eLive Demo\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cbr\u003e\n\n## Features\n\n- ⚡️ [Vue 3](https://github.com/vuejs/vue-next), [Vite 2](https://github.com/vitejs/vite), [pnpm](https://pnpm.js.org/), [ESBuild](https://github.com/evanw/esbuild) - born with fastness\n\n- 🗂 [File based routing](./src/pages)\n\n- 📦 [Components auto importing](./src/components)\n\n- 🍍 [State Management via Pinia](https://pinia.esm.dev/)\n\n- 📑 [Layout system](./src/layouts)\n\n- 📲 [PWA](https://github.com/antfu/vite-plugin-pwa)\n\n- 🎨 [Windi CSS](https://github.com/windicss/windicss) - next generation utility-first CSS framework\n\n- 😃 [Use icons from any icon sets, with no compromise](https://github.com/antfu/vite-plugin-icons)\n\n- 🌍 [I18n ready](./locales)\n\n- 🗒 [Markdown Support](https://github.com/antfu/vite-plugin-md)\n\n- 🔥 Use the [new `\u003cscript setup\u003e` style](https://github.com/vuejs/rfcs/pull/227)\n\n- 🖨 Server-side generation (SSG) via [vite-ssg](https://github.com/antfu/vite-ssg)\n\n- 🦔 Critical CSS via [critters](https://github.com/GoogleChromeLabs/critters)\n\n- 🦾 TypeScript, of course\n\n- ☁️ Deploy on Netlify, zero-config\n\n\u003cbr\u003e\n\n## Pre-packed\n\n### UI Frameworks\n\n- [Windi CSS](https://github.com/windicss/windicss) (On-demand [TailwindCSS](https://tailwindcss.com/)) - lighter and faster, with a bunch of additional features!\n  - [Windi CSS Typography](https://windicss.org/plugins/official/typography.html)\n\n### Icons\n\n- [Iconify](https://iconify.design) - use icons from any icon sets [🔍Icônes](https://icones.netlify.app/)\n- [`vite-plugin-icons`](https://github.com/antfu/vite-plugin-icons) - icons as Vue components\n\n### Plugins\n\n- [Vue Router](https://github.com/vuejs/vue-router)\n  - [`vite-plugin-pages`](https://github.com/hannoeru/vite-plugin-pages) - file system based routing\n  - [`vite-plugin-vue-layouts`](https://github.com/JohnCampionJr/vite-plugin-vue-layouts) - layouts for pages\n- [Pinia](https://pinia.esm.dev) - Intuitive, type safe, light and flexible Store for Vue using the composition api\n- [`vite-plugin-components`](https://github.com/antfu/vite-plugin-components) - components auto import\n- [`vite-plugin-pwa`](https://github.com/antfu/vite-plugin-pwa) - PWA\n- [`vite-plugin-windicss`](https://github.com/antfu/vite-plugin-windicss) - WindiCSS support\n- [`vite-plugin-md`](https://github.com/antfu/vite-plugin-md) - Markdown as components / components in Markdown\n  - [`markdown-it-prism`](https://github.com/jGleitz/markdown-it-prism) - [Prism](https://prismjs.com/) for syntax highlighting\n  - [`prism-theme-vars`](https://github.com/antfu/prism-theme-vars) - customizable Prism.js theme using CSS variables\n- [Vue I18n](https://github.com/intlify/vue-i18n-next) - Internationalization\n  - [`vite-plugin-vue-i18n`](https://github.com/intlify/vite-plugin-vue-i18n) - Vite plugin for Vue I18n\n- [VueUse](https://github.com/antfu/vueuse) - collection of useful composition APIs\n- [`@vueuse/head`](https://github.com/vueuse/head) - manipulate document head reactively\n- [`vue-global-api`](https://github.com/antfu/vue-global-api) - Use Vue Composition API globally\n\n### Coding Style\n\n- Use Composition API with [`\u003cscript setup\u003e` SFC syntax](https://github.com/vuejs/rfcs/pull/227)\n- [ESLint](https://eslint.org/) with [@antfu/eslint-config](https://github.com/antfu/eslint-config), single quotes, no semi.\n\n### Dev tools\n\n- [TypeScript](https://www.typescriptlang.org/)\n- [pnpm](https://pnpm.js.org/) - fast, disk space efficient package manager\n- [`vite-ssg`](https://github.com/antfu/vite-ssg) - Server-side generation\n  - [critters](https://github.com/GoogleChromeLabs/critters) - Critical CSS\n- [Netlify](https://www.netlify.com/) - zero-config deployment\n- [VS Code Extensions](./.vscode/extensions.json)\n  - [Vite](https://marketplace.visualstudio.com/items?itemName=antfu.vite) - Fire up Vite server automatically\n  - [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar) - Vue 3 `\u003cscript setup\u003e` IDE support\n  - [Iconify IntelliSense](https://marketplace.visualstudio.com/items?itemName=antfu.iconify) - Icon inline display and autocomplete\n  - [i18n Ally](https://marketplace.visualstudio.com/items?itemName=lokalise.i18n-ally) - All in one i18n support\n  - [Windi CSS Intellisense](https://marketplace.visualstudio.com/items?itemName=voorjaar.windicss-intellisense) - IDE support for Windi CSS\n  - [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)\n\n## Variations\n\nAs this template is strongly opinionated, the following provides a curated list for community-maintained variations with different preferences and feature sets. Check them out as well. PR to add yours is also welcome!\n\n###### Official\n- [**vitesse-lite**](https://github.com/antfu/vitesse-lite) - Lightweight version of Vitesse\n- [**vitesse-webext**](https://github.com/antfu/vitesse-webext) - WebExtension Vite starter template\n- [vitesse-nuxt](https://github.com/antfu/vitesse-nuxt) - Vitesse for Nuxt 2 (expiremental, currently out-of-date)\n\n###### Community\n- [vitesse-addons](https://github.com/JohnCampionJr/vitesse-addons) by [@johncampionjr](https://github.com/johncampionjr) - additional options for integrations, including [Prettier](https://prettier.io) and [Storybook](https://storybook.js.org)\n- [vitesse-ssr-template](https://github.com/frandiox/vitesse-ssr-template) by [@frandiox](https://github.com/frandiox) - Vitesse with SSR\n- [vitespa](https://github.com/ctholho/vitespa) by [@ctholho](https://github.com/ctholho) - Like Vitesse but without SSG/SSR\n\n## Try it now!\n\n### GitHub Template\n\n[Create a repo from this template on GitHub](https://github.com/antfu/vitesse/generate).\n\n### Clone to local\n\nIf you prefer to do it manually with the cleaner git history\n\n```bash\nnpx degit antfu/vitesse my-vitesse-app\ncd my-vitesse-app\npnpm i # If you don't have pnpm installed, run: npm install -g pnpm\n```\n\n## Checklist\n\nWhen you use this template, try follow the checklist to update your info properly\n\n- [ ] Rename `name` field in `package.json`\n- [ ] Change the author name in `LICENSE`\n- [ ] Change the title in `App.vue`\n- [ ] Change the favicon in `public`\n- [ ] Remove the `.github` folder which contains the funding info\n- [ ] Clean up the READMEs and remove routes\n\nAnd, enjoy :)\n\n## Usage\n\n### Development\n\nJust run and visit http://localhost:3333\n\n```bash\npnpm dev\n```\n\n### Build\n\nTo build the App, run\n\n```bash\npnpm build\n```\n\nAnd you will see the generated file in `dist` that ready to be served.\n\n### Deploy on Netlify\n\nGo to [Netlify](https://app.netlify.com/start) and select your clone, `OK` along the way, and your App will be live in a minute.\n\n## Why\n\nI have created several Vite apps recently. Setting the configs up is kinda the bottleneck for me to make the ideas simply come true within a very short time.\n\nSo I made this starter template for myself to create apps more easily, along with some good practices that I have learned from making those apps. It's strongly opinionated, but feel free to tweak it or even maintains your own forks. [(see community maintained variation forks)](#variations)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjamaluddinrumi%2Fmy-vitesse-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjamaluddinrumi%2Fmy-vitesse-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjamaluddinrumi%2Fmy-vitesse-app/lists"}