How to publish an app from GitHub?

 
Step 1: Create or Choose Your Repository
 

First, sign in to your GitHub account. You can either create a new repository or use an existing one that contains your web application code.

• To create a new repository, click the “+” icon in the top-right corner and select “New repository.”
• Give it a descriptive name (for example, my-web-app), add an optional description, and choose public or private visibility.
• Optionally initialize with a README.md, a .gitignore, and a license.

 
Step 2: Push Your Local Code to GitHub
 

If your app code is on your local machine, follow these commands to push it up:

# Navigate into your project folder
cd path/to/your-project

# Initialize a new Git repository (if you haven't already)
git init

# Add all files and make your first commit
git add .
git commit -m "Initial commit of my web app"

# Add the GitHub repo as a remote (replace URL with your repo URL)
git remote add origin https://github.com/your-username/my-web-app.git

# Push your code to the main branch
git push -u origin main

• If you used a different default branch (for example, master), replace main accordingly.
• After pushing, refresh your repository page on GitHub to verify that the files appear.

 
Step 3: Configure GitHub Pages
 

GitHub Pages will host your static site directly from your repo. To enable it:

• Go to your repository on GitHub.
• Click on the “Settings” tab.
• In the sidebar, select “Pages.”
• Under “Source,” choose the branch you want to publish (usually main) and the folder (/ (root) for static files in the repo root, or /docs if you keep your built site there).
• Click “Save.” GitHub Pages will display a confirmation and the URL where your site will be available.

 
Step 4: Verify Your Published App
 

After a few seconds, your site will be live at the URL shown in the Pages settings (for example, https://your-username.github.io/my-web-app).

• Open that URL in your browser.
• If you make changes to your code, commit and push them to the configured branch—GitHub Pages redeploys automatically.

 
Step 5: (Optional) Set Up a Custom Domain
 

If you have your own domain name, you can point it to your GitHub Pages site.

• Create a file named CNAME in your repository’s root (or in /docs if that’s your Pages folder) containing just your custom domain (e.g., www.example.com).
• Commit and push the CNAME file. GitHub Pages reads it and configures your site to use that domain.
• In your DNS provider’s settings, add a CNAME record pointing www to your-username.github.io. If you want an apex domain (example.com), use A records pointing to GitHub’s IP addresses.
• Back in the Pages settings, verify that your custom domain is listed and that HTTPS is enabled.