Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sanity-io/example-frontend-vue-js
An example of a Sanity powered frontend using Vue.js
https://github.com/sanity-io/example-frontend-vue-js
Last synced: 3 months ago
JSON representation
An example of a Sanity powered frontend using Vue.js
- Host: GitHub
- URL: https://github.com/sanity-io/example-frontend-vue-js
- Owner: sanity-io
- Created: 2017-11-11T12:11:05.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2022-12-23T17:56:14.000Z (almost 2 years ago)
- Last Synced: 2024-05-07T21:02:01.857Z (6 months ago)
- Language: Vue
- Homepage: https://sanity.io
- Size: 970 KB
- Stars: 74
- Watchers: 8
- Forks: 117
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Sanity + Vue.js frontend example
===
This is an example [Sanity](https://www.sanity.io) powered frontend for the movie dataset using [Vue.js](https://vuejs.org/).
## Prerequisites
You will need [Node.js](https://nodejs.org) version 6.0 or greater installed on your system.
## Setup
Get the code by either cloning this repository using git
> git clone https://github.com/sanity-io/example-frontend-vue-js.git
... or [downloading source code](https://github.com/sanity-io/example-frontend-vue-js/archive/master.zip) code as a zip archive.
Once downloaded, open the terminal in the project directory, and continue with:
```
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/).
### Configuring Sanity
If you're running your own Sanity project with the example movie dataset and feel like running this example with your own data, go to `src/sanity.js` and change the following two lines:
```
projectId: 'YOUR_PROJECT_ID',
dataset: 'YOUR_DATASET_NAME' <-- 'production' if you just went with the default
```
You can locate the ID of your project in the header of the [management page for your project](https://manage.sanity.io/).
You also need to enable `localhost:8080` in your CORS Origins settings! Either through the [management page](https://manage.sanity.io/) under `settings` or by running this in the project folder you set up with `sanity init`:
> sanity cors add http://localhost:8080
For a more detailed explanation on how this example works, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).