flexbox / codeless

🚚✨ Advanced Middleman template with Sass, Slim & Yarn

Start your next Middleman 4 project in seconds with the best DX

A highly scalable, Middleman template with a focus on SEO & best practices.

Tools

• Slim [for html]
• Sass [for css]
• Yarn [package management]
• Webpack [bundle for assets]

Middleman

• GitHub Pages [deployment/hosting]
• Middleman Favicon Maker [Generate favicon files in various sizes]

Start a new project

$ gem install middleman
$ middleman init MY_PROJECT_FOLDER -T flexbox/codeless

Getting Started

You need Bundler to install gems

$ gem install bundler
$ bundle install
$ yarn

Browser preview – http://locahost:4567

$ bundle exec middleman server

Deploying to GitHub Pages

$ bundle exec middleman deploy

💡 Note: If you get an error with middleman build, make sure Imagemagik is installed

$ brew install imagemagick