https://github.com/testdrivenio/flask-htmx-tailwind

Flask + htmx + Tailwind CSS
https://github.com/testdrivenio/flask-htmx-tailwind

flask htmx tailwind

Last synced: about 2 months ago
JSON representation

Flask + htmx + Tailwind CSS

• Host: GitHub
• URL: https://github.com/testdrivenio/flask-htmx-tailwind
• Owner: testdrivenio
• License: mit
• Created: 2021-02-17T14:13:25.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2024-01-31T01:19:01.000Z (5 months ago)
• Last Synced: 2024-02-09T00:14:17.870Z (5 months ago)
• Topics: flask, htmx, tailwind
• Language: JavaScript
• Homepage:
• Size: 49.8 KB
• Stars: 63
• Watchers: 8
• Forks: 12
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Lists

• awesome-htmx - flask-htmx-tailwind - Rapid Prototyping with Flask, htmx, and Tailwind CSS (Examples by Back-end / Python-based (Django, FastAPI, Flask))

README

        
# Rapid Prototyping with Flask, htmx, and Tailwind CSS

### Want to learn how to build this?

Check out the [post](https://testdriven.io/blog/flask-htmx-tailwind/).

## Want to use this project?

1. Fork/Clone

1. Create and activate a virtual environment:

    ```sh

    $ python3 -m venv venv && source venv/bin/activate

    ```

1. Install the Python dependencies:

    ```sh

    (venv)$ pip install -r requirements.txt

    ```

1. Configure Tailwind CSS:

    ```sh

    (venv)$ tailwindcss

    ```

1. Scan the templates and generate CSS file:

    ```sh

    (venv)$ tailwindcss -i ./static/src/main.css -o ./static/dist/main.css --minify

    ```

1. Run the app:

    ```sh

    (venv)$ python app.py

    ```

1. Test at [http://localhost:5000/](http://localhost:5000/)