https://github.com/kmelve/eleventy-sanity-blog-boilerplate
Minimal blog with 11ty and Sanity
https://github.com/kmelve/eleventy-sanity-blog-boilerplate
11ty eleventy eleventy-website headless-cms sanity-io static-site-generator
Last synced: 6 months ago
JSON representation
Minimal blog with 11ty and Sanity
- Host: GitHub
- URL: https://github.com/kmelve/eleventy-sanity-blog-boilerplate
- Owner: kmelve
- Created: 2019-04-18T11:22:49.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2022-12-09T20:30:20.000Z (almost 3 years ago)
- Last Synced: 2025-04-04T19:58:38.663Z (6 months ago)
- Topics: 11ty, eleventy, eleventy-website, headless-cms, sanity-io, static-site-generator
- Language: JavaScript
- Homepage: https://www.sanity.io
- Size: 1.64 MB
- Stars: 56
- Watchers: 3
- Forks: 14
- Open Issues: 18
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Eleventy and Sanity Blog Boilerplate
Minimal blog with [Eleventy](https://11ty.io) and [Sanity](https://www.sanity.io).
This is a monorepo with a pre-configured Sanity Studio (`/studio`) and a very basic setup of Eleventy (`/web`).
- [Quick start](#quick-start)
- [Deploy on Netlify](#deploy-on-netlify)
- [Studio](#studio)
- [Web](#web)
- [Deploy on `now`](#deploy-on-now)
- [CORS-settings for the Studio](#cors-settings-for-the-studio)
## Quick start
1. `npm install` in the project root folder on local
2. `npm run sanity-init` to reconfigure the studio with a new or existing project
3. `npm run dev` to start the Studio and 11ty in watch mode
- Sanity Studio runs on [localhost:3333](http://localhost:3333)
- 11ty outputs the static files in `_site`
4. `npm run build` to build to production locally
## Deploy on Netlify
You can host both the studio and the 11ty blog on [Netlify](https://netlify.com) as two apps. Log in to your Netlify account and add them as two separate apps with the following settings:
### Studio
- **Repository**: ``
- **Base directory**: `studio`
- **Build command**: `npm run build && cp ./netlify.toml dist`
- **Publish directory**: `studio/dist`
You have to add [CORS-settings](#cors-settings-for-the-studio) for the studio deployed on Netlify.
### Web
- **Repository**: ``
- **Base directory**: `web`
- **Build command**: `npm run build-web`
- **Publish directory**: `web/_site`
## Deploy on `now`
The `now.json` has configuration for deploying both the frontend and the studio on _one_ now deployment. The web frontend can be browsed from the root of your now domain. The Studio can be accessed on `https://.now.sh/studio`.
1. Add a `"basePath": "/studio"` to `sanity.json`:
```json
"project": {
"name": "sanity-tutorial-blog",
"basePath": "/studio"
},
```
2. You have to add CORS-settings for the studio deployed on `now`.
## CORS-settings for the Studio
Go to your projects API-settings on [manage.sanity.io](https://manage.sanity.io) => Settings => API => CORS origins => Click "Add" => Add domain for the now deployment + Allow credentials.
or
```text
> cd studio
> sanity cors add https://.now.sh`
```