Scribd
Upload
96 views

Deploy Your Resume To Azure - Cheat Sheet

1. The document provides instructions for deploying a resume to Azure using Git, GitHub, VS Code, and Azure Static Web Apps. 2. It outlines setting up a GitHub repository for the resume code, editing the code in VS Code, and committing/syncing changes to GitHub. 3. The steps then cover creating an Azure Static Web App through the VS Code extension, linking it to the GitHub repository, and allowing GitHub Actions to automatically deploy updates to Azure.

Uploaded by

OULAKBIR Ilham
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
96 views

Deploy Your Resume To Azure - Cheat Sheet

1. The document provides instructions for deploying a resume to Azure using Git, GitHub, VS Code, and Azure Static Web Apps. 2. It outlines setting up a GitHub repository for the resume code, editing the code in VS Code, and committing/syncing changes to GitHub. 3. The steps then cover creating an Azure Static Web App through the VS Code extension, linking it to the GitHub repository, and allowing GitHub Actions to automatically deploy updates to Azure.

Uploaded by

OULAKBIR Ilham
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 8

Deploy Your Resume to Azure

Cheat Sheet

Develop
1. Make sure you have Git installed in your PC.
• Open a new terminal.
• Enter the command git –version.
• If you have it installed, you will get back something like this: git version
2.39.1.windows.1
• Otherwise install it from here
2. Login to GitHub and generate a repository from this template. (Or else, you can use
your own custom repository)

3. Open VS Code (install it from here) and clone your repository.


Deploy Your Resume to Azure
Cheat Sheet

4. Install Live server extension to help you see changes as you edit the code, run it from
the bottom as indicated with the arrow.
Deploy Your Resume to Azure
Cheat Sheet

Start editing the code and put your info.

5. After you finish commit your changes and sync with GitHub (You may need to
connect VS Code with your GitHub account).
Deploy Your Resume to Azure
Cheat Sheet

Deploy
1. Create your free Azure account or login to your existing account from the portal.
2. Ensure you have a subscription, otherwise create it:

3. Go back you VS Code, and install the Azure Static Web Apps Extensions
Deploy Your Resume to Azure
Cheat Sheet

4. Access the azure extension, and create your static web app.

5. Set a name to it.


Deploy Your Resume to Azure
Cheat Sheet

6. Select a region (West Europe is recommended).

7. Select “Custom” if you used the template to create the application (If custom select
the framework/library you used to develop the app)

6. Since the location of the app is in the root directory set it to “/”
Deploy Your Resume to Azure
Cheat Sheet

7. The build location is same as the root directory in this case, so set it to “/”

8. Wait until the resource is created, and open in GitHub Actions to see it do its thing

9. Wait until GitHub actions deploy you app to Azure Static Web Apps
Deploy Your Resume to Azure
Cheat Sheet

10. Now your website is live open it from the azure extension interface.

11. Now, you can make changes to the code whenever you want, commit & push again,
wait for GitHub actions to deploy it to Azure Static Web Apps, and reload the website
from the browser.

Resources
For more details, and instructions for other JavaScript frameworks/libraries visit this Microsoft
Learn module, Login using your Microsoft account, and complete the module to earn a badge.

You might also like