https://github.com/raghul-m/azure-static-website-hosting
ashy-sand-04d906e10.1.azurestaticapps.net
https://github.com/raghul-m/azure-static-website-hosting
azure ci-cd github-actions staticwebapp
Last synced: 3 months ago
JSON representation
ashy-sand-04d906e10.1.azurestaticapps.net
- Host: GitHub
- URL: https://github.com/raghul-m/azure-static-website-hosting
- Owner: Raghul-M
- Created: 2022-06-15T08:38:54.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2022-08-28T12:56:45.000Z (almost 3 years ago)
- Last Synced: 2025-01-19T23:24:33.635Z (5 months ago)
- Topics: azure, ci-cd, github-actions, staticwebapp
- Language: HTML
- Homepage:
- Size: 291 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Hosting a Static Website in Azure Cloud with CI/CD using Github Actions and Custom Domain (Free) 👨💻
To Start with This Project You need some prerequisites and resources
Read this post I clearly Explained : [Read here](https://urlis.net/jq048)
### **Step 1**: Create a new Repository on GitHub and upload your Website Source code to it
___
### **Step 2**: Log in to your Azure Portal and Search for a Static web app in the search bar **>>** Click on it
___
### **Step 3**: Creating a static website in Azure
➜ Go to Static Web app hit create
➜ Choose the Subscription or leave it default then Create a new resource group and Enter a name for the webapp and Choose hosting plan as free , like this
➜ Then in Deployment details,Choose the source as Github and then authorize and link your github account , then choose the repository and branch what we create in your github
➜ Then hit Review+ create >> Create.
➜ It takes less than 2 mins to deploy ,after deployment it shows go to resource .then click go to resource and it shows all the data of your static web app
and the default URL for your web app , like this
#### ➜ Output : (With Default Domain)
___
### **Step 4** : Adding Custom Domain
Go to your static web app **>>** Custom Domain
#### Refer this link to how to add a custom domain : [Watch here](https://www.youtube.com/watch?v=SpQgKfJ87fE&ab_channel=MicrosoftDeveloper)
___
### **Step 5**: CI/CD with Github Actions
Lets see how it works , By default while creating your webapp using github as deployment model it enables github ACTIONS CI/CD and .gitworkflows which contains all CI/Cd changes we made to your site
Make changes in your source code and commit it >> then go to the actions of the repository to see the status , It takes less two two mins to commit change in your actual web app.
🟢 ➜ Changes Done
--
🟡 ➜ Changes in Progress
--
##### Github Actions
___
#### ➜ Output : (With Custom Domain)
___
## CONCLUSION :
