Hugo Themes Logo Hugo Themes
Hugo Azure Static Webapp screenshot

Hugo Azure Static Webapp

Author Avatar Theme by Jahlen
Updated: 24 Mar 2022
11 Stars

Template for creating a static website based on Hugo, Netlify CMS and Azure Static Web Apps.

Github

Categories

Netlifycms

Overview:

This quickstart template allows users to create a static website using Hugo, Azure Static Web Apps, and optionally Netlify CMS. Hugo is a static website generator with numerous free themes available. Azure Static Web Apps is a hosting service that offers custom domains, CDN, automatic certificates, API hosting, and easy CI/CD setup. Netlify CMS is a headless CMS that is compatible with most static website generators and stores content in your website’s GitHub repository. The template provides instructions on how to create a repository, create a Static Web App in the Azure Portal, configure a custom domain, edit configuration files, and customize the website.

Features:

  • Hugo: A static website generator with hundreds of free themes available.
  • Azure Static Web Apps: A feature-rich hosting service for static web apps with custom domains, CDN, automatic certificates, API hosting, and easy CI/CD setup.
  • Netlify CMS: A headless CMS that is compatible with most static website generators and stores content in your website’s GitHub repository.

Installation:

  1. Create your repository by visiting the provided link.
  2. In the Azure Portal, search for Static Web App and click Create. Sign in with your GitHub account and fill in the required fields.
  3. (Optional) Add a custom domain in Azure if you already have one.
  4. Check your GitHub action in your repository to ensure it executes successfully.
  5. Edit the configuration files (config.toml and params.toml) in your GitHub repository to point the baseurl to your website address.
  6. Visit your website to see the changes.
  7. Customize your website by editing the files under app/content or using Netlify CMS.

Summary:

This quickstart template allows users to easily create a static website using Hugo, Azure Static Web Apps, and optionally Netlify CMS. By following the provided instructions, users can set up a repository, create a Static Web App in the Azure Portal, configure a custom domain, edit configuration files, and customize their website. The combination of Hugo, Azure Static Web Apps, and Netlify CMS offers a powerful solution for creating and hosting static websites.