{"id":13416939,"url":"https://github.com/logustra/vivu","last_synced_at":"2025-07-13T05:32:07.257Z","repository":{"id":53954466,"uuid":"320658160","full_name":"logustra/vivu","owner":"logustra","description":"💎 Opinionated scalable vue boilerplate using vite","archived":false,"fork":false,"pushed_at":"2022-12-25T07:47:53.000Z","size":1376,"stargazers_count":73,"open_issues_count":0,"forks_count":9,"subscribers_count":5,"default_branch":"master","last_synced_at":"2024-07-31T22:37:24.005Z","etag":null,"topics":["atomic-design","atomic-design-example","boilerplate","ddd","ddd-example","spa","typescript","vite","vue","vue-boilerplate"],"latest_commit_sha":null,"homepage":"https://vivuu.netlify.app","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/logustra.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"license.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"github":"logustra","ko_fi":"logustra","custom":"https://trakteer.id/logustra/tip"}},"created_at":"2020-12-11T18:53:47.000Z","updated_at":"2024-03-31T04:32:53.000Z","dependencies_parsed_at":"2023-01-30T21:45:30.809Z","dependency_job_id":null,"html_url":"https://github.com/logustra/vivu","commit_stats":null,"previous_names":[],"tags_count":4,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/logustra%2Fvivu","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/logustra%2Fvivu/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/logustra%2Fvivu/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/logustra%2Fvivu/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/logustra","download_url":"https://codeload.github.com/logustra/vivu/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225858352,"owners_count":17535392,"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":["atomic-design","atomic-design-example","boilerplate","ddd","ddd-example","spa","typescript","vite","vue","vue-boilerplate"],"created_at":"2024-07-30T22:00:30.076Z","updated_at":"2024-11-22T07:23:41.485Z","avatar_url":"https://github.com/logustra.png","language":"TypeScript","funding_links":["https://github.com/sponsors/logustra","https://ko-fi.com/logustra","https://trakteer.id/logustra/tip"],"categories":["Get Started","TypeScript"],"sub_categories":["Templates"],"readme":"## Vivu\n\n[![Licence](https://img.shields.io/github/license/logustra/vivu)](https://github.com/logustra/vivu/blob/master/license.md)\n[![Code Style](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)\n[![Commitizen](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli)\n\n\u003e Opinionated scalable vue boilerplate using vite\n## Design Pattern\nLearn the design pattern [here](https://github.com/logustra/dave)\n\n## Features\n- Faster by default: [vite](https://github.com/vitejs/vite), [vue](https://github.com/vuejs/vue-next), [pnpm](https://github.com/pnpm/pnpm), [esbuild](https://github.com/evanw/esbuild)\n- Vue 3 ecosystem: [vue](https://github.com/vuejs/vue-next), [pinia](https://pinia.vuejs.org/), [vue-router](https://github.com/vuejs/vue-router-next)\n- Typescript, of course\n- Using new `\u003cscript setup\u003e` style\n- Support legacy browsers\n- Auto injecting fonts: [vite-plugin-fonts](https://github.com/stafyniaksacha/vite-plugin-fonts)\n- Auto importing APIs: [unimport](https://github.com/unjs/unimport)\n- Auto importing components: [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components), [iconify](https://github.com/antfu/vite-plugin-icons), [element-plus](https://github.com/element-plus/element-plus)\n- Just in time css utilities: [unocss](https://github.com/unocss/unocss)\n- Composition utilities: [vueuse](https://github.com/vueuse/vueuse)\n- Form validation: [vuelidate](https://vuelidate-next.netlify.app)\n- Localization: [unplugin-vue-i18n](https://github.com/intlify/bundle-tools/tree/main/packages/unplugin-vue-i18n), [vue-i18n](https://github.com/intlify/vue-i18n-next)\n- UI Documentation: [histoire](https://github.com/histoire-dev/histoire)\n- Testing: [vitest](https://vitest.dev/)\n- HTTP request: [umi-request](https://github.com/umijs/umi-request)\n- Git custom hooks: [husky](https://github.com/typicode/husky)\n- Commit conventions: [commitizen](https://github.com/commitizen/cz-cli)\n- Linters: [commitlint](https://github.com/conventional-changelog/commitlint), [eslint](https://github.com/eslint/eslint), [@antfu/eslint-config](https://github.com/antfu/eslint-config)\n- Visualize bundle: [rollup-plugin-visualizer](https://github.com/btd/rollup-plugin-visualizer)\n- CI/CD: [github actions](https://github.com/features/actions)\n- Optimized nginx config\n- Dockerize\n\n## Dev Tools\n- [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar): Vue 3 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- [UnoCSS](https://marketplace.visualstudio.com/items?itemName=antfu.unocss): IDE support for UnoCSS\n- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)\n\n## Requirement\n  - [node.js](http://nodejs.org/)\n  - [volta](https://docs.volta.sh/guide/getting-started)\n  - [pnpm](https://pnpm.js.org/en/installation)\n\n## Getting Started\n### GitHub Template\n\n[Create a repo from this template on GitHub](https://github.com/logustra/vivu/generate).\n\n### Clone to local\nIf you prefer to do it manually with the cleaner git history\n\n```bash\n# clone repository\n$ git clone https://github.com/logustra/vivu.git\n\n# open folder vivu\n$ cd vivu\n\n# install packages\n$ pnpm install\n\n# build and serve with vite dev server\n$ pnpm dev\n```\n\n### Run with Docker\n\n```bash\n# build docker image and tag it with name nginx\n$ docker build . -t nginx\n\n# run docker image nginx with name vivu in port 9900\n$ docker run -it -p 9900:80 --rm --name vivu nginx\n```\n\n## Checklist\nWhen you use this template, try follow the checklist to update your info properly\n\n- [ ] Change `name, description, repository, bugs` field in `package.json`\n- [ ] Change the author name in `LICENSE`\n- [ ] Change the favicon in `public`\n- [ ] Remove the `.github` folder which contains the funding info\n- [ ] Clean up the README(s) and remove modules\n\nAnd, enjoy :)\n\n## How to Create Folder\nA guide how to create a folder using `create-cli`\n\n### Component\n```bash\n# create new atom component with name loading\n$ node create component atoms loading\n```\n\n### Module\n```bash\n# create new module with name home and with all types\n$ node create module home all\n```\n\n## Variations\n- [vivu-npm](https://github.com/logustra/vivu-npm): Starter template to build component library\n\n## Cheers me on\nLove my works? give me 🌟 or cheers me on here 😆 \u003cbr\u003e\nYour support means a lot to me. It will help me sustain my projects actively and make more of my ideas come true. \u003cbr\u003e\nMuch appreciated! ❤️ 🙏\n\n\u0026nbsp; \u0026nbsp; 🐙 [Github](https://github.com/sponsors/logustra)\u003cbr\u003e\n\u0026nbsp; \u0026nbsp; 🌍 [Ko-Fi](https://ko-fi.com/logustra)\u003cbr\u003e\n\u0026nbsp; \u0026nbsp; 🇮🇩 [Trakteer](https://trakteer.id/logustra/tip)\u003cbr\u003e\n\n## License\nMIT License © 2021 Faizal Andyka\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flogustra%2Fvivu","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flogustra%2Fvivu","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flogustra%2Fvivu/lists"}