ramirouini.com — a personal hub with its own CMS

The site you're on is a product in its own right: the front door to nine ventures, a blog, a journal and the next adventure — all editable without touching code.

What it does

• One hub, nine ventures. Every venture has its own page, live-site links and enquiry form, all driven by a single registry so adding a venture is one entry.
• A content studio. Articles, portfolio projects, journal entries, adventures and case studies are written in Markdown, previewed, submitted for review and approved before they go live.
• Audience tools. Enquiries from every form land in one inbox with email notifications, plus a newsletter list with export.
• Built for search. Server-rendered pages, per-page Open Graph cards, sitemaps, hreflang, and schema.org data for the person, the ventures, articles and projects.

How it's built

• TanStack Start (React 19, server-side rendering) and TypeScript
• Tailwind CSS
• Supabase: Postgres with row-level security, authentication and file storage
• Deployed as a Docker container, with automated checks for types, accessibility, structured data and social previews on every change

Why it matters to me

Most personal sites are a page and a contact form. I wanted one that behaves like a small product: content I can publish from my phone, data I can trust, and pages that hold up to a search engine and a screen reader alike.