npm install
npm run serve
npm run build
npm run lint
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 installto install Sanity dependencies - Add
projectIdtosrc/client.js - Run
sanity start - Navigate to
localhost:3333to 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
projectIdtosrc/client.js(detailed instructions below) - Run
sanity start - Navigate to
localhost:3333to view Sanity Studio
Connecting the Vue.js app and Sanity project can be done with the following steps:
- Navigate to manage.sanity.io
- Click on the name of your project (name was created during
sanity init) - Find the
projectIdat the top of the project's dashboard.- Navigate to
src/client.jsin the code and insert the projectId where it says "YOUR PROJECT ID HERE"
- Navigate to
- 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"