๐ป A full-featured Vuejs + Vuetify + Great structure project template + API Ready
๐ It's using latest VueJS 2 and Vuetify 2
VueJS 3 + Vuetify 3 + Vite is coming soon ๐
It's exactly the same as the VueJS projects, basicly you'll need a NodeJS installation. Check the links below out for more details:
- Node with NVM - Script for any ubuntu based distribution
- Install Node.js with NVM
- For Windows users, the NodeJs.org might help
$ npm i -g @vue/cli-init
$ vue init huogerac/crud-vuetify-structured-template my-project
$ cd my-project
$ npm install # Or yarn
$ npm run dev # See the package.json / scripts
Note: The npm run dev
will run the api mock and vuejs server,
check the package.json
out for running separeted which one.
- Focus on the business and creating value
- Faster project setup
- Standard project structure organization (easy to scale)
- Easy to remove / rename features
- DRY (I was doing those setup steps over and over again)
- I don't want to be backend API dependent (Faster development using API Mocking)
- VueJS (2) + Vuetify configured
- Page inheritance (Layout)
- Home Task's list
- Create, Update and Delete Task
- Error pages (404, 500)
- Vue Router to be scalable
- API Ready (using Axios)
- API Mock (using json-server)
- Pure components
- Linter + Code style (Prettier)
โโโ apiMock ๐ The sub-project for the API mock
โย ย โโโ server
โ db.json ๐ The API data (mock)
โโโ public
โ favicon.ico
โโโ package.json ๐ Project/Package Manifest
โโโ .prettierrc.js ๐ Code Style
โโโ .env ๐ Set environment var for development
โโโ src
โโโ router ๐ #1 App routes
โ โโโ index.js
โ โโโ tasks.api.js ๐ Routers by context
โโโ pages ๐ #2 App pages (App pages/views)
โย ย โโโ layouts ๐ Pages bases
โ โ โโโ Public.vue
โย ย โโโ public ๐ Pages by context
โ โโโ 500.vue
โ โโโ Home.vue ๐ VueJS "SMART" components
โโโ components ๐ #3 VueJS "DUMP" components
โย ย โโโ visual ๐ Pure components**
โโโ api ๐ #4 API folder
โ โโโ index.js
โ โโโ tasks.api.js ๐ API endpoints by context
โโโ mixins ๐ Anything used cross components
โ โโโ ApiResponse.vue
โโโ filters ๐ VueJS template filters
โ โโโ dateFilter.js
โโโ assets
โ โโโ some-image.jpg
โโโ plugins
โโโ vuetify.js
Any help is more than welcome...
- ๐ It could be an Issue
- ๐ป It could be using it and give a feedback
- ๐ It could be a github star
- ๐ค It could be a question ( Use the Issues )
- ๐ค If you hate this project, feel free to tell us what is wrong with it
- If you know great vuejs project templates, please, add it here