hyperwave combines the strengths of traditional server-rendered applications with the flexibility of modern client-side frameworks. It is designed to deliver fast, responsive applications while providing a streamlined developer experience.
- Performance: Server-side rendering ensures fast, responsive applications.
- Developer Experience: tailwind-compatible syntax and html over the wire offer a minimalistic and declarative approach to UI development.
- Deployment: Bun applications can be deployed easily on any platform as portable binaries.
git clone https://github.com/tireymorris/hyperwave.git
cd hyperwave
bun install
bun dev
```
Navigate to http://localhost:1234 in your browser and start editing server.tsx to observe your changes live.
dynamically load content on user events, without requiring a page reload.
attaches automatically to any element with an href attribute (besides an anchor/link tag, which is treated as normal)
<div href="/next-page" target="#content"></div>
- trigger: Event that triggers loading (e.g., click, scroll).
- method: HTTP request method (e.g., GET, POST).
- debounce: Delay in milliseconds to optimize performance.
- offset, limit, data-total: Manage pagination settings.
<div href="/next-page" target="#content" trigger="scroll" method="GET" debounce="50" offset="0" limit="10" data-total="100"></div>