Back to projects
Active Started Nov 2024

rosslabs-ai

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

Go to 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.

What I Built

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.

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