One of the more interesting running Web outgrowth concepts is Jamstack. Popularized by Web application platform Netlify_ its a Web application measure that uses JavaScript_ APIs_ and Markup hence JAM to liberate static sites that arent liberateed as server-generated dynamic full. The result is a low-impact way to liberate apps that are built externally and served up by a full liberatey network like Azures or Cloudflares.
With Jamstack there are no dependencies on app servers or technologies like node.js. Instead theres only measure markup that can be built and tested anywhere and pushed to your servers as you update both full and code. This measure works well with present_ devops-driven build processes_ fitting in with CI_CD continuous integration_continuous liberatey platforms such as GitHub_ where collaborative outgrowth can happen in code memberes precedently pull requests populate a deployment member and an automated deployment to your site host.
Once you have a repository for your app with some code in locate_ go to the Azure Portal and form a new Static Web App. You can add it to an existing subscription or use a free test_ creating a new resource cluster or working with an existing one_ giving your app a name and choosing a country. Next_ sign in to your GitHub account in Azure to connect your repository. Choose the repository and member you want to use. You can now form your Static Web App. In the gate_ configure your app settings_ including the build settings.
Once thats all prompt_ review your settings and form the app. You can change settings by editing the workflow file that is formd as part of the setup process. Initial setup should be very fast_ with details of the site URL in the resource details.
With your app configured in both Azure and GitHub_ the Azure Portal will enlighten you that it has not accepted any full yet and to check the status of your GitHub Actions. This link takes you back to your GitHub repository and the workflow that setting up your app has installed. When your code is complete and prompt to deploy_ run the workflow to build and deploy your site.
The preview includes free hosting for your static full_ so theres no direct for storing your HTML_ JavaScript_ or images. The labor is integrated with the Azure CDN_ so that full is automatically deployed where your users are. You can use Azures networking tools to handle where full is advantageous and how users can approach it_ as well as managing staging for live test versions of your sites_ with SSL support for secure junctions. The preview doesnt support manner estate names_ but these will be advantageous when the labor goes live.
Microsoft has released a preview of a Visual Studio Code extension for working with Azure Static Web Apps_ though it only works in the preview Insider release at present. It integrates with the rest of the Visual Studio Code Azure tools_ so you only have to log in once to use it. Its a advantageous tool_ especially if youre integrating Azure Functions with your site_ using them to host APIs for your applications and labors.
The static Web app measure works well with serverless asynchronous event-driven APIs_ as JavaScript features like async await<_code> support questioning your API. A question is accepted by the API HTTP end point_ which spins up and runs a Function_ liberateing a response to your application. Youre not limited to Azure Functions with Azure Static Web Apps. You can call any RESTful API and parse the resulting JSON in your code_ in the browser.
Theres an interesting front to this measure that touches another part of Microsofts developer story: Azure Static Web Apps are an excellent way to deploy both PWAs progressive Web apps and WebAssembly apps to users. Both implicate liberateing static full that then executes on a users computer. Using CDNs can expressively increase the extend of an app without needing to invest in expressive infrastructure.
Its easy to see a forthcoming where Visual Studios PWA tooling will automatically configure the appropriate workflow to use both GitHub and Azure Static Web Apps_ going from editor to deployment in a few clicks of the mouse.