Boilerplate Hapi Web and API Server Example
Create a base boilerplate example showing how easy it is to get started with Hapi as a web server.
Hapi - A very well designed server framework that is easy to understand, easy to create your own plugins, scales very well, cache options built in, and more. http://hapijs.com/
CSS Framework - None. Choose your own CSS preprocessor and CSS framework.
Gulp - A task runner for your assets, and can do a lot more. The performance is amazing and it is easy to get started. http://gulpjs.com/
Install Node.js by using the big install button on the http://nodejs.org/ homepage.
After Node.js is installed, clone this repo, change
cd to this directory, and run
$ git clone https://github.com/poeticninja/hapi-ninja.git$ cd hapi-ninja$ npm install
Start the server by running the command:
$ node server
To see any changes you can manually just shutdown and restart the node server. This can be a pain so I use Supervisor to watch for file changes and restart the server https://github.com/isaacs/node-supervisor.
To install run:
$ npm install -g supervisor
To use it run:
$ supervisor -e html,js server
Now all of your server html and js files are being watched and on change the node server gets restarted automatically.
Before going into production you will want to concatenate and minify your assets. This will increase performance for your user. We will use Gulp for this.
To install run:
npm install -g gulp
Now you can run
gulp from the command line and it will run the tasks in the
gulpfile.js. The current tasks will minify and optimize your CSS, JS, and Images. If you want more tasks you can go to the Gulp Plugin page. http://gratimax.github.io/search-gulp-plugins/
The Hapi plugins that are being used.
Added names to the routes. This allows you to have access to the path in the templates just by using the
path.nameofroute variable. https://github.com/poeticninja/hapi-named-routes
Assets are in the
./assets.js file, and your view layer has access based on the node environment. If you are in
development (default) you might want to have individual files (js,css). If you are in
production you would want the assets combined for user performance. https://github.com/poeticninja/hapi-assets
Client/browser reloads new assets based on package.json version of your application. https://github.com/poeticninja/hapi-cache-buster
There are two main folders in the stack. The "public" folder for front-end (client side) code, and "server" folder for server side code.
By having the front-end folder and server side folder be specific, it provides for better consistency when changing projects. This way when you change from a full front-end app (Phonegap), to a front-end and server side app you get to keep the same folder structure. Allowing for better consistency with your stack, projects, and tools.
Credit goes to all of the open source code that people have made available.
The MIT License (MIT)
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.