Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lelouchb/vue-sanity-blog
Blog made with Vue.js and powered by Sanity CMS.
https://github.com/lelouchb/vue-sanity-blog
sanity sanity-io sanity-studio vue vue-cli vue-router vuejs
Last synced: 2 months ago
JSON representation
Blog made with Vue.js and powered by Sanity CMS.
- Host: GitHub
- URL: https://github.com/lelouchb/vue-sanity-blog
- Owner: lelouchB
- License: mit
- Created: 2021-02-14T09:32:07.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2021-03-31T05:10:29.000Z (almost 4 years ago)
- Last Synced: 2024-10-12T08:15:12.861Z (4 months ago)
- Topics: sanity, sanity-io, sanity-studio, vue, vue-cli, vue-router, vuejs
- Language: Vue
- Homepage: https://vuesanity.netlify.app/
- Size: 1.34 MB
- Stars: 5
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
[](https://vuesanity.netlify.app/)
[](https://app.netlify.com/sites/vuesanity/deploys)
## Vue Project setup
```
npm install
```
### Compiles and hot-reloads for development
```
npm run serve
```
### Compiles and minifies for production
```
npm run build
```
### Lints and fixes files
```
npm run lint
```
### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
### Sanity Studio
To get your Sanity Studio up and running, we need to have a projectId in `src/client.js`. If you already have a `projectId` then be sure to add that value there. Otherwise you will need to `sanity init`. All instructions are below.
If you already have a `projectId`:
- Run the command `cd studio`
- Run `sanity install` to install Sanity dependencies
- Add `projectId` to `src/client.js`
- Run `sanity start`
- Navigate to `localhost:3333` to view Sanity Studio
If you _do not_ have a `projectId`:
- Run the command `cd studio`
- Run `sanity init`
- Answer the following questions:
* Create new project — Hit Enter.
* Your project name: — We can name it whatever we would like. Let’s use **studio** for this project.
* Use the default dataset configuration? — The default dataset configuration has a public dataset named "production", let's stick with that. So type in "Y" and hit Enter.
* Project output path: — This will show us the path where our sanity project will live. Hit Enter.
* Select project template: — Here we are going to choose Blog (schema). Using the arrow keys, navigate to that so it’s showing blue. Hit Enter once there. Success!
- Add new `projectId` to `src/client.js` (detailed instructions below)
- Run `sanity start`
- Navigate to `localhost:3333` to view Sanity Studio
## Sanity Management
Connecting the Vue.js app and Sanity project can be done with the following steps:
- Navigate to [manage.sanity.io](https://manage.sanity.io/)
- Click on the name of your project (name was created during `sanity init`)
- Find the `projectId` at the top of the project's dashboard.
* Navigate to `src/client.js` in the code and insert the projectId where it says "YOUR PROJECT ID HERE"
- Back in the project's dashboard, go to the "Settings" tab
* Click on API
* Under "CORS Origins" click on "ADD NEW ORIGIN"
* Insert `http://localhost:8080`
* Click on "ADD NEW ORIGIN"