https://github.com/themeselection/ts-django-tailwind
Guide and example project for integrating Django with Tailwind CSS to create responsive, modern web applications.
https://github.com/themeselection/ts-django-tailwind
Last synced: about 1 month ago
JSON representation
Guide and example project for integrating Django with Tailwind CSS to create responsive, modern web applications.
- Host: GitHub
- URL: https://github.com/themeselection/ts-django-tailwind
- Owner: themeselection
- Created: 2024-10-18T11:10:20.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-05T07:18:27.000Z (over 1 year ago)
- Last Synced: 2025-03-31T00:24:26.082Z (about 1 year ago)
- Language: CSS
- Size: 8.79 KB
- Stars: 7
- Watchers: 4
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Django & Tailwind CSS Integration
This project demonstrates the integration of **Tailwind CSS** (version 3.4.14) with **Django** (version 5). Additionally, it includes **Prettier** for formatting Tailwind CSS classes on save.
## Getting Started
Follow these steps to get the project up and running:
1. **Clone the Repository**
Clone the repository to your local machine.
2. **Install NPM Packages**
Navigate to the project directory and install the necessary npm packages:
```bash
npm install
```
3. **Start the Tailwind CSS Watcher**
Compile styles by starting the Tailwind CSS watcher:
```bash
npm run watch:css
```
4. **Run the Django Development Server**
Launch the Django development server with:
```bash
python manage.py runserver
```
Once these steps are completed, you can explore the project with Tailwind CSS seamlessly integrated into your Django application!
## Formatting with Prettier
This project includes Prettier for formatting Tailwind CSS classes automatically on save. Ensure you have the **Prettier** extension installed in your code editor for this functionality.