Work

I created this application first as a SvelteKit based eCommerce (Shopify Storefront) app, then later as a content focused Next.js application (sans the Shopify Storefront integration), realigning with the Client's evolving vision to focus on content. This realignment allowed me to take advantage of Next's suite of Image optimization APIs, metadata tools, and more, along with Tailwind CSS, to deliver a lightning fast, responsive, and aesthetically pleasing, web application.

Furthermore, in aligning with the Client's goals for cost efficiency, I deployed this Next.js application to a serverless architecure built on AWS, defined as IaC with SST+Pulumi, and using the sst cli to deploy both the backend resources and the application itself to AWS. Even further, I setup a CI/CD pipeline with a GitHub Action runner, for seamless re-deployments.

To create "The Star" branding, I used Figma to create a vector based image I could export as a Scalable Vector Graphic (SVG).

I created a Gatsby JS Frontend, for a Strapi CMS backend, hosted on Heroku, with an attached Postgres database. A Google Cloud Storage Bucket is used for asset hosting. Tailwind CSS was used to create a responsive design, and Gatsby's image optimization APIs were used for blurry image srcsets and lazy loading. Finally, the frontend is deployed via Cloudflare Pages.

To create the Maitais at Sunset branding (favicon, and podcast cover artwork), I used Adobe Illustrator. To create the chromatic aberration on the Maitais drink, I used Adobe After effects to create a composition I could then export as a compressed MP4. It's integrated into the frontend with the HTML5 video API.