Live Examples

Real-world applications built with Harpy.js

The best way to learn a framework is to see it in action. Below are real production applications built with Harpy.js, demonstrating various features and best practices.

Harpy.js Documentation Site

🎯 You're looking at it!

This entire documentation website is built using Harpy.js itself. It serves as a comprehensive, real-world example of the framework's capabilities in production.

Features Demonstrated:

Server-Side Rendering

Every page is rendered on the server for optimal performance and SEO

Client-Side Hydration

Interactive components hydrate seamlessly after initial page load

Dynamic Navigation

Auto-registered navigation with active state detection

SEO Optimization

Automatic robots.txt and sitemap.xml generation

Internationalization

Multi-language support with automatic locale detection

Tailwind CSS

Modern styling with utility-first CSS framework

View Source Code

The complete source code for this documentation site is available on GitHub. Explore the implementation to learn how everything works together.

View on GitHub

Key Insights from Building This Site

⚡ Fast Development

The modular architecture and auto-registration system made it easy to add new documentation pages. Each feature module is self-contained and automatically registers its navigation.

🎯 Type Safety

TypeScript integration throughout the stack caught errors early and provided excellent IDE support. Props, routes, and data structures are all fully typed.

🚀 Production Ready

SEO features, internationalization, and performance optimizations work out of the box. No need to configure robots.txt, sitemaps, or meta tags separately.

🎨 Developer Experience

Hot reload, automatic hydration generation, and clear error messages made development smooth. The framework handles complexity while keeping code simple.

More Examples Coming Soon

We're working on additional example applications to showcase different use cases:

📝 Blog Platform

Full-featured blog with markdown support, comments, and dynamic sitemaps

🛒 E-commerce Store

Product catalog, shopping cart, and checkout with SSR

👥 Social Dashboard

Real-time updates, user profiles, and interactive feeds

📊 Analytics Dashboard

Data visualization, charts, and performance monitoring

Want to contribute? If you've built something with Harpy.js and want to showcase it here, open a pull request or reach out on GitHub!