ChangeLab Website

ChangeLab accelerates team learning and capability development through game-based training simulations. The website needed to feel fresh and modern, while having a fully functional backend blog system.

Framework

ChangeLab was built using Next.JS, mainly because of the CMS backend. We opted for Payload CMS as it features full integration into the Next.JS ecosystem, in the same codebase. This was great as ideally we didn't want to have to have multiple deployments. This kept it simple, but also really powerful. For styling I used Tailwind CSS as well as ShadCN for some base components that I then custom styled

Payload CMS

Payload CMS is built into the Next codebase, which allows it to leverage all kinds of cool and helpful features. Being able to create collections via a configuration file, which then becomes type safe across the application is very neat and makes things so much easier in the long run. The local API that is used to fetch the content for pages is also very performant and reduces the fetch time for pages. It also has a non-local API which you can link in to another site you might have, which I think is really nice too

Deployment

We explored multiple deployment options including Amplify, SST & Docker containers, we decided that Vercel was the easiest and most versatile way of hosting for the feature set we had in the website. However, this could change as Vercel makes other platform support better for Next in the future

Visit ChangeLab at changelab.ai