New Halfspace.ai website Journey into Svelte!

Hi, I'm Wojtek

When my company, Halfspace, needed a new version of our website, I saw it as the perfect chance to learn and experiment with Svelte. As a self-taught frontend developer, diving into Svelte 4 (and then migrating to 5) was both challenging and rewarding, but the experience taught me a lot about building fast, modern, and user-friendly websites.

There's a still a couple of rough edges. I continue to work on the videos performance and some of the animations.

The tech stack for this project reflects my values: simplicity, performance, and respect for privacy. Here’s what I used:

  1. Svelte Kit: For its elegance and performance as a frontend framework.

  2. Prismic: A CMS that makes content management a breeze.

  3. Vimeo: To stream our high-quality videos seamlessly.

  4. Tailwind CSS: Because I love how it speeds up styling and keeps my codebase clean.

  5. Playwright: For robust end-to-end testing.

  6. Azure Static Web Apps: The hosting solution that keeps everything cheap, fast and reliable.

  7. GitHub Actions: To automate deployments with ease.

  8. Altcha: A privacy-focused alternative to reCAPTCHA.

  9. Plausible Analytics: To respect user privacy while tracking website performance.

I chose privacy-first tools because I believe in respecting our visitors. Tools like Plausible and Altcha allow me to avoid Google services, which aligns with my values and our company’s mission.

The result is live at halfspace.ai. This project stretched my skills, especially as I was learning on the go, but I’m thrilled with how it turned out. If you’re interested in using a similar stack or have any questions about these tools, feel free to reach out. I’d love to share what I’ve learned!

This has been more than just a project for work—it’s been a milestone in my growth as a developer.

1 Like