Flask, Tailwind и Flowbite

Посмотреть демо

Заготовка для создания сайта с помощью backend-фреймворка Flask (Python), frontend-фреймворка Tailwind и библиотекой готовых компонентов Flowbite

Note

Для успешного запуска потребуется установленный Python и NodeJS.

Для установки проекта

1. Клонируем репозиторий и заходим в папку

git clone https://github.com/makehtml/ftf-boilerplate.git && cd ftf-boilerplate

2. Устанавливаем виртуальное окружение питона

python3 -m venv venv

3. Активируем виртуальное окружение питона

source venv/bin/activate

(mac/linux)

venv/Scripts/activate.bat

(win/cmd)

4. Устанавливаем зависимости Python

pip install -r requirements.txt

5. Устанавливаем зависимости для NodeJS

npm i

Для запуска проекта и разработки

1. Заходим в папку проекта и активируем виртуальное окружение питона

source venv/bin/activate

(mac/linux)

venv/Scripts/activate.bat

(win/cmd)

2. Запускаем Flask

flask run --debug

3. Открываем вторую консоль и заходим в папку проекта
4. Запускаем компилятор стилей

npx tailwindcss -i ./src/css/styles.css -o ./static/css/styles.css --watch

5. Редактируем шаблоны в папке /templates, при использовании новых классов в разметке — будет генерироваться новый файл стилей, результат смотрим в браузере http://127.0.0.1:5000