Skip to content

MSP Workshop

Caroline Ho edited this page Nov 16, 2016 · 1 revision

Goal

This workshop will teach you how to build/deploy a personal website like this one.

GitHub & Web Development

  1. Sign up for a GitHub account if you haven't already.
  2. Click the 'Fork' button in the top right of this repository to fork it to your own account.
  3. Edit the code to personalize your website. (Tip: you can edit files in the browser by clicking on the file, clicking the pencil icon, making your edits, and then clicking 'Commit changes' at the bottom of the page.)

Azure Deployment

  1. Create a free Azure account here and go to your Azure portal.
  2. Click the green '+' sign at the top of the sidebar on the left.
  3. Select "Web + Mobile" from the section that slides out and then select "Web App."
  4. Enter names for your app, resource group, and app service plan (select West US as your location). Select 'Pin to your dashboard' and click 'Create'.
  5. Click on your new app in the dashboard and go to "Deployment Options" in the sidebar (under the "App Deployment" heading).
  6. Choose GitHub as your source and choose this project ('Personal-Website').
  7. You're all set – open up your website at (app_name_you_selected_in_step_4).azurewebsites.net! If you want to make any changes, just edit your code in GitHub and the changes will show up very quickly.
Clone this wiki locally