a screenshot from lost art records

lost art records

a record label website

link

This is a website that I've been building for my father's record business for many years. I started working on the site very early on when I was first learning web development and have seen it through various iterations over time.

It's technically an ecommerce site - it's set up primarily to sell records and merch for the label. But the e-commerce functions of the site are managed through paypal links so the site itself doesn't have to manage a cart or anything. The user-facing side of the site is static, but I am slowly fleshing out a CMS as well.

The tech stack is Next JS, with Payload CMS and Mongo DB. I tried to keep things as simple as possible so the headless CMS, instead of having it's own deployment, is part of the Next JS server. I'm using Vercel for hosting and the site is deployed using serverless functions. It uses incremental static regeneration, so when something is changed in the CMS, an on-demand cache invalidation is triggered, and any relevant static pages are then re-rendered on the server. I really like this architecture for it's simplicity and speed and am excited to see the tools continue to evolve to make these sorts of sites easier to build and more performant with minimal resources.