Django SASS/SCSS Tutorial Series

Table of Contents

What you will get from this Django SASS/SCSS Tutorial

  1. Great articles which teach you how to write SASS/SCSS for your Django projects.
  2. Articles which teach you how to deploy SASS/SCSS for your Django projects.
  3. Open source projects which give you good example config code.

Python way and NPM way

Right now there are mainly two different ways to use SASS/SCSS in Django projects.

One way is to use pure Python packages, the other way is to use NPM solution.

Let's talk about the Python way first.

  1. It is easy to use, people can get all jobs done with a couple of Python config codes.
  2. People do not need to touch NPM stack, so if you do not want to touch front-end stuff, this is a good option.
  3. It does not support some advanced feature, such as lint feature.

What about NPM way?

  1. The NPM solution is a little more complex than the python way
  2. However, with the Node ecosystem, it supports more advanced features and more flexible.

So if you already have SCSS/SASS theme code and just want to make it work with Django, you can use the python way.

If you want to write SCSS/SASS a lot and also need to write more js code, I recommend you to use NPM way.

Table of content

Django SCSS Tutorial Series:

  1. Introduction
  2. How to use SCSS/SASS in your Django project (Python Way)
  3. How to use SCSS/SASS in your Django project (NPM Way)

If you want quick start, please check python-webpack-boilerplate

Launch Products Faster with Django

SaaS Hammer helps you launch products in faster way. It contains all the foundations you need so you can focus on your product.

Michael Yin

Michael is a Full Stack Developer from China who loves writing code, tutorials about Django, and modern frontend tech.

He has published some ebooks on leanpub and tech course on testdriven.io.

He is also the founder of the AccordBox which provides the web development services.

Django SaaS Template

It aims to save your time and money building your product

Learn More

Hotwire is the default frontend solution shipped in Rails, this book will teach you how to make it work with Django, you will learn building modern web applications without using much JavaScript.

Read More
© 2018 - 2024 AccordBox