Scaffolding Static Web Apps

Modified version of this comic

Over the past 18 months I’ve created a lot of Azure Static Web Apps, like… a lot. I’ve hit the quota of free apps several times and had to clean out demos to keep testing things!

But it’s always a little bit tedious, …


This content originally appeared on DEV Community and was authored by Aaron Powell

Jesus that’s a lot of Static Web Apps (meme)

Modified version of this comic

Over the past 18 months I’ve created a lot of Azure Static Web Apps, like… a lot. I’ve hit the quota of free apps several times and had to clean out demos to keep testing things!

But it’s always a little bit tedious, running create-react-app, setting up Functions, etc. so I went about creating a GitHub repo template for a basic React + TypeScript + Functions app. Then sometimes I’d be wanting a different framework, so I’d go off hunting for a new template, rinse and repeat.

Enter create-swa-app

create-swa-app demo

To tackle this, I decided to create a command line tool to be used with npm init, @aaronpowell/swa-app, which will guide you through the creation using one of the templates that is listed on awesome-static-web-apps. It will also offer to create a GitHub repo for you using the template (this will prompt for a GitHub sign in workflow), so you’ll be ready to deploy it to Azure!

Think of this as a helpful starting point before jumping into the SWA CLI or VS Code extension.

Hopefully you’ll find this as a useful way to scaffold up a Static Web Apps project!


This content originally appeared on DEV Community and was authored by Aaron Powell


Print Share Comment Cite Upload Translate Updates
APA

Aaron Powell | Sciencx (2021-11-16T03:41:40+00:00) Scaffolding Static Web Apps. Retrieved from https://www.scien.cx/2021/11/16/scaffolding-static-web-apps-2/

MLA
" » Scaffolding Static Web Apps." Aaron Powell | Sciencx - Tuesday November 16, 2021, https://www.scien.cx/2021/11/16/scaffolding-static-web-apps-2/
HARVARD
Aaron Powell | Sciencx Tuesday November 16, 2021 » Scaffolding Static Web Apps., viewed ,<https://www.scien.cx/2021/11/16/scaffolding-static-web-apps-2/>
VANCOUVER
Aaron Powell | Sciencx - » Scaffolding Static Web Apps. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/11/16/scaffolding-static-web-apps-2/
CHICAGO
" » Scaffolding Static Web Apps." Aaron Powell | Sciencx - Accessed . https://www.scien.cx/2021/11/16/scaffolding-static-web-apps-2/
IEEE
" » Scaffolding Static Web Apps." Aaron Powell | Sciencx [Online]. Available: https://www.scien.cx/2021/11/16/scaffolding-static-web-apps-2/. [Accessed: ]
rf:citation
» Scaffolding Static Web Apps | Aaron Powell | Sciencx | https://www.scien.cx/2021/11/16/scaffolding-static-web-apps-2/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.