GitHub Pages and Auto-Updating Demos FTW: New Premium Tut
plusvideos

GitHub Pages and Auto-Updating Demos FTW: New Premium Tut

on Mar 19th 2011 with 6 comments
Tutorial Details

In this Premium tutorial, we’ll learn a handful of neat tricks. Firstly, we’ll learn how to use the new online editor, Cloud9, to access, edit and update a GitHub repository from any computer in the world. Next, we’ll review GitHub pages, and how they can be used to dynamically display live previews of your repositories. Finally, we’ll add in another layer of convenience, and redirect these GitHub live previews to our custom domain.

Sign up for Tuts+ Premium to view this video tutorial, as well as hundreds of other advanced tutorials and screencasts.

Still Confused?

Okay, well think of it this way: wouldn’t it be cool if, every time you updated a GitHub repository, a live preview demo was updated simultaneously? Currently, you may push the files to your GitHub account, and then, again, upload the same files to your web site, via FTP. If you frequently make updates to projects and demos, this can be a pain in the butt. That’s why, in this lesson, we’ll learn how to kill two birds with one stone. Every time you push an update to your repository, the preview on your own domain will dynamically update as well. Let’s dig in!

Join Net Premium

NETTUTS+ Screencasts and Bonus Tutorials

For those unfamiliar, the family of Tuts+ sites runs a premium membership service. For $19 per month, you gain access to exclusive premium tutorials, screencasts, and freebies from Nettuts+, Psdtuts+, Aetuts+, Audiotuts+, Vectortuts+, and CgTuts+ For the price of a pizza, you’ll learn from some of the best minds in the business. Become a Premium member to read this tutorial, as well as hundreds of other advanced tutorials and screencasts.

 
Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!

By

Rollover to read this author's bio or click through to see a full list of posts by this author.

I'm the editor of Nettuts+, and love making the process of building for the web as easy as possible. Also, I'm finishing up my latest book on Laravel Testing! If you want be friends, say hi on Twitter.  

Plus Premium
 
 
Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more
  • http://razerdesign.com Kevin

    Looks awesome! Downloading now! Can’t wait, and thanks!

  • http://marketplace.tutsplus.com/user/NikolaMalich Nikola Malich

    Very neat! I’ve really got to find the time to get into GitHub a little more.

  • http://aegony.net aegony

    nice tut… but when i follow your steps, on cloud9 i get error when executing ‘git push origin master’ Permission denied (publickey), dunno why ’cause i generate my ssh key a few hours ago & test it & everything was working fine.
    i have no account on cloud9, only linked with github. isn’t that issie ’cause of that ?

    thanx 4 any help…

  • dennismars

    What does FTW stand for?

  • http://dennismars.com dennismars

    I wonder if anyone has ever read an article and experienced the feeling of not knowing what something meant? Its horrible, will someone please tell me what FTW stands for?

    I realize that I may be “For The Win” or something equally silly. I’ve even looked it up at places like :

    http://www.fileinfo.com/extension/ftw
    http://en.wiktionary.org/wiki/FTW
    http://netforbeginners.about.com/od/f/f/What-Is-FTW-for-the-Win.htm

    And so it could be humor, or on the other hand it may be the most important of the article; so central to the idea that its assumed that every knows what it is (a trait becoming more and more common in programming tutorials).

    Someone please, alleviate my mental stalemate with FTW, and with a few strokes of your keypad, grant me life!

    - Mars

    • http://www.jeffrey-way.com Jeffrey Way
      Author

      Just “For the Win.” :)