Since October CMS is based on Laravel I thought it would be fitting to set it up with our installation of October CMS, since Laravel itself uses it out of the box. Laravel Elixir is a kind of a wrapper over Gulp task runner and it lets you write much less code to do your basic compilation of Sass and JavaScript files then you would write using vanilla Gulp.

In this episode we are going to set it up so that it compiles our `.scss` files and our ``.js` files, and it is also going to watch them an compile them every time we hit save. And on top of that it's going to automatically refresh our page when ever we do so using Livereload plugin.

In this episode we are going to set up Laravel Elixir to with our October CMS installation. Also we are going to enable Livereload, so that we can see the changes on our site whenever we save a file.

Setting Up Laravel Elixir

There are two ways in which you can create themes for October, you can do it manually or create a blank theme through the backend of October. In this episode we are going to use the backend way.

We will also create a default layout for our theme and I'm going to explain how you can compile and combine your css and javascript files.

In this episode of Making Websites With October CMS I'm quickly going to show you how you can create your own theme using this CMS.

Creating Themes

If you ever used Laravel framework for development you must have heard about [Laravel Elixir](https://laravel.com/docs/5.0/elixir). It is an abstraction layer for gulp.js which makes writing your basic gulp tasks super easy. Since it was made for Laravel, it works out of the box with that framework.

Wouldn't it be nice if we could have the power of Elixir on WordPress. Yes, it would you might say. And that is what we are going to be doing in this episode.

First we are going to install Laravel Elixir, then we are going to do some basic tasks with it, like compiling our `.scss` files. Then I'm going to show you how to use LiveReload with it. And finally how to prepare your files for production.

The result of all of this will be Elixir enabled theme which you can download from the link below.

### Download Elixir Theme

[Download it here](https://github.com/ivandoric/elixir)

In this episode of Frontend Tips I'm going to show you how you can use Laravel Elixir in your WordPress workflow, and also how to use it with LiveReload.

Tutorials tagged with: Elixir

Get in touch