Skip to content
A starter template ready to run on Netlify or Heroku. Comes with several helpers, partials and a nice basic structure to the HTML, Sass, Webpack and ES2015. Bottom line, a template that uses all the modern tools.
Branch: develop
Clone or download
Latest commit 4377abf Mar 19, 2018
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github Update Jul 29, 2016
data Add Jul 31, 2016
helpers Remove faker helpers Jul 25, 2016
source Add missing imports and global settings Aug 30, 2017
.babelrc Disable uglify on babelrc file Sep 20, 2017
.editorconfig Update .editorconfig Jun 14, 2014
.gitignore Add node_modules and .tmp directory to .gitignore Aug 17, 2017
Gemfile Bump rack-contrib from 1.8.0 to 2.0.1 Jan 27, 2018
Gemfile.lock Update license date May 7, 2016
Procfile Remove unicorn and configure puma Jan 30, 2015 Update Aug 30, 2017
Rakefile Update middleman configurations Nov 16, 2014
config.rb Updating and the way we get the image path on metatags Nov 17, 2014
itcss.yml Use itcss Aug 20, 2017
package.json Update Author Sep 2, 2017
webpack.config.js Add webpack (working) config! 🎉 Aug 25, 2017
yarn.lock Update yarn.lock Sep 19, 2017

Middleman Startaê

forthebadge forthebadge

Deploy to Heroku Deploy to Netlify

Key Features

  • Middleman v4
  • Ready to run on Heroku or Netlify
  • Livereload: automatically refresh your browser whenever you edit files
  • Slim: A lightweight templating engine
  • Webpack: A module bundler for modern JavaScript applications
  • Sass: Syntactically Awesome Style Sheets
  • ITCSS: A sane, scalable and managed CSS architecture
  • PostCSS: A tool for transforming CSS with JavaScript
  • Reset CSS: a reset stylesheet to reduce browser inconsistencies
  • itcsscli: a tool for managing the ITCSS structure
  • Hagrid: Simple but powerful flexbox-first grid
  • Babel: The compiler for writing next generation Javascript
  • Language configuration
  • Gzip
  • Preconfigured partials
  • Metatags helper


Basic installation

First, just clone the repository down to your local machine:

git clone my_new_project

Install the JS dependencies by running:

yarn install

Install Bundler, if you don't already have it:

gem install bundler

Finally, install the required gems with:

bundle install

Running the app

Use the command middleman to do your local live development or middleman build to render your static file output to the /build/ directory.

For the full Middleman documentation, visit the Middleman website.

Middleman Template

Middleman supports project templates. To use Middleman Startaê as a template, just follow these steps:

First install the middleman gem, so you can use the middleman command:

gem install middleman

Now you just have to pass the startae/middleman-startae to the init command.

middleman init my_new_project --template=startae/middleman-startae

Build & Dependency Status

Dependency Status License

Comments & Suggestions?

Just submit an issue.

For more help follow Middleman's docs.

Middleman is a static site generator based on Sinatra. Providing dozens of templating languages (Haml, Sass, Compass, Slim, CoffeeScript, and more). Makes minification, compression, cache busting, Yaml data (and more) an easy part of your development cycle.

Built with love by Startaê.

You can’t perform that action at this time.