Tanner Heffner's personal website
This site is based on swyxkit, a lightly opinionated starter for Svelte projects:
- SvelteKit + Netlify adapter!
- Tailwind 3 + Tailwind Typography (with swyx fixes)
- JSDoc Typechecking
- GitHub Issues as CMS
create .env
file with these values:
GH_TOKEN=
LASTFM_API_KEY=
STEAM_API_KEY=
npm install
npm run start
npm run test
to run the Playwright tests. Locally runs against chromium, CI runs the full browser suite.
Accessibility test reports can be found in test-results/a11y
. View the files in a local browser.
- swyxkit & swyx.io for many decisions, but especially github as cms + blog filtering
- Slice component design inspired by Rene Stalder: https://renestalder.me/en/
- Geoff Rich for dynamic og images https://geoffrich.net/posts/svelte-social-image/
- Patrick Bacon for sveltekit hydration helper for playwright tests https://spin.atomicobject.com/hydration-sveltekit-tests/