WebGuide
A practical self-service web guide for PC users, combining structured tech content with a built-in support system.
WebGuide is a practical knowledge platform and support hub designed to help friends with everyday PC use, gaming, troubleshooting, and digital self-service. I built it as a structured bilingual web project with a searchable wiki, categorized MDX content, and a ticket system for personalized support requests. The platform combines clean content architecture with cloud-native tooling, using Astro 5, Cloudflare Pages, D1, R2, and Workers AI to create a scalable and maintainable support experience.
The Challenge
Many non-technical users struggle with everyday PC topics such as gaming setup, software issues, internet basics, maintenance, and security. I wanted to turn repeated one-on-one help into a structured self-service platform that is easy to browse, easy to maintain, and flexible enough to support direct help requests when documentation alone is not enough.
The Solution
I developed WebGuide as a bilingual knowledge platform with MDX-based wiki content, clear category navigation, and a built-in support ticket workflow. The stack uses Astro 5 for content-driven rendering, Tailwind v4 with custom design tokens for the UI, Cloudflare Pages for hosting, D1 for structured ticket data, R2 for attachments, Resend for email delivery, Turnstile for spam protection, and Workers AI for classification and AI-assisted article drafting.
Results
- 01Built a maintainable bilingual knowledge base with structured MDX content
- 02Created a support ticket system with attachments, database storage, and email routing
- 03Implemented a cloud-native architecture on Cloudflare Pages, D1, and R2
- 04Added AI-assisted workflows for content classification and article drafting
- 05Established CI/CD with automated checks, builds, migrations, and deployment