Skip to content

sujentimila/nodeTutorial

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

38 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Getting Started

Forking Shikkic/nodeTutorial

First start by forking this repo. You can find the fork button at the top right of the page!

Then lets clone the repo to our desktop so we can make some changes and eventually push it to our heroku server.

Navigate to your Desktop via Git Bash, or terimnal, and enter the following. (EX: C:\Users\Shikkic\Desktop)

Make sure to insert your username into the url

$ git clone https://github.com/YOURUSERNAMEHERE/nodepractice

Heroku

Signing up for Heroku

Heroku is going to provide the free hosting for our node server, so if you don't have an account sign up now!

Don't worry it's most basic teir is free, so no credit card required!

Sign up here!

Creating our first Heroku node app

After you've logged in you should see a dashboard. Heroku uses what they call apps as servers, we can manage the content we upload to them and tell Heroku when to run it.

We don't have any Heroku apps yet, so why don't we make a new one.

Imgur

Give your app a unique all lowercase name and hit create app

Imgur

Connecting to Github

Let's link our Github account to Heroku so we can deploy our node server repo fast and easily

Imgur

Now we need to search for the repo we want to connect to our Heroku app

Imgur

We want to be able to have any changes we push to github automatically deploy, so lets enable this feature by click the Enable Automatic Deploys

Imgur

###Great! Now we've connected our app to our servers repo

Our server repo is connected now and anytime we push an update to the repo, the changes to our website will be automatically reflected by our server

Let's test it out and manually push our app to the server from the dashboard

Imgur

Viewing your site

So now that we've deployed our site, lets take a look at it shall we?

You can view your site after you manually deploy it here

Imgur

You can view your site after you manually deploy it here

Imgur

You can also view it by cickling this button at the top of the page at any time

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 89.5%
  • HTML 10.1%
  • JavaScript 0.4%