Implementing Type-Safe Content Collections with Zod Validation
Learn how to build robust, type-safe content collections in Astro using Zod for schema validation, ensuring data integrity and developer confidence.
Intermediate
21 minutes
Jun 10, 2025
Web Development
Full-stack web applications, responsive websites, REST APIs, and modern web experiences.
All
Building a Performance-Adaptive Three.js Particle System with FPS Monitoring
Learn how to create a Three.js particle background that dynamically adjusts quality based on real-time FPS monitoring, ensuring smooth performance across devices.
Advanced
28 minutes
Jun 2, 2025
Building an AI-Powered Chat Widget with Markdown Support and Session Management
Learn how to create a production-grade AI chat widget in React/TypeScript that integrates with webhook-based AI services, supports Markdown rendering, manages session state, and handles complex UX patterns.
Advanced
28 minutes
May 27, 2025
Building a Custom Remark Plugin for Reading Time Calculation
Learn how to create a custom Remark plugin that automatically calculates and injects reading time estimates into your Astro blog posts, enhancing user experience and engagement.
Beginner
11 minutes
May 21, 2025
MyKpopLists: Building a Scalable Social Platform for K-pop Enthusiasts
MyKpopLists is a full-stack social networking platform tailored for K-pop fans, featuring comprehensive artist databases, privacy-aware social interactions, AI-powered content tagging, and gamified community engagement.
Building a Modern Developer Portfolio: From Terminal Emulation to Content Architecture
A full-stack developer portfolio platform built with Astro 5, React 19, and TypeScript—a content-first website that showcases technical projects, tutorials, and professional experience through multiple interactive interfaces.