Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Simple example of a YUI3 app deployable to heroku with steps to use
JavaScript
branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
css
javascript
Procfile
README.md
package.json
server.js
simple.html

README.md

yui3-heroku-example-simple

Simple example of a YUI3 app deployable to Heroku with steps to use

STEPS TO USE

  • Get Heroku tools set up
  • Get Github acct set up
  • Install node (you need at least v0.8.x)
  • Fork this project - get your new fork repo url.
  • Clone your new fork locally in your machine. For example: git clone git@github.com:triptych/yui3-heroku-example-simple.git
  • Go into created project directory
  • Test locally by running node server.js
  • Visit in browser localhost:3000 - should see a grey page with links
  • Create project from Heroku heroku create
  • Check that you now have a heroku remote in your repo git remote -v
  • Push code to Heroku git push heroku master
  • Try out the site via the heroku link - click the links to see the app update

EDITING

  • Edit files locally
  • Commit files to your github repo git commit -m "foo"
  • Push files to your github repo git push origin master

DEPLOYING

  • push to Heroku git push heroku master

FILES

  • package.json - tells node the app name, dependencies, and what version of engines to use.
  • Procfile - special file for Heroku to know how to "run" your app once it's up on the server.
  • server.js - requires express, sends back simple.html, sets up the redirect so the client side Y.App can handle requests.
  • simple.html - basic HTML to serve back - includes Y.App on client side to deal with application logic, pulls in css and logic js.
  • css/simple.css - location referenced from simple.js, used in simple.html
  • javascript/simplelogic.js - location referenced from simple.js, used in simple.html, core logic for your app.

REFERENCES

Questions? email triptych@gmail.com

Something went wrong with that request. Please try again.