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.
- Auftraggeber / Kontext
- Self-initiated project
- Zeitraum
- Jun 26 - Jul 26
- Stack
- Astro, TypeScript, Tailwind CSS, Cloudflare Pages, Cloudflare D1, Cloudflare R2, Workers AI, MDX, i18n, Resend
- Ergebnis
- Built a maintainable bilingual knowledge base with structured MDX content
Ausgangslage
Die Herausforderung
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.
Vorgehen
Die Lösung
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.
Ergebnisse · 5
Ergebnisse
- 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