Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/spences10/graphcms-sveltekit-portfolio-and-blog-starter

A SvelteKit portfolio and blog starter with GraphCMS
https://github.com/spences10/graphcms-sveltekit-portfolio-and-blog-starter

blog graphcms graphql portfolio starter svelte

Last synced: 10 days ago
JSON representation

A SvelteKit portfolio and blog starter with GraphCMS

Awesome Lists containing this project

README

        

# GraphCMS SvelteKit Portfolio and Blog Starter

> Minimalist Developer Portfolio and Blog built with SvelteKit,
> Tailwind, daisyUI, and deployed to Vercel.

**Check out the [demo].**

If you've come here from freeCodeCamp, you can check out the updated
changes to work with the new routing in SvelteKit here:
https://github.com/spences10/graphcms-sveltekit-portfolio-and-blog-starter/pull/101/files

**Deploy your own** on Vercel, click the deploy button and remember to
add in the Content API from _your_ GraphCMS project template:

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/spences10/developer-portfolio-and-blog&env=VITE_GRAPHQL_API)

## The stack

This is an example project generated with the GraphCMS Developer
Portfolio and Blog starter.

- **[GraphCMS](https://graphcms.com)**: Manage projects and blog
posts.
- **[SvelteKit](https://kit.svelte.dev/)**: A powerful framework that
lets us query data and use endpoints for server side data.
- **[Vercel](https://www.vercel.com/)**: For an intuitive Git based
workflow with seamless publishing.

## How to use

⚠TODO!

Rename the `sample.env` file to `.env` and add your own Content API
endpoint.

```bash
mv sample.env .env
```

Install dependencies and run local dev server:

```bash
npm i
npm run dev
```

[demo]:
https://sveltekit-portfolio-and-blog-starter-with-graphcms.vercel.app/