├── .github └── workflows │ └── surge_deploy.yaml ├── README.md └── index.html /.github/workflows/surge_deploy.yaml: -------------------------------------------------------------------------------- 1 | name: Deploy Website 2 | 3 | on: [push] 4 | 5 | jobs: 6 | build: 7 | runs-on: ubuntu-latest 8 | name: Deploying to surge 9 | steps: 10 | - uses: actions/checkout@v2 11 | - name: Install Node.js 12 | uses: actions/setup-node@v2-beta 13 | with: 14 | node-version: 12 15 | - name: Install Surge 16 | run: npm install -g surge 17 | - name: Run surge 18 | run: surge ./ bootcamp_setup_ziakhan.surge.sh --token ${{ secrets.SURGE_TOKEN }} 19 | 20 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Bootcamp 2020 Class 1: Setup Website Development Environment 2 | 3 | I took the following steps, all bootcampers should also do this on there own repos 4 | 5 | 1. Signup on GitHub.com and Install GitHub Desktop on your computer 6 | 7 | https://desktop.github.com/ 8 | 9 | 2. Using Github Desktop create new public repo and publish it on GitHub.com 10 | 11 | 3. Install VS Code, we will use it as our code editor 12 | 13 | https://code.visualstudio.com/download 14 | 15 | 4. Create a simple hello world html file and name it index.html. Using GitHub desktop commit the code and push it. 16 | 17 | 5. Install Node.js 18 | 19 | https://nodejs.org/en/download/ 20 | 21 | 6. Install Surge 22 | 23 | npm install --global surge 24 | 25 | 7. Generate Surge token by the following command 26 | 27 | surge token 28 | 29 | 8. Save the surge token in the repo's GitHubs secrets 30 | 31 | 9. Watch Introduction to GitHub Actions 32 | 33 | https://www.youtube.com/watch?v=eB0nUzAI7M8 34 | 35 | 10. Learn YAML 36 | 37 | https://rollout.io/blog/yaml-tutorial-everything-you-need-get-started/ 38 | 39 | 11. Configuring a Github Actions Workflow 40 | 41 | https://help.github.com/en/actions/reference/workflow-syntax-for-github-actions 42 | 43 | https://help.github.com/en/actions/configuring-and-managing-workflows/configuring-a-workflow 44 | 45 | 12. Learn and create surge deployment action file in root of your repo in .github/workflow directory like I have done 46 | 47 | 13. Make small change in your index.html, commit it and push it again to github.com 48 | 49 | 14. Check the action tab to GitHub website and see if the action executed 50 | 51 | 15. open website in browser 52 | 53 | http://bootcamp_setup_ziakhan.surge.sh/ 54 | 55 | 16. Submit your github repo URL here in the issues of the assignment repo, like I have done here: 56 | 57 | https://github.com/panacloud/Bootcamp-Setup/issues/1 58 | 59 | 60 | 61 | NOTE: 62 | Assumption is that you know HTML, CSS, and JavaScript 63 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |

Website deployed using GitHub Actions.

5 | 6 | --------------------------------------------------------------------------------