Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/spences10/sveltekit-starter-blog


https://github.com/spences10/sveltekit-starter-blog

Last synced: about 2 months ago
JSON representation

Awesome Lists containing this project

README

        

# SvelteKit blog starter with GraphCMS

This starter shows how to use the SvelteKit with GraphCMS. It uses
`graphql-request` and GraphCMS for the backend.

• [Demo](https://sveltekit-starter-blog.vercel.app/)

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/import/project?template=https://github.com/spences10/sveltekit-starter-blog/tree/main)

[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#/https://github.com/spences10/sveltekit-starter-blog)

## How to Use

See the introductory [blog post] on getting started building out this
project.

You'll need a GraphCMS account and the Blog Starter created, get the
endpoint from the "API Access" section in the project settings, check
the "Content from stage Published" checkbox for access.

Rename the `sample.env` file to `.env` and add your endpoint:

```text
VITE_GRAPHCMS_URL=your-endpoint-here
```

Add the `VITE_GRAPHCMS_URL` variable and endpoint to the "Environment
Variables" section of the Vercel project.

### Download Manually

```bash
npx degit spences10/sveltekit-starter-blog sveltekit-starter-blog
```

Install & Run:

```bash
cd sveltekit-starter-blog
npm install
npm run dev -- --open
```

[blog post]: https://scottspence.com/posts/graphcms-svelte-starter/