Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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: 3 months 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 (over 4 years ago)
Default Branch: master
Last Pushed: 2024-08-06T10:05:22.000Z (3 months ago)
Last Synced: 2024-08-06T11:59:49.589Z (3 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: 565 KB
Stars: 13
Watchers: 2
Forks: 3
Open Issues: 31
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.10-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.