Personal Website Experiment

In early 2023, I decided to learn about the technologies below to build my personal website. I also learned about Vercel and the great developer experience it provides to make all these technologies come together into something easily sharable with the world.

• Component Framework: Svelte
• App Framework: SvelteKit
• Styling: TailwindCSS
• Deployment: Vercel
• Image Optimization: Cloudinary

Inspiration, Component Library & Learning Resources

The following websites below served as inspiration to create my own.

• leerob.io
• transitivebullsh.it
• matteing.com
• craftz.dog

I also used this great library by Captain Codeman for a few Svelte headless UI components.

• svelte-headlessui

Last but not least, these learning resources were of great help while building this website.

• Joy Of Code
• New Svelte Interactive Tutorial
• Original Svelte Interactive Tutorial
• Vercel's Next.js Start Learning Guide

TODO

There are still a few things I want to do with this website:

• Add a global 404 page
• Implement my /blog with MDX or Sanity.io
• Update the /projects page after shipping my first side projects in 2023.
• Add Vercel Analytics as a learning exercise
• Implement security practices per leerob's repo - find out the equivalent for SvelteKit
• Add script to make the deletion of personal information easy for others, inspired by leerob's setup script.

Running Locally

git clone https://github.com/geniotechpr/eugeniosarritzu.com
cd eugeniosarritzu.com
pnpm install
pnpm dev