In this project I undertook the task of revitalizing a respected English teaching blog based in Taiwan.
The website can be found here.
The primary objective was to modernize the website’s appearance and functionality. This involved migrating the outdated design to Gatsby.js, utilizing a purchased Flexiblog template for enhanced flexibility.
A significant challenge emerged when dealing with the migration of approximately 1000 articles, stored within a MongoDB database. To address this, I transitioned the articles into the MDX format, seamlessly compatible with the chosen template. This transition was facilitated by a Node.js script, which extracted the article data to generate valid MDX files inclusive of article content and metadata.
This strategic approach ensured the comprehensive migration of all article data to the Gatsby platform. By harnessing GraphQL, the blog’s various functionalities were efficiently supported, resulting in notably swift loading times.
To enrich the user experience, I seamlessly integrated Algolia search functionality into the website. Furthermore, I provided guidance to the client throughout the deployment process, ensuring a successful launch.