https://github.com/hackersandslackers/flask-assets-tutorial

:postal_horn: :page_facing_up: Serve compiled frontend assets in Flask with `Flask-Assets`.
https://github.com/hackersandslackers/flask-assets-tutorial

flask flask-application flask-assets flask3 jsmin lessc lesscpy python python3 tutorial tutorials

Last synced: about 1 month ago
JSON representation

:postal_horn: :page_facing_up: Serve compiled frontend assets in Flask with `Flask-Assets`.

• Host: GitHub
• URL: https://github.com/hackersandslackers/flask-assets-tutorial
• Owner: hackersandslackers
• License: mit
• Created: 2020-03-16T02:59:54.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2025-04-10T17:02:30.000Z (about 2 months ago)
• Last Synced: 2025-04-10T18:47:55.302Z (about 2 months ago)
• Topics: flask, flask-application, flask-assets, flask3, jsmin, lessc, lesscpy, python, python3, tutorial, tutorials
• Language: Python
• Homepage: https://hackersandslackers.com/flask-assets
• Size: 590 KB
• Stars: 16
• Watchers: 1
• Forks: 4
• Open Issues: 30
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

• jimsghstars - hackersandslackers/flask-assets-tutorial - :postal_horn: :page_facing_up: Serve compiled frontend assets in Flask with `Flask-Assets`. (Python)

README

        
# Flask-Assets Tutorial

![Python](https://img.shields.io/badge/Python-v3.12-blue.svg?logo=python&longCache=true&logoColor=white&colorB=5e81ac&style=flat-square&colorA=4c566a)

![Flask](https://img.shields.io/badge/Flask-v3.0.0-blue.svg?longCache=true&logo=flask&style=flat-square&logoColor=white&colorB=5e81ac&colorA=4c566a)

![Flask-Assets](https://img.shields.io/badge/Flask--Assets-v2.1.0-blue.svg?longCache=true&logo=flask&style=flat-square&logoColor=white&colorB=5e81ac&colorA=4c566a)

![Gunicorn](https://img.shields.io/badge/Gunicorn-v21.2.0-blue.svg?longCache=true&logo=gunicorn&style=flat-square&logoColor=white&colorB=a3be8c&colorA=4c566a)

![GitHub Last Commit](https://img.shields.io/github/last-commit/google/skia.svg?style=flat-square&colorA=4c566a&colorB=a3be8c&logo=GitHub)

[![GitHub Issues](https://img.shields.io/github/issues/hackersandslackers/flask-assets-tutorial.svg?style=flat-square&colorA=4c566a&logo=GitHub&colorB=ebcb8b)](https://github.com/hackersandslackers/flask-assets-tutorial/issues)

[![GitHub Stars](https://img.shields.io/github/stars/hackersandslackers/flask-assets-tutorial.svg?style=flat-square&colorA=4c566a&logo=GitHub&colorB=ebcb8b)](https://github.com/hackersandslackers/flask-assets-tutorial/stargazers)

[![GitHub Forks](https://img.shields.io/github/forks/hackersandslackers/flask-assets-tutorial.svg?style=flat-square&colorA=4c566a&logo=GitHub&colorB=ebcb8b)](https://github.com/hackersandslackers/flask-assets-tutorial/network)

![Flask Assets Tutorial](https://github.com/hackersandslackers/flask-assets-tutorial/blob/master/.github/[email protected]?raw=true)

Build and code-split your frontend assets across Blueprints using Flask-Assets.

* **Tutorial**: [https://hackersandslackers.com/flask-assets/](https://hackersandslackers.com/flask-assets/)

* **Demo**: [https://flaskassets.hackersandslackers.app/](https://flaskassets.hackersandslackers.app/)

## Getting Started

Get set up locally in two steps:

### Environment Variables

Replace the values in **.env.example** with your values and rename this file to **.env**:

* `ENVIRONMENT`: The environment in which to run your application (either `development` or `production`).

* `FLASK_DEBUG`: Set to `True` to enable Flask's debug mode (default to `False` in prod).

* `SECRET_KEY`: Randomly generated string of characters used to encrypt your app's data.

* `LESS_BIN`: Path to your local LESS installation via `which lessc`.

*Remember never to commit secrets saved in .env files to Github.*

### Installation

Get up and running with `make deploy`:

```shell

git clone https://github.com/hackersandslackers/flask-assets-tutorial.git

cd flask-assets-tutorial

make deploy

```

-----

**Hackers and Slackers** tutorials are free of charge. If you found this tutorial helpful, a [small donation](https://www.buymeacoffee.com/hackersslackers) would be greatly appreciated to keep us in business. All proceeds go towards coffee, and all coffee goes towards more content.