https://github.com/srdjan/mono-jsx-example
https://github.com/srdjan/mono-jsx-example
jsx-renderer mono-jsx webapp
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/srdjan/mono-jsx-example
- Owner: srdjan
- Created: 2025-06-04T13:02:16.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-09T18:35:11.000Z (about 1 year ago)
- Last Synced: 2025-06-21T05:14:46.066Z (about 1 year ago)
- Topics: jsx-renderer, mono-jsx, webapp
- Language: TypeScript
- Homepage:
- Size: 35.2 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Mono-JSX + HTMX Example
A minimal blog web application demonstrating modern web development with:
- **Mono-JSX** for server-side rendering with Deno
- **HTMX** for dynamic interactions without JavaScript frameworks
- **No-build approach** - direct TypeScript execution
- **Semantic CSS** - classless styling with mobile-first design
## Features
- Server-side rendered pages with type safety
- HTMX-enhanced forms and navigation
- Lazy loading content with loading indicators
- Progressive enhancement (works without JavaScript)
- Minimalistic black/gray/white design
## Running
```bash
deno run --allow-read --allow-net src/app.tsx
```
Visit `http://localhost:8000` to see the demo.
## Structure
- `src/app.tsx` - Main server entry point
- `src/components/` - JSX components
- `src/handlers.tsx` - HTMX endpoint handlers
- `public/styles.css` - Semantic CSS styling