Comer Conjugation - comerconjugation.com
Time to completion: ongoing
Comer Conjugation is one of a network of 18 websites that aims to help people master the Spanish verb comer without the need to memorise all the complicated grammar rules. Rather than studying conjugation tables, the site focuses on targeted practice, reading and listening. It is an ongoing side project that I have been working on with a Spanish friend in my spare time and is a project of passion, that I genuinely hope will help people learn Spanish. The site is built using the frontend Javascript framework Nuxt 3 and is powered by a node.js backend. The site is hosted on the Netlify platform and is a powered by a serverless MySQL database hosted on PlanetScale.
The Comer Conjugation site has been an incredibly fun project to work on and has allowed me to learn a lot about the Nuxt 3 framework and the new features that it brings to the table. The site has made heavy use of the various Artificial Intelligence 'text to speech' and 'large language learning' models to automate and curate some of the content.
Technologies used:
Technical Summary
The Website
The client-side website was built using NUXT 3, the Vue JS SSR framework, and integrated with the 'Nuxt Studio' platform, so that the non-technical members of the team are able to add content directly to the website without technical assistance. This is a really good, relatively cheap, and more flexible alternative to adding that functionality to the CMS. Because the site uses much of the same data repeatedly on the various pages, we made heavy use of caching on the backend using Redis and utilising Nuxt's 'UseFetch' composable in combination with the cached nuxtApp payload data. This, alongside the benefits that server-side rendering and the prefetching of payloads and components bring, means that the website is incredibly fast for both the users and with regards to the initial page load time that is required for SEO considerations. The site is hosted on Netlify and powered by a PlantScale serverless MySQL database.
CMS
Due to the implementation of Nuxt 3 studio, the CMS was a relatively simple affair, designed only to be able to manage the core data of the sites, mainly the verb conjugations, dialogs and audio. We did however add some really smart AI integrations, that help with adding data quickly, accurately and automatically.
Media Storage
To host the audio and images, we favored Digital Ocean's 'Spaces' solution over Amazon's S3 platform, because the usability of adding the media was easier for non-technical members of the team.
Integrations
We're using Sentry for error tracking, and Google Analytics / Adsense to track the success of the sites campaigns and to monetise the site.