heffdotdev

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

Setup

create .env file with these values:

GH_TOKEN=
LASTFM_API_KEY=
STEAM_API_KEY=

npm install
npm run start

Testing

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.

Acknowledgements

• 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/