Merge pull request #180066 from craigshoemaker/swa/managed-afd

[Static Web Apps] Managed AFD

Author: ShannonLeavitt

articles/static-web-apps/TOC.yml

@@ -75,6 +75,8 @@
     - name: Enable monitoring
       href: monitor.md
       displayName: Application Insights
+    - name: Enable enterprise-grade edge
+      href: enterprise-edge.md
     - name: Reset deployment tokens
       href: deployment-token-management.md
     - name: Troubleshoot errors

articles/static-web-apps/enterprise-edge.md

@@ -0,0 +1,93 @@
+---
+title: Enterprise-grade edge (preview) in Azure Static Web Apps
+description: Learn about Azure Static Web Apps enterprise-grade edge (Preview)
+services: static-web-apps
+author: craigshoemaker
+ms.service: static-web-apps
+ms.topic: how-to
+ms.date: 01/11/2021
+ms.author: cshoe
+---
+
+# Enterprise-grade edge (Preview)
+
+Use Azure Static Web Apps enterprise-grade edge (Preview) to enable faster page loads, enhance security, and optimize reliability for your global applications. Enterprise edge combines the capabilities of Azure Static Web Apps, Azure Front Door, and Azure Content Delivery Network (CDN) into a single secure cloud CDN platform.
+
+Key features of Azure Static Web Apps enterprise-grade edge include:
+
+* Global presence in 118+ [edge locations](/azure/frontdoor/edge-locations-by-region) across 100 metro cities.
+
+* Caching assets at the [edge](/azure/frontdoor/front-door-caching).
+
+* Proactive protection against [Distributed Denial of Service (DDoS) attacks](/azure/frontdoor/front-door-ddos).
+
+* Native support of end-to-end IPv6 connectivity and [HTTP/2 protocol](/azure/frontdoor/front-door-http2.md).
+
+* Optimized file compression.
+
+> [!NOTE]
+> Static Web Apps enterprise-grade edge is currently in preview.
+
+## Caching
+
+When enterprise-grade edge is enabled for your static web app, you benefit from caching at various levels.
+
+* **CDN**: Caching content on edge locations as physically close to users a possible to reduce latency.
+
+* **DNS**: Caching DNS records for faster lookups.
+
+* **Browser**: Files are stored in the browser and returned for identical requests.
+
+For further control, you can also create [custom cache control headers](configuration.md) for your static web app.
+
+## Configuration types
+
+You can enable enterprise-grade edge powered by Azure Front Door via a managed experience through the Azure portal, or you [can set it up manually](front-door-manual.md).
+
+A managed experience provides:
+
+* Zero configuration changes
+* No downtime
+* Automatically managed SSL certifications and custom domains
+
+A manual setup gives you full control over the CDN configuration including the chance to:
+
+* Limit traffic origin by origin
+* Add a web application firewall
+* Use more advanced features of Azure Front Door
+
+## Enable enterprise-grade edge
+
+### Prerequisites
+
+* [Custom domain](./custom-domain.md) configured for your static web app with a time to live (TTL) set to less than 48 hrs.
+* An application deployed with [Azure Static Web Apps](./get-started-portal.md) that uses the Standard hosting plan.
+
+# [Azure portal](#tab/azure-portal)
+
+1. Navigate to your static web app in the Azure portal.
+
+1. Select **Enterprise-grade edge** in the left menu.
+
+1. Check the box labeled **Enable enterprise-grade edge**.
+
+1. Select **Save**.
+
+1. Select **OK** to confirm the save.
+
+    Enabling this feature incurs extra costs.
+
+# [Azure CLI](#tab/azure-cli)
+
+```azurecli
+az extension add -n enterprise-edge
+
+az staticwebapp enterprise-edge enable -n my-static-webapp -g my-resource-group
+```
+
+---
+
+## Next steps
+
+> [!div class="nextstepaction"]
+> [Application configuration](configuration.md)