wilbo / Craft-UltraKit

Awesome assets for Craft cms

Craft UltraKit

Craft UltraKit builds awesome assets for your craft site. (You can actually use it for any site)

What's in it?

• Gulp
• BrowserSync
• Webpack
• Babel
• jsHint
• Sass + Autoprefixer

Everything is handled trough Gulp. Spinning up the dev server with live-reloading, compiling modules and ES6 into a bundle and compiling scss/sass into css. Read more below about the usage.

Setting things up:

Make sure to setup a vhost with Mamp (or something alike) that will be serving the /public folder of this project root. More info on how to do this read: Adding a virtual host in Mamp. It basically comes down to editing these two files (with Atom):

$ atom /etc/hosts
$ atom /Applications/MAMP/conf/apache/extra/httpd-vhosts.conf

After having your Mamp settings in order, edit the proxy in gulpfile.js on line 25 to match the domain you just configured.

Next up, clone the project files and install the dependencies:

$ git clone https://github.com/wilbo/Craft-UltraKit.git
$ cd Craft-UltraKit
$ npm install

Finally, download the Craft cms from craftcms.com and drag the content of the zip inside the project. Done!

Usage:

Use the following commands to start developing/build assets:

# Build assets, BrowserSync dev server
$ gulp

# Build minified assets, ready for production
$ gulp build --env production