Language: CSS


A starting point for meteorjs applications, includes Iron Router, Bootstrap 3, Font Awesome, LESS and Coffeescript.

What's included


Make sure you have Meteor and Meteorite installed, and then clone locally and run with mrt

File structure

We have a common file structure we use across all of our meteorjs apps. The structure keeps view-dependent files together (.html, .less, .coffee).

  ├── accounts
  ├── compatibility
  ├── router
  └── stylesheets
    └── lib
      ├── bootstrap.css
      └── font-awesome.css
    ├── global.less
    ├── mixins.less
    └── variables.less
  └── views
    └── dashboard
      ├── dashboard.html
      └── dashboard.less
    └── home
      ├── home.html
      ├── home.less
    ├── footer.html
    ├── header.html
    ├── index.html
    └── loading.html
  ├── fonts
  └── favicon.ico
  ├── views

Responsive LESS Variables

Includes 4 LESS variables to make responsive design super easy. Each variable (xs, sm, md, lg) coincides with Bootstrap media queries.

h1 {
  font-size: 24px;

  @media @lg {
    font-size: 36px;

Search Engine Optimization

Search engines rely on <title> and <meta> tags to read page titles and descriptions. You can specify these for each page in your app by including the following in the corresponding page's .coffee file. (Sample included in

Tempate.home.rendered = ->

  document.title = "My New Meteor App"
  $("<meta>", { name: "description", content: "Page description for My New Meteor App" }).appendTo "head"

Project Statistics

Sourcerank 3
Repository Size 1.71 MB
Stars 3
Forks 0
Watchers 2
Open issues 0
Dependencies 0
Contributors 10
Tags 0
Last updated
Last pushed

Top Contributors See all

Josh Owens Gerard Sychay Ry Walker Colin Flynn Greg Neiheisel John Musgrave Spencer Carli Dan Dascalescu Bitdeli Chef Christian Bundy

Something wrong with this page? Make a suggestion

Login to resync this repository