Rob Thoughts

This is a living project, one that Rob and I will continue to add to as we think of new features to add.

How it was built:

• Astro.js
• TinaCMS
• Tailwind
  • Tailwind Typography (styling Markdown)
• Vercel

Current features:

• ‘Random Thought’ and ‘Random Topic’ links on the home page takes the user to a random blog post or a random post tag, respectively.
• Astro.js generates static pages, serving basic HTML and CSS to the browser, leading to fast performance and lightweight code!
• TinaCMS:
  • Creating and managing new Thought posts (blog posts), which are Markdown files
  • Editing the language on the Home and About pages (content are in single-document collections with creation and deletion disabled)
  • Keeps all the posts in the same GitHub repository that serves the project
• Topics (post tags), once added in the TinaCMS tags field, are used to automatically generated pages for that Topic that lists all the Thoughts that use that Topic
• Tailwind eases the consistent styling of components throughout the project
• Tailwind Typography enables styling control of Markdown files
• Vercel automatically deploys the site upon pushes to the main branch in the repository

Lessons learned:

• Tailwind makes styling components much easier
• Tailwind Typography is a godsend
  • I originally had no idea how to style Markdown, and had to disable images in the TinaCMS rich-text field just to ensure consistent styling. But with Tailwind Typography, that’s no longer an issue!

Things to work on:

• How to add alt text for images uploaded via TinaCMS and in Markdown pages?
• ‘Previous’ and ‘Next’ links on Thought posts