https://github.com/dgv/zig-htmx-tailwind-example

Example CRUD app written in Zig + HTMX + Tailwind CSS
https://github.com/dgv/zig-htmx-tailwind-example

crud crud-application htmx htmx-app tailwind web zig ziglang zmpl

Last synced: 11 months ago
JSON representation

Example CRUD app written in Zig + HTMX + Tailwind CSS

• Host: GitHub
• URL: https://github.com/dgv/zig-htmx-tailwind-example
• Owner: dgv
• License: mit
• Created: 2024-09-06T21:24:53.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2025-07-06T01:52:50.000Z (11 months ago)
• Last Synced: 2025-07-15T08:53:05.822Z (11 months ago)
• Topics: crud, crud-application, htmx, htmx-app, tailwind, web, zig, ziglang, zmpl
• Language: Zig
• Homepage:
• Size: 157 KB
• Stars: 8
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-htmx - zig-htmx-tailwind-example - CRUD app written in Zig + HTMX + Tailwind CSS. (Examples by Back-end / Zig)

README

          
# zig-htmx-tailwind-example

[![zig version](https://img.shields.io/badge/0.14.1-orange?style=flat&logo=zig&label=Zig&color=%23eba742)](https://ziglang.org/download/)

[![reference Zig](https://img.shields.io/badge/deps%20-2-orange?color=%23eba742)](https://github.com/dgv/zig-htmx-tailwind-example/blob/main/build.zig.zon)

[![htmx version](https://img.shields.io/badge/2.0.6-blue?style=flat&logo=htmx&label=htmx&color=%233366cc)](https://github.com/bigskysoftware/htmx/releases)

[![build](https://github.com/dgv/zig-htmx-tailwind-example/actions/workflows/build.yml/badge.svg)](https://github.com/dgv/zig-htmx-tailwind-example/actions/workflows/build.yml)

[![License: MIT](https://img.shields.io/badge/license-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

![screenshot](https://github.com/dgv/zig-htmx-tailwind-example/blob/main/screenshot.png)

Example CRUD app written in Zig + HTMX + Tailwind CSS

This project implements a pure dynamic web app with SPA-like features but without heavy complex Javascript or frameworks to keep up with. Just HTML/CSS + Zig ⚡

### Usage

```bash

# Clone the repo

$ git clone https://github.com/dgv/zig-htmx-tailwind-example

$ cd zig-htmx-tailwind-example

# Run the server

$ zig build run

# Build the binary (default: ./zig-out/bin/zig-htmx-tailwind-example)

$ zig build

```

**Environmental Variables**

```

ADDR Binding Address (default: 127.0.0.1)

PORT Binding Port (default: 3000)

```

### Dockerfile

I provide this just to easily deploy on a local server.

```bash shell

$ docker build -t zig-htmx-tailwind-example .

$ docker run -p 3000:3000 zig-htmx-tailwind-example

```

### Tailwind

You can use [tailwindcss cli](https://tailwindcss.com/docs/installation) to regenerate the css asset:

```bash

$ tailwindcss -i css/input.css -o css/output.css --minify

```