Overview

HwyHwy is a simple, lightweight, and flexible web framework built on Hono and HTMX. It allows you to write React-style JSX in nested, file-based routes with Remix-style actions and parallel loaders. The backend server is built on Hono, providing access to a rich ecosystem of middleware and documentation. Hwy is 100% server-rendered but with HTMX’s defaults, it still provides a single-page application (SPA) experience for users. It also offers features like automatic progressive enhancement for links and forms using HTMX’s hx-boost feature.

Features

• Server-rendered JSX / TSX
• Nested, file-based routing
• Remix-style actions and parallel loaders
• Async page components
• Rich Hono middleware ecosystem
• 100% type-safe
• Server built on Hono
• Client built on HTMX
• Built-in critical CSS inlining
• Live browser refresh during development
• And more…

Installation

To get started with HwyHwy, open a terminal and run the following command:

npx create-hwy@latest

Follow the prompts to complete the installation process.

Summary

HwyHwy is a web framework that combines the simplicity and lightweight nature of Hono with the flexibility and interactivity of HTMX. It allows developers to write server-rendered JSX, navigate through nested, file-based routes, and take advantage of Remix-style actions and parallel loaders. With its integration with Hono, developers have access to a wide range of middleware and extensive documentation. HwyHwy is still in beta, but it offers a promising solution for building web applications with a seamless user experience.