This image was pulled at random by the Unsplash query API in app
It's May 4th. Let's create a simple Static Web App with a Managed Functions API using the Azure SWAG template, customizing it to use quotes and images related to the Star Wars Day celebrations!!
Here are the steps I followed to make this work!
- Use Azure-SWAG template to generate this repo
- Edit the /api/quote/index.js - update
quotes
with Star Wars examplesunsplashApi
query to use "star-wars"
- Commit changes to repo
- Use
Deploy to Azure
button to walk through SWA quickstart using Azure Portal - Browse deployed site, and keep clicking!
And #MayTheFourthBeWithYou !
- Static Web Apps Documentation
- Tutorial from Yohan Lasorsa - for using the SWAG template
- Unsplash.com - "Star-Wars" images from users
- 15 Star Wars Quotes to Use In Everyday Life - from the Star Wars site!
Read the original README contents here:
😎 Azure SWAG demo
This is a simple barebone demo for Azure SWAG (Static Web Apps on GitHub). You can use it as a template for your own apps.
It includes a website using HTML + JavaScript and an example Node.js API. See it live here.
Click on Use this template on GitHub, then click on the button below to deploy your own (for free):
TL;DR:
It's an all-inclusive hosting service for web apps with serverless APIs built using JavaScript, based on continuous deployment from a GitHub repository.
For the longer version with the deployment instructions, see this full length article.
You can also take a look at the official docs.