Back to projects
Active Started Nov 2024

rosslabs-ai

Personal portfolio site built with Astro and Keystatic CMS. Showcases projects, posts, and experience.

Live App Private Repo
Astro Tailwind CSS Keystatic Cloudflare Pages

The Problem

I’ve wanted to build a personal website for a few years. Squarespace and Wix didn’t have templates I liked, and tools like Webflow seemed like overkill. I wanted a site that seemed simple yet scalable to handle embedded links and videos. I also wanted a a simple content management system that was easy to use and that I could customize.

Then Anthropic Opus 3.5, Google’s Antigravity, and Google Gemini 3.0 dropped in quick succession. I decided this was the perfect time to test out new LLM models while finally tackling a long-held goal.

The Solution

I turned to Astro after researching different website frameworks. I wanted a framework that was fast, would deploy effectively on Cloudflare Pages, and flexibility to handle multiple use cases as my site grows. For example, I can plug in react components if I want something more interactive and maintain static page elsewhere.

For content management, I decided to use Keystatic for the flexibility. I wanted to build an admin panel that was simple and did not contain unnecessary buttons or UI elements that I didn’t need.

What I Built

A static site built with Astro for performance, Keystatic for content management, and Cloudflare Pages for hosting. The site features:

  • Dark mode by default
  • Client-side filtering for posts
  • Auto-generated table of contents
  • Responsive design

Lessons Learned

Static sites are perfect for portfolios. No database means less maintenance, and Cloudflare Pages provides instant global CDN distribution and security.

What’s Next

  • Add more blog content
  • TBD, may add search functionality