https://github.com/hygraph/hygraph-sveltekit-portfolio-and-blog-starter
Get started with your own portfolio and blog with SvelteKit and Hygraph
https://github.com/hygraph/hygraph-sveltekit-portfolio-and-blog-starter
daisyui graphcms graphql-request hygraph sveltekit tailwindcss theme-switch
Last synced: 2 months ago
JSON representation
Get started with your own portfolio and blog with SvelteKit and Hygraph
- Host: GitHub
- URL: https://github.com/hygraph/hygraph-sveltekit-portfolio-and-blog-starter
- Owner: hygraph
- Created: 2021-12-23T15:19:38.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-12-06T10:51:42.000Z (over 2 years ago)
- Last Synced: 2025-04-03T01:58:12.942Z (2 months ago)
- Topics: daisyui, graphcms, graphql-request, hygraph, sveltekit, tailwindcss, theme-switch
- Language: Svelte
- Homepage: http://portfolio.withheadlesscms.com/
- Size: 220 KB
- Stars: 43
- Watchers: 24
- Forks: 11
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Hygraph SvelteKit Portfolio and Blog Starter
> Minimalist Developer Portfolio and Blog built with SvelteKit,
> Tailwind, daisyUI, and deployed to Vercel.
[](https://app.hygraph.com/clone/77e3a126472d443bad40b9e4cac85243?name=Developer%20Portfolio%20%26%20Blog)
[](https://vercel.com/new/clone?repository-url=https://github.com/hygraph/hygraph-sveltekit-portfolio-and-blog-starter&env=VITE_HYGRAPH_ENDPOINT)
## The stack
This is an example project generated with the Hygraph Developer
Portfolio and Blog starter.
- **[Hygraph](https://hygraph.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
1. Clone the repository and install the project dependencies
```
npx degit Hygraph/hygraph-sveltekit-portfolio-and-blog-starter#main portfolio
cd portfolio
pnpm i
```
2. Provide your Hygraph project keys
In order to use this starter, you'll need to have created a new
Hygraph project using our Portfolio Template. You can clone the
project using
[this link](https://app.hygraph.com/clone/77e3a126472d443bad40b9e4cac85243?name=Developer%20Portfolio%20%26%20Blog).
```bash
cp sample.env .env
```
Inside of your newly created `.env` file, you need to add your project
endpoint to the `VITE_HYGRAPH_ENDPOINT` variable. You can find it on
`Project settings` -> `API Access` -> `Content API`.
3. Start building 🎉
```
pnpm dev
```