Log in
React Conferences
React Summit Remote Edition 2021React Summit Remote Edition 2021
EN

Publishing, Automating and Monitoring your JS App on Azure

Suzanne Daniels
Suzanne Daniels
Microsoft
Nick Trogh
Nick Trogh
Microsoft

In this workshop you're going to deploy a JS app to our Azure Services. Obviously, we don't want to do this manually, so you're going to use GitHub actions to streamline this experience. Now that our App is on Azure, we want to make sure that we're aware of crashes and performance issues, so we'll add some App Insights in the mix. During the workshop, we'll show some cool features you could leverage!

certificate
Recording and certification are available to Multipass and Full ticket holders only
Please login if you have one.
Get Multipass
Rate this content
Bookmark
azure
Video Summary and Transcription
The workshop focuses on using Azure Static Web Apps to deploy static web applications with added features like APIs, security, and monitoring. Participants learn how to set up a GitHub repository to trigger GitHub Actions for continuous deployment, making it easier to manage code changes and deployments. The session highlights using Azure Functions to handle backend APIs, which can be written in multiple languages and triggered by various events. Attendees are encouraged to use GitHub for authentication to simplify access and avoid conflicts with Microsoft accounts. The workshop also covers the use of GitHub Codespaces, a cloud-based development environment that allows running VS Code in the browser. It provides insights into setting up local development environments using Visual Studio Code and the Azure Functions Core tools, emphasizing the benefits of using a sandbox provided by Microsoft Learn for experimentation without needing an Azure account. The session discusses the integration of social identity providers for authentication, offering easy role-based access control within applications.

This workshop has been presented at React Summit Remote Edition 2021, check out the latest edition of this React Conference.

Available in Español: Publicando, Automatizando y Monitoreando tu Aplicación JS en Azure

FAQ

The main focus of the workshop is to demonstrate how to deploy a static web app on Azure, utilizing Azure services, and adding functionalities like APIs, security, and monitoring.

Participants need to install Node.js, Visual Studio Code (VS Code), the Azure Static Web App extension for VS Code, and the Azure Functions Core tools to adequately prepare for the workshop.

No, participants do not need an Azure account. Instead, they can use a sandbox provided during the workshop, which allows them to experiment with Azure services without a personal or professional Azure account.

Participants can sign into the Microsoft Learn website using their GitHub accounts. This is the preferred method as it simplifies access and avoids potential conflicts with Microsoft accounts.

Azure Static Web Apps is a service that allows hosting of static web applications in the cloud. It integrates with GitHub for continuous deployment via GitHub Actions, automatically building and deploying the app upon code changes.

The workshop demonstrates how to use Azure Functions, a serverless compute service, to handle backend APIs, which are managed within the same environment as the static web content on Azure Static Web Apps.

Video transcription and chapters available for users with access.
Suzanne Daniels
Suzanne Daniels
Nick Trogh
Nick Trogh
138 min
10 Jun, 2021

Comments

Sign in or register to post your comment.
Available in other languages:

Watch more workshops on topic

Going on an adventure with Nuxt 3, Motion UI and Azure
JSNation 2022JSNation 2022
141 min
Going on an adventure with Nuxt 3, Motion UI and Azure
WorkshopFree
Melanie de Leeuw
Melanie de Leeuw
We love easily created and deployed web applications! So, let’s see what a very current tech stack like Nuxt 3, Motion UI and Azure Static Web Apps can do for us. It could very well be a golden trio in modern day web development. Or it could be a fire pit of bugs and errors. Either way it will be a learning adventure for us all. Nuxt 3 has been released just a few months ago, and we cannot wait any longer to explore its new features like its acceptance of Vue 3 and the Nitro Engine. We add a bit of pizzazz to our application with the Sass library Motion UI, because static design is out, and animations are in again.Our driving power of the stack will be Azure. Azure static web apps are new, close to production and a nifty and quick way for developers to deploy their websites. So of course, we must try this out.With some sprinkled Azure Functions on top, we will explore what web development in 2022 can do.
azurevue 3nuxt.js
Azure Static Web Apps (SWA) with Azure DevOps
DevOps.js Conf 2022DevOps.js Conf 2022
13 min
Azure Static Web Apps (SWA) with Azure DevOps
WorkshopFree
Juarez Barbosa Junior
Juarez Barbosa Junior
Azure Static Web Apps were launched earlier in 2021, and out of the box, they could integrate your existing repository and deploy your Static Web App from Azure DevOps. This workshop demonstrates how to publish an Azure Static Web App with Azure DevOps.
devopsazure
How to develop, build, and deploy Node.js microservices with Pulumi and Azure DevOps
DevOps.js Conf 2022DevOps.js Conf 2022
163 min
How to develop, build, and deploy Node.js microservices with Pulumi and Azure DevOps
Workshop
Alex Korzhikov
Andrew Reddikh
2 authors
The workshop gives a practical perspective of key principles needed to develop, build, and maintain a set of microservices in the Node.js stack. It covers specifics of creating isolated TypeScript services using the monorepo approach with lerna and yarn workspaces. The workshop includes an overview and a live exercise to create cloud environment with Pulumi framework and Azure services. The sessions fits the best developers who want to learn and practice build and deploy techniques using Azure stack and Pulumi for Node.js.
node.jsmicroservicesdevopsazure
Introduction to Machine Learning on the Cloud
ML conf EU 2020ML conf EU 2020
146 min
Introduction to Machine Learning on the Cloud
Workshop
Dmitry Soshnikov
Dmitry Soshnikov
This workshop will be both a gentle introduction to Machine Learning, and a practical exercise of using the cloud to train simple and not-so-simple machine learning models. We will start with using Automatic ML to train the model to predict survival on Titanic, and then move to more complex machine learning tasks such as hyperparameter optimization and scheduling series of experiments on the compute cluster. Finally, I will show how Azure Machine Learning can be used to generate artificial paintings using Generative Adversarial Networks, and how to train language question-answering model on COVID papers to answer COVID-related questions.
azuremachine learning

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

From Code to Scale! Build a Static Web App in Minutes
JSNation Live 2020JSNation Live 2020
31 min
From Code to Scale! Build a Static Web App in Minutes
John Papa
John Papa
Microsoft
The Talk discusses the development of web applications and the challenges involved, such as code management, CI/CD, routing, security, and scalability. It explores the use of Azure Static Web Apps for building and deploying static web apps with features like authorization, authentication, and serverless technology. The process of creating a static web app on Azure Portal is demonstrated, along with resource creation, deployment, and custom domain setup. The Talk also covers API deployment, authentication, authorization, and role-based access control. Azure Static Web Apps is highlighted as a globally distributed solution for building web apps.
azureweb apps
PoseDance: Build a TikTok Trainer
JSNation Live 2020JSNation Live 2020
31 min
PoseDance: Build a TikTok Trainer
Jen Looper
Jen Looper
Microsoft
In this Talk, Jen Looper introduces PoseDance, a TikTok trainer app that uses PoseNet for pose detection. She discusses the challenges of scoring and the potential for medical applications. Jen also mentions the use of Azure Functions and PlayFab for the app's backend and deployment. The Talk concludes with a code tour and an invitation for contributions to improve the scoring system.
azure