Skip to content

Get started with your own portfolio and blog with SvelteKit and Hygraph

Notifications You must be signed in to change notification settings

hygraph/hygraph-sveltekit-portfolio-and-blog-starter

Repository files navigation

Hygraph SvelteKit Portfolio and Blog Starter

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

Clone project Deploy with Vercel

The stack

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

  • Hygraph: Manage projects and blog posts.
  • SvelteKit: A powerful framework that lets us query data and use endpoints for server side data.
  • Vercel: 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
  1. 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.

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.

  1. Start building 🎉
pnpm dev