An example of a seamless integration of a Dash app into an existing Flask app based on the application factory pattern.

Clone the repo:

git clone https://github.com/okomarov/dash_on_flask

Setup some environment variables:

cd dash_on_flask
touch .env

and add this in the .env file:

export FLASK_APP=dashapp
export FLASK_ENV=development
export DATABASE_URL=sqlite:///${PWD}/app.db
export SECRET_KEY=secret_key_change_as_you_wish_make_it_long_123

Then build and run in detached mode with docker-compose (you might need to chmod +x entrypoint.sh before running docker compose):

docker-compose up -d --build

Check out: http://127.0.0.1:5000/dashboard

Details on the code and how to run with Flask directly: How to embed a Dash app into an existing Flask app

First, edit the app.json and replace the value of the repository:

"repository": "https://github.com/okomarov/dash_on_flask"

with the URL to the forked repository.

Then click on the button: