Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/joacod/go-htmx-playground

Go + HTMX, playground.
https://github.com/joacod/go-htmx-playground

echo go htmx tailwindcss

Last synced: 1 day ago
JSON representation

Go + HTMX, playground.

Awesome Lists containing this project

README

        

# Go + HTMX, playground

[![GitHub](https://img.shields.io/github/license/mashape/apistatus.svg)](https://github.com/joacod/go-htmx-playground/blob/main/LICENSE)

[![Go](https://img.shields.io/badge/go-%2300ADD8.svg?style=for-the-badge&logo=go&logoColor=white)](https://go.dev/)
[![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)](https://tailwindcss.com/)

## 👋 Introduction

Project created using [Go](https://go.dev/), [Echo](https://echo.labstack.com/), [Templ](https://github.com/a-h/templ), [HTMX](https://htmx.org/) and [Tailwind CSS](https://tailwindcss.com/)

## 📋 Prerequisites

- Install [Go](https://go.dev/) and [Templ](https://templ.guide/quick-start/installation).
- Download [Tailwind CSS standalone cli](https://tailwindcss.com/blog/standalone-cli), and copy it in the root folder.

## 💻 Development

**Generate templates:**

If you modify any .templ file you need to generate the templates again.

```bash
templ generate
```

**Tailwind CSS:**

Start a watcher:

```bash
./tailwindcss -i css/input.css -o css/output.css --watch
```

Compile and minify your CSS for production:

```bash
./tailwindcss -i css/input.css -o css/output.css --minify
```

**Run the development server:**

```bash
go run /cmd/main.go
```

Open [http://localhost:8080](http://localhost:8080) with your browser to see the web.

## ☕️ Did you like the project?

You can colaborate with me giving a star ⭐️ to the project or

[!["Buy Me A Coffee"](https://www.buymeacoffee.com/assets/img/custom_images/yellow_img.png)](https://www.buymeacoffee.com/joacod)

Thanks! 😃