LedyerFront-End Developer
When I joined the team at Ledyer, they needed some help to improve the official website. Built with SvelteKit, the site was hard-coded, requiring developer intervention to update content, which was time-consuming and inefficient.
Implementing a Headless CMS
I started by implementing a headless CMS, specifically Storyblok, to streamline content management. This transformation allowed the team to manage and update content without the need for constant developer involvement, significantly improving workflow efficiency.
In addition to the CMS implementation, I focused on optimizing the site for SEO and page speed. I ensured that images served to visitors were optimized for their screen sizes, enhancing the overall user experience. I also added a feature for submitting news directly on the site, making it easier for the editors to keep content fresh and relevant.
Now, all content is fetched through Storyblok’s API, and a completely static site is generated at build time. This approach not only results in quick loading times but also creates better conditions for SEO. Whenever new content is published, a pipeline build is triggered by a webhook, ensuring that the site remains up-to-date effortlessly.
Ensuring Quality with End-to-End Testing
To further enhance the reliability of the website, I implemented end-to-end tests using Playwright. These tests are run in the pipeline directly against the static build, ensuring that all functionality is secured before any pull request can be merged into production.
My time at Ledyer
Despite the short duration of my contract, I believe I was able to deliver significant value. It was my first time working with SvelteKit and Storyblok, both of which proved to be great tools. The developer experience was great and I was able to pick them up quickly.
