Skip to content

A starter project using HTMX Golang and Pico.css with hot reloading

License

Notifications You must be signed in to change notification settings

zachatrocity/htmx_go_pico_starter

 
 

Repository files navigation

Fullstack Go HTMX App with Tailwind

This application is a fullstack Go application with HTMX and Tailwind CSS. There is hot-reloading for changes between html and style changes. The Go server files are built into a single distributable file located in /tmp/main. The HTML and CSS files are built to ./public/**/*.

Prerequisites

Before you begin, ensure you have installed the following:

  • Go
  • Air
  • Browser-sync
  • TailwindCSS

Installation

Follow the steps below to install the necessary tools:

  1. Install Go: Follow the instructions on the official Go website to install Go on your machine.

  2. Install Air: Air is a live-reloading command line utility for Go applications in development. Install it using the following command:

curl -sSfL https://raw.githubusercontent.com/cosmtrek/air/master/install.sh | sh -s
  1. Install NPM deps:
npm install

Running the Application

After installing all the prerequisites and setting up the environment, you can start the application by running the dev.sh script. Use the following command in your terminal:

./dev.sh

This will start the application. You should now be able to access it in your web browser at http://localhost:3001 with hot reloading on code changes enabled.

About

A starter project using HTMX Golang and Pico.css with hot reloading

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 81.8%
  • HTML 6.9%
  • Go 6.2%
  • Shell 2.7%
  • JavaScript 1.5%
  • Makefile 0.9%