Welcome to #30DaysOfSWA - a fun way to jumpstart your learning journey into Azure Static Web Apps.
Over the next four weeks, we'll learn core concepts, see usage examples, explore developer tools, and discuss best practices to design richer end-to-end user experiences. We've put together a tentative plan for the content. While the weekly themes are fixed, we may adapt or alter planned posts in response to your feedback or requests.
So share your questions, comments and suggestions. Help us make this more journey better!
- Preferred: Post feedback to our Discussions board.
- Alternatively, post feedback as comments in the related post on dev.to.
- You can also tweet comments or share learnings using the
What is #30DaysOfSWA? How can you participate? Who are the people behind this project? Join us for a visual roadmap of the journey ahead, and get motivated to learn about Azure Static Web Apps in #30Days!
Welcome to the first week of your learning journey. Let's talk about some fundamental concepts for developing and deploying Static Web Apps. At the end of this week you should have built and deployed a basic SWA.
- Introducing SWA (Simona, Nitya) - What is Static Web Apps?
- Building SWA (Glaucia, Nitya) - Build & Deploy Your First SWA!
- API-Enabling SWA (Anthony, Nitya) - Add a Serverless API backend.
- Configuring SWA (Joseph, Nitya) -- Configure Build Process, App Settings & Behavior
- Securing SWA (Mitali, Nitya) - Built-in & Custom Authentication Options for SWA
- Previewing SWA (Michail , Nitya) - Staging Deployments For Previewing (PR, Branches)
- Deploying SWA (Reshmi) - Deploy from GitLab, BitBucket, Azure DevOps. Using ARM Templates
Welcome to Week 2. So you know what SWA is but what web frameworks and libraries can you use it with? And what kinds of applications can you spin up quickly using this approach? Let's look at some examples.
Welcome to Week 3 - let's talk about the developer experience in building and deploying modern web apps. We'll introduce you to a few tools that can simplify your develop-debug-deploy-test workflows. While some are SWA-specific, others are useful for modern web app dev in general.
We made it to the final week!! We've learned core concepts, seen examples of SWA in action, and explored tools to improve the developer experience. Now let's explore how SWA works with other Azure or third party services, and end with some tips and tricks to make your SWA development journey fun and functional!
- E2E Development - and SWA - a roadmap
- Cognitive Search - and SWA - build a Searchable Catalog
- Cognitive Services - and SWA - bring Custom Vision to your app
- KlipTok - and SWA - a real-world Case Study
- Azure Functions - and SWA - Bring Your Own Functions!
- Video Conferencing - and SWA - integrate Azure Communication Services using SWA Auth and CosmosDB
- Full Stack - and SWA - React/Redux front-end, Functions back-end and CosmosDB database (using Mongoose)
Thank you for staying the course with us. In the final two posts of this series we'll do two things:
- Look Back - with a quick retrospective of what was covered.
- Look Ahead - with resources and suggestions for how you can skill up further!
We appreciate your time and attention and we hope you found this curated tour valuable. Feedback and suggestions are always welcome. From our entire team, we wish you good luck with the learning journey - now go build some apps and share your knowledge! 🎉