Neha's site is a portfolio and blog for her professional journalism. I was tasked with increasing performance and SEO, fixing a number of persistent bugs, and generally making the site more reobust and reliable.
The pre-existing site had not been been mobile optimised, and had a number of inefficiencies in its WordPress theme and data queries, which were resulting in slower page load speeds than desired.
After migrating the site to a cheaper, faster hosting service, I got to work on a JAMstack approach, keeping WordPress as the source of data and rebuilding the frontend in React.
Design was kept as is, my task was to replicate the existing site's style and behaviours, while interpreting those into a responsive experience.
Using the WP GraphQL plugin to allow the content to be accessed headlessly, I leveraged the Static Site Generation feature of Gatsby.js to build the site, dramatically increasing all metrics for performance, accessibility and SEO.
Setting up a build pipeline on Netlify, and triggering new builds when WordPress content is updated or published, allows the site to have constant uptime with no security concerns.