This site is wholly developed in Sveltekit. Behind the scenes, I use Visual Studio Code as the IDE, and the site repo is stored on Github. It is hosted on the Vercel platform, for now the free tier doing just fine :)
Inside the Codebase
- Supabase for database and storage. All images are stored here, and tables maintaining the image galleries are in here. I love Supabase.
- Posts and other writings are stored as markdown files, mdsvex is used for rendering these files as web pages. I use Obsidian to write, manage all posts, tags and page metadata.
- Svelte Legos is a super-cool, near-exhaustive collection of various Sveltekit actions, utilities, stores and more. Svelte Reveal makes scroll animations easy and straightforward.
- Svelte Lightbox for image lightboxes in the galleries.
- Auth helps me keep you out of sections of the site I don’t want you looking into.
Site Design
The site uses Space Grotesk and Mluvka Grotesk fonts.
The primary colors are ‘#41C813’ and ‘#06FF00’ on light and dark modes respectively:
Haven’t taken a liking to styling or component libraries. I quite like coding my own styling, and I do so in class SASS.
Hardware
I use a MacBook Pro, recently purchased the new one with M3 Pro chip.