How I Deployed Stylish E-Commerce Application Using Azure Web App and GitHub CI/CD

This project is a modern, Stylish e-commerce website deployed on Microsoft Azure Web Apps with GitHub integration for seamless CI/CD.

Prerequisites

• Azure Account (Free tier available)

• GitHub Account

• GitBash (Download)

• https://github.com/Subair-09

Steps

1. Push your code to GitHub using Git bash The first step is to push your codes to Github using my guide at https://nucloud.hashnode.dev/pushing-my-first-indexhtml-file-to-github-using-git-bash

2. Login to Azure using Git bash using the command marked red in the images

   

3. Create your resource group using the command

   

4. Create an app service plan, but before creating an App service plan, u must enable microsoft.web in your azure portal....microsoft.web is a service in azure that let you run your web app.. follow my guide at https://nucloud.hashnode.dev/enabling-the-microsoftweb-resource-provider-in-azure?source=more_articles_bottom_blogs to learn how to enable microsoft.web

5. After enabling microsoft.web the next step is to create an app service plan by using the command

   

6. Create your WebApp using the command

   

7. Deployment Time

   Deploy and connect your Git repository to Azure using the command.

   

8. Accessing our Stylish e commerce website, to access our Stylish E-commerce website follow my guide at https://nucloud.hashnode.dev/accessing-a-web-app-in-azure to view our e-commerce website.

Project Note: This project utilizes a freely-downloaded e-commerce template for demonstration purposes. The focus is on Azure webApp deployment rather than frontend design...

Customization Note

Pro Tip: The Azure resources in this guide use my personal naming convention:

• Resource Group: StylishRG

• Web App: Stylishwebapp

• App Service: Stylishappserv
  Feel free to replace these with your preferred names when deploying!

Conclusion

The Stylish E-Commce project successfully demonstrates the development and deployment of a scalable, cloud-based e-commerce solution using Microsoft Azure and modern DevOps practices. By leveraging Azure Web Apps, GitHub CI/CD, and performance optimizations, this platform delivers a secure, high-performance shopping experience.