Giter VIP home page Giter VIP logo

templ_template's Introduction

Go + Templ + Tailwind + HTMX

GoTTH - A simple, modern stack for building fast web applications.

This project is template with all needed to be installed and configured for apps using GoTTH stack.

  • Go - Backend
  • Tailwind - CSS
  • Templ - Templating
  • HTMX - Interactivity

How to run?

  1. Install tailwind css binary
    https://tailwindcss.com/blog/standalone-cli

    For linux you can use this command:

    make install-tailwind-linux
  2. Run air for hot reload

    make dev
  3. Run tailwind watch in another terminal

    make tailwind-watch
  4. Open browser and go to port localhost:3032 (port can be changed in configs/local.yml)

Makefile commands

make tailwind-watch

This target watches the ./static/css/input.css file and automatically rebuilds the Tailwind CSS styles whenever changes are detected. (tailwindcss bin required)

make tailwind-build

This target minifies the Tailwind CSS styles by running the tailwindcss command. (tailwindcss bin required)

make templ-watch

This target watches for changes to *.templ files and automatically generates them. (templ required)

make templ-generate

This target generates templates using the templ command. (templ required)

make dev

This target runs the development server using Air, which helps in hot-reloading your Go application during development. (Air, templ and tailwindcss bin required)

make build

This target orchestrates the building process by executing the tailwind-build, templ-generate, and go build commands sequentially. It creates the binary output in the ./bin/ directory. (templ and tailwindcss bin required)

make test

This target runs all Go tests for the application.

templ_template's People

Contributors

zumosik avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.