Site Architecture
Site Revamp 2026-03
Search, Getting Started, and Playground Filters
Site Revamp 2026-03 - Search, Getting Started, and Playground Filters
Date: 2026-03-01 Status: Deployed
Overview
Three major usability improvements were deployed to improve discoverability and reduce bounce rate:
- Unified Search - Search now covers all content types
- Getting Started Page - New visitor onboarding flow
- Playground Filters - Skill-based filtering for labs
1. Unified Search
What Changed
The header search (Cmd+K) previously only searched blog posts. Now it searches:
- Blog posts
- Journal entries
- Projects
- Configurations
- Documentation (NEW)
- Playground Labs (NEW)
Result Type Badges
| Type | Badge Color |
|---|---|
| Blog | Green |
| Journal | Cyan |
| Project | Purple |
| Config | Amber |
| Docs | Indigo |
| Lab | Orange |
Usage
Click search icon in header or press Cmd+K (Mac) / Ctrl+K (Windows). Type to search across all content types.
2. Getting Started Page (/start)
Purpose
New visitors often bounce because they don't know where to start. This page provides a guided entry point based on their goals.
Audience Paths
| Path | Description |
|---|---|
| 🏠 Homelab | "I want to set up my own homelab" |
| 🤖 AI/RAG | "I want to learn about AI & RAG" |
| 🛠️ Builder | "I want to build something similar" |
| 👀 Browser | "Just browsing / Tell me about it" |
Each path includes 4 curated steps with links to relevant content.
Navigation
Added to header under More dropdown as first item.
3. Playground Skill Filters
The Playground page now has difficulty filter buttons:
[All]- Shows all 12 labs[Beginner]- 3 labs[Intermediate]- 5 labs[Advanced]- 4 labs
Cards animate in/out when filtering.
Files Modified
src/pages/search-index.json.js- Extended search indexsrc/components/Header.astro- Added search badges, nav itemsrc/pages/start.astro- New getting started pagesrc/pages/playground/index.astro- Added filters