loilo / sassed

👓 A simple editor to compile Sass code in your browser

sassed

A simple editor to compile Sass code in your browser

This is the source code repository of the sassed app. You can find the app at loilo.github.io/sassed.

Technologies

The core technologies this project uses are:

Technology	Purpose
Codemirror	A text/code editor, used for the editing area itself.
Nuxt	An application framework for Vue.js, used for prerendering, PWA support and overall application structure.
lz-string	A quick and space-efficient compression algorithm, used for serializing the current app state into a shareable URL in as few characters as possible.
GitHub Pages	This app does (purposefully) not generate any income. Therefore, free, scalable hosting is essential to keep it running.

Setup

Clone this repository and install its dependencies using npm.

npm ci

Local Development

Start a local dev server with hot reloading:

npm run dev

Generate Production Site

Create a production-ready site in the dist folder:

npm run generate

Set the BASE_URL environment variable to create a build that can be hosted in a subfolder of a domain, e.g.:

BASE_URL=/sassed/ npm run generate