https://github.com/nullstone-io/vue-quickstart
Vue.js Quickstart for Nullstone
https://github.com/nullstone-io/vue-quickstart
Last synced: 3 months ago
JSON representation
Vue.js Quickstart for Nullstone
- Host: GitHub
- URL: https://github.com/nullstone-io/vue-quickstart
- Owner: nullstone-io
- License: mit
- Created: 2022-05-07T12:58:54.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2024-11-13T00:49:48.000Z (over 1 year ago)
- Last Synced: 2025-05-06T08:58:40.679Z (about 1 year ago)
- Language: Vue
- Size: 22.5 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Vue.js Quickstart
This is a Vue.js Static Site Quickstart for [Nullstone](https://nullstone.io).
This is based off the official Vue.js [Quick Start](https://vuejs.org/guide/quick-start.html) guide.
This quickstart is set up with:
- Vue.js 3
- Typescript
- Vue router for Single Page Application
## How to launch via Nullstone
1. Create a static site. (Remember `app-name` for later)
2. Add a subdomain. (this will add a CDN capability)
3. Provision
```shell
nullstone up --wait --block= --env=
```
4. Build, push, and deploy
```shell
npm run build
nullstone launch --source=./dist --app= --env=
```
## Running locally
You can run this project locally inside Docker or using a dev server.
The docker setup is configured to hot reload; you don't have to rebuild/restart the container when you change code.
### Docker
NOTE: This setup requires configuring vite server to bind on `0.0.0.0`.
```shell
docker compose up
```
Visit [http://localhost:3000](http://localhost:3000).
### Dev Server
```shell
npm run dev
```
Visit [http://localhost:3000](http://localhost:3000).
### Hot reload
The `app` in `docker-compose.yml` is configured to automatically reload changes to code.
You do not need to rebuild/restart the app when making changes to code.
### Update dependencies
To make changes to dependencies, make changes to `package.json` and restart your docker container.
`npm install` happens automatically at the boot of the docker container to update dependencies.
```shell
docker compose restart app
```
## Details on quickstart
This static site was generated following these steps.
1. `npm init vue .`
2. `npm install`
3. Configure `package.json` to serve on `0.0.0.0` (necessary for Docker setup)
```json
"scripts": {
"dev": "vite --host=0.0.0.0",
```