Tesla.js
Tesla.js is a boilerplate node.js framework, with some basic MVC features.
Prerequisites
- Node.js - Download and Install Node.js. You can also follow this gist for a quick and easy way to install Node.js and npm
- MongoDB - Download and Install MongoDB - Make sure it's running on the default port (27017).
Quick Start
There are 2 ways that you can install tesla:
Option 1: Clone The Repo
The first option to simply clone the repo and use it a barebones boilerplate to start your next project.
$ git clone git@github.com:teslajs/tesla.js.git
This is the most light-weight option and gives you the most control over how you set your project up.
Option 2: Install the Command Line Tools
Tesla.js includes a simple command line tool (tesla-cli) to make creating and updating apps as simple as possible. You can install it easily with NPM:
$ npm install -g tesla-cli
Once Tesla is installed, simply run the following command anytime you want to create a new app:
$ tesla app-name
The example above will create a new app with the name "app-name"
Install Dependencies
With either option 1 or option 2, you will need to make sure you have all the correct dependencies installed before you can start the server:
$ npm install
Start the Server
We recommend using Grunt to start the server:
$ grunt
This will watch for changes to any of your files and automatically restart then server when necesary.
When not using Grunt, you can use:
$ node server
With this method you have to manually stop and start the server any time you make changes.
Once the server has started, simply point your browser to:
http://localhost:3000
Configuration
All configuration is specified in the config folder, particularly the config.js file and the env files. Here you will need to specify your application name, database name, and any other settings you would like to customize.
Default config file: config.js
Most default settings can be set & updated here:
app.site = {
name : "Tesla.js", // the name of you app
}
app.config = {
port : 3000, // port to run the server on
prettify : {
html : true, // whether to pretify html
},
engines : {
html: "jade", // jade, ejs, haml, hjs (hogan)
css: "stylus", // styles, sass, less
},
root : rootPath,
db : {
url : "mongodb://localhost/db-name" // url to database
},
jsonp : true, // allow jsonp requests
secret : 'MYAPPSECRET',
protocol : 'http://',
autoLoad : false, // whether to autoload controllers & models
}
// some default meta setting for head
app.site.meta = {
description : '',
keywords : '',
viewport : 'width=device-width, user-scalable=yes, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0',
encoding : "utf-8"
}
Environmental Settings
To run with a different environment, just specify NODE_ENV as you call grunt:
$ NODE_ENV=test grunt
If you are using node instead of grunt, it is very similar:
$ NODE_ENV=test node server
Example config file for "development" environment: config/env/development.js
// global settings
app.site.domain = "localhost"; // domain the site is running on
app.site.environment = "Development"; // name of environment
app.site.url = app.config.protocol + app.site.domain + ':' + app.config.port + '/'; // base url
// directories location to use for dynamic file linking
app.site.dir = {
css : app.site.url + "css/",
img : app.site.url + "img/",
lib : app.site.url + "lib/",
js : app.site.url + "js/"
};
NOTE: Running Node.js applications in the production environment enables caching, which is disabled by default in all other environments.
Included Packages
NPM modules in the package.json file.
- Express - Sinatra inspired web development framework
- Mongoose - elegant mongodb object modeling for node.js
- Passport - Simple, unobtrusive authentication for Node.js.
- Jade - robust, elegant, feature rich template engine for nodejs
- Stylus - Robust, expressive, and feature-rich CSS superset
- Superagent - Elegant & feature rich browser / node HTTP with a fluent API
- MD5 - native js function for hashing messages with MD5
Bower modules in the bower.json file.
- AngularJS - HTML enhanced for web apps!
- Zepto.js - Minimalist JavaScript library for modern browsers, with a jQuery-compatible API
- jQuery - jQuery JavaScript Library
Troubleshooting
During install some of you may encounter some issues, most of this issues can be solved by one of the following tips.
If you went through all this and still can't solve the issue, feel free to contact me(Amos), via the repository issue tracker or the links provided below.
Update NPM, Bower or Grunt
Sometimes you may find there is a weird error during install like npm's Error: ENOENT, usually updating those tools to the latest version solves the issue.
Updating NPM:
$ npm update -g npm
Updating Grunt:
$ npm update -g grunt-cli
Updating Bower:
$ npm update -g bower
Cleaning NPM and Bower cache
NPM and Bower has a caching system for holding packages that you already installed.
We found that often cleaning the cache solves some troubles this system creates.
NPM Clean Cache:
$ npm cache clean
Bower Clean Cache:
$ bower cache clean
Heroku Quick Deployment
Before you start make sure you have heroku toolbelt installed and an accessible mongo db instance - you can try mongohq which have an easy setup )
git init
git add .
git commit -m "initial version"
heroku apps:create
git push heroku master
Credits
Inspired by the MEAN Stack by Amos Haviv and Express by TJ Holowaychuk