My Avatar

Pick Nature Portfolio

My wife was in need of a space where she could showcase her current inventory of jewelry and art. This would allow customers to browse available items in a clean and logical manner. The result is a modern, performant, mobile-first browsing experience powered by Svelekit and TailwindCSS coupled with a beginner friendly Open Data Platform that she can use to manage every aspect of the website's content.

The website is statically generated, improving its SEO and performance, yet can easily pull in updated content from the CMS with a simple re-build. The re-build and deploy can be triggered from within the CMS admin application with the press of a button. Vercel will also detect any changes to the code repository on GitHub and automatically deploy a new build to Vercel.

See it live here!

Technology Stack

  • SvelteKit
  • Svelte
  • Directus
  • TailwindCSS
  • PostCSS
  • Vercel
  • Heroku
  • TypeScript

Image carousel credit: svelte-carousel