Building 'Compiled Thoughts' with nuxt and @nuxt/content

Compiled Thoughts is a simple blog application built in nuxt. I wrote it in 3 days and it was a fun adventure in front-end web development that I dreaded for a long time.

The blog posts are git-based markdown files managed through nuxt content and parsed with markdown-it . Reading the collection of posts was less intuitive than I thought as the content is cached and you need to refresh the cache as you add new types of collections to the content. The nuxt content documentation was of tremendous help to guide me through the 500 errors I was getting when trying to read new collections. Data content is stored in a sqlite database which I needed to cleanup and prepare through npx nuxt commands:

npx nuxt cleanup && npx nuxt prepare

I also needed to disable schema version comparison for some reason, as even with cleanup and prepare I was getting a sqlite 500 error that a collection was not found. This happened after I added a resources collection besides my blog posts collection.

Nuxt is a vue framework, so all components and pages are vue based, using nuxt tailwind as it's css module. As the content of the blog will grow, I will add more features like Search and Categories but for the time being the functionality of the blog is limited to Blog Post creation, Get in Touch, About and Privacy pages.

The blog is deployed using github actions, it is integrated with decap-cms and hosted in Netlify (on it's Free Plan 😃). I can write blog posts through its admin interface and update the blog immediately upon publishing.