Meteor Boilerplate Lite
A starting point for beginner MeteorJS developers and simple MeteorJS applications.
Meteor is an amazing framework for learning. The core of Meteor is allowing developers to do things that previously were very difficult to do. This boilerplate is to help new meteor developers learn the core concepts of meteor while creating easy to use and easy to read applications.
- Clone this repo to
git clone https://github.com/Differential/meteor-boilerplate-lite.git <yourapp>
- Change Directory to
rm -rf .git
- Create a new github repo (if you want to) - I recommend the github for mac GUI https://mac.github.com/ and browse to the folder containing and use the "create" function in the GUI.
We have a common file structure we use across all of our Meteor apps. Client-only files are stored in the
client directory, server-only files are stored in the
server directory, and shared files are stored in the
.meteor/ *this is where the meteor core application lives. The only file we would touch in here would be the 'packages' file both/ ├── collections/ * This folder is for defining collections ├── config/ * This folder is to set configurations for packages you added └── router/ * This folder helps define your routes (think of them as pages or urls in your application) client/ ├── compatibility/ * This folder is for 3rd party plugins like bootstrap.js (and a great place for jQuery plugins) └── stylesheets/ * This folder is for organizing your CSS styles ├── lib/ * This folder is for bootstrap and font-awesome stylesheets └── base.less * This file defines your global or base CSS styles └── templates/ * This folder holds all of your templates └── _shared/ * This folder contains shared templates like layout, header, footer, loading, and not found templates └── dashboard/ ├── dashboard.html └── dashboard.js └── home/ ├── home.html └── home.js └── profile/ ├── profile.html └── profile.js public/ * This folder contains all "public" files. To use, you can just <img src="/images/<filename>"> to get into the images folder ├── fonts/ └── images/ server/ ├── permissions/ * This folder allows you to write rules for allow/deny rules for collections ├── publications/ * This folder holds all publications └── templates/ * This folder is for server-only templates like a 404 template
Where can I learn about Bootstrap?
Where can I learn about LESS?
How can I override Bootstrap Variables with Less?
The majority of Bootstrap can be customized with Less variables. If you look in
stylesheets/bootstrap/variables.import.less you will see a slew of configuration variables that can be tweaked to drastically change the look and feel of your site without having to write a single line of CSS.
However we should avoid modifying the core Bootstrap Less files (in case we want to update them later), and should instead override the variables in our own Less files.
For example, to change the color of all primary buttons and links, simply add a
@brand-primary variable to
Where can I create a favicon
Upload your image to http://realfavicongenerator.net/ and place the resulting images in
How can I create seed data
How can I use a remote database locally