django-tailwind

A starter Django project with Tailwind CSS

Setup Django Project

Create a Python virtual environment,

$ python3 -m venv .venv

Activate the virtual environment,

$ source .venv/bin/activate

Install Python packages,

$ pip install -r requirements.txt

Make sure you have node and npm installed on your machine.

Enter

$ cd `django-tailwind`

Install tailwindcss

$ npm install tailwindcss

Init and configure Tailwind CSS,

$ npx tailwindcss init

This would create tailwind.config.js.

Run the following command to distribute Tailwind CSS,

$ npx tailwindcss -i ./static/css/styles.css -o ./static/dist/styles.css --watch

Run the following command to start the development server,

$ python manage.py runserver