Django SASS/SCSS Tutorial Series

Michael Yin

Last updated on November 12 2021

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


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.


Table of Contents

Frontend Guide For Python Dev

This FREE guide help Python developers to learn the Modern frontend tech

Learn More

Build Jamstack web app with Next.js and Wagtail CMS.

Read More

Subscribe

Get notified about new great Web Development Tutorial