diff --git a/404.html b/404.html index 5e98c58b..35ee273f 100644 --- a/404.html +++ b/404.html @@ -5,7 +5,7 @@ Page Not Found | Awesome Azure Developer CLI - + diff --git a/ShowcaseCardPage/index.html b/ShowcaseCardPage/index.html index 21cf900f..641c70e7 100644 --- a/ShowcaseCardPage/index.html +++ b/ShowcaseCardPage/index.html @@ -5,7 +5,7 @@ Awesome Azure Developer CLI - + diff --git a/ShowcaseCards/index.html b/ShowcaseCards/index.html index 443dbf28..ec99a86e 100644 --- a/ShowcaseCards/index.html +++ b/ShowcaseCards/index.html @@ -5,7 +5,7 @@ Awesome Azure Developer CLI - + diff --git a/assets/js/09657b43.2992cd9d.js b/assets/js/09657b43.2992cd9d.js deleted file mode 100644 index d6435019..00000000 --- a/assets/js/09657b43.2992cd9d.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[608],{5666:(e,t,a)=>{a.d(t,{u:()=>b,Z:()=>f});var r=a(7294),i=a(4444),s=a(6136),o=a(6550),n=a(2761),p=a(990);const c={cover:"cover_PdqE",searchContainer:"searchContainer_cMCc",searchArea:"searchArea_alce",heroBar:"heroBar_wuj5",color:"color_F1qy",learnMoreColor:"learnMoreColor_JGfd"};var u=a(9524),l=a(9200),d=a(5893);const m="Template Library",h="An open-source template gallery to get started with Azure.",g="https://aka.ms/azd";var b=null;function A(){if(s.Z.canUseDOM)return{scrollTopPosition:window.scrollY,focusedElementId:document.activeElement?.id}}const v="name";function z(e){return new URLSearchParams(e).get(v)}function y(){const e=(0,o.k6)(),t=(0,o.TH)(),[a,s]=(0,r.useState)(null);return(0,r.useEffect)((()=>{s(z(t.search))}),[t]),b=a,(0,d.jsx)(d.Fragment,{children:(0,d.jsx)(i.R,{styles:{root:{border:"1px solid #D1D1D1",height:"52px",maxWidth:"740px",borderRadius:"4px"},icon:{fontSize:"24px",paddingLeft:"10px"},field:{paddingLeft:"20px",fontSize:"18px"}},id:"filterBar",value:null!=z(t.search)?a:"",placeholder:"Search for an azd template...",onClear:a=>{s(null);const r=new URLSearchParams(t.search);r.delete(v),e.push({...t,search:r.toString(),state:A()})},onChange:a=>{if(!a)return;s(a.currentTarget.value);const r=new URLSearchParams(t.search);r.delete(v),a.currentTarget.value&&r.set(v,a.currentTarget.value),e.push({...t,search:r.toString(),state:A()}),setTimeout((()=>{document.getElementById("searchbar")?.focus()}),0)}})})}function f(){const{colorMode:e}=(0,l.I)();return(0,d.jsxs)("div",{className:c.searchContainer,children:[(0,d.jsx)("img",{src:"dark"!=e?(0,u.Z)("/img/coverBackground.png"):(0,u.Z)("/img/coverBackgroundDark.png"),className:c.cover,onError:e=>{let{currentTarget:t}=e;t.style.display="none"},alt:""}),(0,d.jsx)("div",{className:c.searchArea,children:(0,d.jsxs)("div",{style:{display:"flex",flexDirection:"column"},children:[(0,d.jsx)("h1",{className:c.heroBar,children:(0,d.jsx)(n.x,{size:800,align:"center",weight:"semibold",style:{background:"linear-gradient(90deg, rgb(112.68, 94.63, 239.06) 0%, rgb(41.21, 120.83, 190.19) 100%)",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"},children:m})}),(0,d.jsx)(n.x,{align:"center",size:400,style:{color:"#242424",padding:"10px 0 20px 0"},children:h}),(0,d.jsx)(y,{}),(0,d.jsxs)(n.x,{align:"center",size:300,style:{color:"#242424",paddingTop:"20px"},children:["Each template is a fully working, cloud-ready application deployable with the Azure Developer CLI (azd)."," "]}),(0,d.jsxs)(n.x,{align:"center",size:300,style:{color:"#242424",paddingBottom:"20px"},children:["New to azd? Welcome!",(0,d.jsx)(p.r,{href:g,target:"_blank",style:{paddingLeft:"3px"},className:c.learnMoreColor,children:"Learn more in our docs."})]})]})})]})}},7190:(e,t,a)=>{a.d(t,{$:()=>r});const r={msft:{label:"Microsoft Authored",description:"This tag is used for Microsoft azd templates."},community:{label:"Community Authored",description:"This tag is used for community templates."},new:{label:"New",description:"This tag is used for new templates."},popular:{label:"Popular",description:"This tag is used for popular templates."},build2024:{label:"Build 2024 Collection",description:"This tag is used for templates included in the Microsoft Build 2024 conference collection."},javascript:{label:"JavaScript",description:"Template contains JavaScript app code",type:"Language"},typescript:{label:"TypeScript",description:"Template contains TypeScript app code",type:"Language"},dotnetCsharp:{label:".NET/C#",description:"Template contains .NET and/or C# app code",type:"Language"},java:{label:"Java",description:"Template contains Java app code",type:"Language"},python:{label:"Python",description:"Template contains Python app code",type:"Language"},nodejs:{label:"Node.js",description:"Template architecture uses Node.js",type:"Language"},php:{label:"PHP",description:"Template architecture uses PHP",type:"Language"},ruby:{label:"Ruby",description:"Template architecture uses Ruby",type:"Language"},reactjs:{label:"React.js",description:"Template architecture uses React.js",type:"Tools"},sap:{label:"SAP",description:"Template architecture uses Systems Applications and Products in data processing (SAP)",type:"Tools"},sapcloudsdk:{label:"SAP Cloud SDK",description:"Template architecture uses SAP Cloud SDK",type:"Tools"},sapcap:{label:"SAP CAP",description:"Template architecture uses SAP Cloud Application Programming Model",type:"Tools"},thymeleaf:{label:"Thymeleaf",description:"Template architecture uses Thymeleaf template engine",type:"Tools"},"dall-e":{label:"Dall-E",description:"Template architecture uses Dall-E",type:"Tools"},jupyter:{label:"Jupyter Notebooks",description:"Template architecture uses Jupyter Notebooks",type:"Tools"},keda:{label:"KEDA",description:"Template architecture uses Kubernetes Event Driven Autoscaling (KEDA)",type:"Tools"},dapr:{label:"Dapr",description:"Template architecture uses Distributed Application Runtime (dapr)",type:"Tools"},webcomponents:{label:"Web Components",description:"Template architecture uses Web Components",type:"Tools"},helm:{label:"Helm",description:"Template architecture uses Helm",type:"Tools"},gpt:{label:"GPT",description:"Template architecture uses GPT AI model",type:"Tools"},bicep:{label:"Bicep",description:"Template uses Bicep for Infra as Code",type:"Infrastructure as Code"},terraform:{label:"Terraform",description:"Template uses Terraform for Infra as Code",type:"Infrastructure as Code"},mongodb:{label:"MongoDB",description:"Template architecture uses MongoDB",type:"Database"},prometheus:{label:"Prometheus",description:"Template architecture uses Prometheus",type:"Database"},fastapi:{label:"FastAPI",description:"Template architecture uses FastAPI web framework",type:"Framework"},flask:{label:"Flask",description:"Template architecture uses Flask web framework",type:"Framework"},django:{label:"Django",description:"Template architecture uses Django web framework",type:"Framework"},nestjs:{label:"NestJS",description:"Template architecture uses NestJS framework",type:"Framework"},spring:{label:"Spring",description:"Template architecture uses Spring framework",type:"Framework"},streamlit:{label:"Streamlit",description:"Template architecture uses Streamlit library",type:"Framework"},semantickernel:{label:"Semantic Kernel",description:"Template architecture uses Semantic Kernel",type:"Framework"},microfrontend:{label:"Micro Frontend",description:"Template architecture uses Micro Frontend",type:"Framework"},blazor:{label:"Blazor",description:"Template architecture uses Blazor",type:"Framework"},rubyonrails:{label:"Ruby on Rails",description:"Template architecture uses Ruby on Rails web application framework",type:"Framework"},langchain:{label:"LangChain",description:"Template architecture uses LangChain framework",type:"Framework"},kubernetes:{label:"Kubernetes",description:"Template architecture uses Kubernetes",type:"Platform"},dataverse:{label:"Dataverse",description:"Template architecture uses Microsoft Dataverse",type:"Service"},webapps:{label:"Web Apps",description:"Template architecture uses Web Apps",type:"Service"},serverlessapi:{label:"Serverless API",description:"Template architecture uses Serverless API",type:"Service"},appinsights:{label:"Azure Application Insights",description:"Template architecture uses Azure Application Insights",azureIcon:"./img/Azure-Application-Insights.svg",url:"https://learn.microsoft.com/azure/azure-monitor/app/app-insights-overview",type:"Service"},loganalytics:{label:"Azure Log Analytics",description:"Template architecture uses Azure Log Analytics",azureIcon:"./img/Azure-Log-Analytics.svg",url:"https://learn.microsoft.com/azure/azure-monitor/logs/log-analytics-overview",type:"Service"},appservice:{label:"Azure App Service",description:"Template architecture uses Azure App Service",azureIcon:"./img/Azure-App-Service.svg",url:"https://azure.microsoft.com/products/app-service",type:"Service"},monitor:{label:"Azure Monitor",description:"Template architecture uses Azure Monitor Service",azureIcon:"./img/Azure-Monitor.svg",url:"https://azure.microsoft.com/products/monitor",type:"Service"},keyvault:{label:"Azure Key Vault",description:"Template architecture uses Azure Key Vault",azureIcon:"./img/Azure-Key-Vault.svg",url:"https://azure.microsoft.com/products/key-vault",type:"Service"},aca:{label:"Azure Container Apps",description:"Template architecture uses Azure Container Apps",azureIcon:"./img/Azure-Container-Apps.svg",url:"https://azure.microsoft.com/products/container-apps",type:"Service"},cosmosdb:{label:"Azure CosmosDB",description:"Template architecture uses Azure CosmosDB",azureIcon:"./img/Azure-Cosmos-DB.svg",url:"https://azure.microsoft.com/products/cosmos-db/",type:"Service"},functions:{label:"Azure Functions",description:"Template architecture uses Azure Functions",azureIcon:"./img/Azure-Function.svg",url:"https://azure.microsoft.com/products/functions",type:"Service"},blobstorage:{label:"Azure Blob Storage",description:"Template architecture uses Azure Blob Storage",azureIcon:"./img/Azure-Storage.svg",url:"https://azure.microsoft.com/products/storage/blobs",type:"Service"},azuresql:{label:"Azure SQL",description:"Template architecture uses Azure SQL",azureIcon:"./img/Azure-SQL.svg",url:"https://azure.microsoft.com/products/azure-sql/database",type:"Database"},"azuredb-postgreSQL":{label:"Azure PostgreSQL",description:"Template architecture uses Azure Database for PostgreSQL",azureIcon:"./img/Azure-PostgreSQL.svg",url:"https://azure.microsoft.com/products/postgresql",type:"Database"},"azuredb-mySQL":{label:"Azure MySQL",description:"Template architecture uses Azure Database for MySQL",azureIcon:"./img/Azure-MySQL.svg",url:"https://azure.microsoft.com/products/mysql",type:"Database"},swa:{label:"Azure Static Web Apps",description:"Template architecture uses Azure Static Web Apps",azureIcon:"./img/Azure-Static-Web-Apps.svg",url:"https://azure.microsoft.com/products/app-service/static",type:"Service"},servicebus:{label:"Azure Service Bus",description:"Template architecture uses Azure Service Bus",azureIcon:"./img/Azure-Service-Bus.svg",url:"https://azure.microsoft.com/products/service-bus",type:"Service"},vnets:{label:"Azure Virtual Networks (VNET)",description:"Template architecture uses Azure Virtual Networks",azureIcon:"./img/Azure-Virtual-Networks.svg",url:"https://azure.microsoft.com/products/virtual-network",type:"Service"},aisearch:{label:"Azure AI Search",description:"Template architecture uses Azure AI Search",azureIcon:"./img/Azure-AI-Search.svg",url:"https://azure.microsoft.com/products/ai-services/ai-search",type:"Service"},openai:{label:"Azure OpenAI Service",description:"Template architecture uses Azure OpenAI Service",azureIcon:"./img/Azure-OpenAI-Service.svg",darkModeAzureIcon:"./img/Azure-OpenAI-Service-white.svg",url:"https://azure.microsoft.com/products/ai-services/openai-service",type:"Service"},azureai:{label:"Azure AI Service",description:"Template architecture uses Azure AI Service",azureIcon:"./img/Azure-AI-Service.svg",url:"https://azure.microsoft.com/solutions/ai",type:"Service"},apim:{label:"Azure API Management",description:"Template architecture uses Azure API Management",azureIcon:"./img/Azure-API-Management.svg",url:"https://azure.microsoft.com/products/api-management",type:"Service"},aks:{label:"Azure Kubernetes Service",description:"Template architecture uses Azure Kubernetes Service",azureIcon:"./img/Azure-Kubernetes-Service.svg",url:"https://azure.microsoft.com/products/kubernetes-service",type:"Service"},azurecdn:{label:"Azure Content Delivery Network",description:"Template architecture uses Azure Content Delivery Network",azureIcon:"./img/Azure-Front-Door-And-CDN.svg",url:"https://azure.microsoft.com/products/cdn",type:"Service"},frontdoor:{label:"Azure Front Door",description:"Template architecture uses Azure Front Door",azureIcon:"./img/Azure-Front-Door-And-CDN.svg",url:"https://azure.microsoft.com/products/frontdoor",type:"Service"},grafana:{label:"Azure Managed Grafana",description:"Template architecture uses Azure Managed Grafana",azureIcon:"./img/Azure-Managed-Grafana.svg",url:"https://azure.microsoft.com/products/managed-grafana",type:"Service"},azurespringapps:{label:"Azure Spring Apps",description:"Template architecture uses Azure Spring Apps",azureIcon:"./img/Azure-Spring-Apps.svg",url:"https://azure.microsoft.com/products/spring-apps",type:"Service"},rediscache:{label:"Azure Cache for Redis",description:"Template architecture uses Azure Cache for Redis",azureIcon:"./img/Azure-Cache-for-Redis.svg",url:"https://azure.microsoft.com/products/cache",type:"Service"},agw:{label:"Azure Application Gateway",description:"Template architecture uses Azure Application Gateway",azureIcon:"./img/Azure-Application-Gateway.svg",url:"https://azure.microsoft.com/products/application-gateway",type:"Service"},azurebot:{label:"Azure AI Bot Service",description:"Template architecture uses Azure AI Bot Service",azureIcon:"./img/Azure-AI-Bot-Services.svg",url:"https://azure.microsoft.com/products/ai-services/ai-bot-service",type:"Service"},ade:{label:"Azure Deployment Environments",description:"Template architecture uses Azure Deployment Environments",azureIcon:"./img/Azure-Deployment-Environments.svg",url:"https://azure.microsoft.com/products/deployment-environments",type:"Service"},eventhub:{label:"Azure Event Hubs",description:"Template architecture uses Azure Event Hubs",azureIcon:"./img/Azure-Event-Hubs.svg",url:"https://azure.microsoft.com/products/event-hubs",type:"Service"},azurestorage:{label:"Azure Storage",description:"Template architecture uses Azure Storage",azureIcon:"./img/Azure-Storage.svg",url:"https://azure.microsoft.com/products/storage",type:"Service"},azureappconfig:{label:"Azure App Configuration",description:"Template architecture uses Azure App Configuration",azureIcon:"./img/Azure-App-Configuration.svg",url:"https://azure.microsoft.com/products/app-configuration",type:"Service"},aistudio:{label:"Azure AI Studio",description:"Template architecture uses Azure AI Studio",azureIcon:"./img/Azure-AI-Studio.svg",url:"https://azure.microsoft.com/products/ai-studio",type:"Service"},apicenter:{label:"Azure API Center",description:"Template architecture uses Azure API Center",azureIcon:"./img/Azure-API-Center.svg",url:"https://learn.microsoft.com/azure/api-center/overview",type:"Service"},eventgrid:{label:"Azure Event Grid",description:"Template architecture uses Azure Event Grid",azureIcon:"./img/Azure-Event-Grid.svg",url:"https://learn.microsoft.com/azure/event-grid/overview",type:"Service"},diagnosticsettings:{label:"Azure Diagnostic Settings",description:"Template architecture uses Azure Diagnostic Settings",azureIcon:"./img/Azure-Diagnostic-Settings.svg",url:"https://learn.microsoft.com/azure/azure-monitor/essentials/diagnostic-settings",type:"Service"},logicapps:{label:"Azure Logic Apps",description:"Template architecture uses Azure Logic Apps",azureIcon:"./img/Azure-Logic-Apps.svg",url:"https://learn.microsoft.com/azure/logic-apps/logic-apps-overview",type:"Service"},managedidentity:{label:"Azure Managed Identities",description:"Template architecture uses Azure Managed Identities",azureIcon:"./img/Azure-Managed-Identities.svg",url:"https://learn.microsoft.com/entra/identity/managed-identities-azure-resources/overview",type:"Service"},serviceprincipal:{label:"Azure Service Principal",description:"Template architecture uses Azure Service Principal",azureIcon:"./img/Azure-Service-Principal.svg",url:"https://learn.microsoft.com/entra/identity-platform/app-objects-and-service-principals",type:"Service"},azuredatafactory:{label:"Azure Data Factory",description:"Template architecture uses Azure Data Factory",azureIcon:"./img/Azure-Data-Factory.svg",url:"https://learn.microsoft.com/azure/data-factory/introduction",type:"Service"},datascience:{label:"Data Science",description:"Template architecture involves Data Science",type:"Topic"},enterprisepatterns:{label:"Enterprise App Patterns",description:"Template architecture involves Enterprise Application Patterns",type:"Topic"},ai:{label:"Artificial Intelligence",description:"Template architecture involves Artificial Intelligence",type:"Topic"},platformengineering:{label:"Platform Engineering",description:"Template architecture involves Platform Engineering",type:"Topic"}}},6114:(e,t,a)=>{a.d(t,{PS:()=>o,_J:()=>n,xc:()=>s});var r=a(2495),i=a(7190);const s=JSON.parse('[{"title":"Starter - Bicep","description":"A starter template with Bicep as infrastructure provider","preview":"./templates/images/test.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/azd-starter-bicep","tags":["bicep","msft"]},{"title":"Starter - Terraform","description":"A starter template with Terraform as infrastructure provider","preview":"./templates/images/test.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/azd-starter-terraform","tags":["terraform","msft"]},{"title":"WordPress with Azure Container Apps","description":"A blueprint to easily and quickly create and deploy your first scalable and secure WordPress site to Azure, leveraging Azure Container Apps with Azure Database for MariaDb.","preview":"./templates/images/apptemplate-wordpress-on-ACA.png","website":"https://github.com/kpantos","author":"Konstantinos Pantos","source":"https://github.com/Azure-Samples/apptemplate-wordpress-on-ACA","tags":["php","javascript","aca","agw","rediscache","monitor","keyvault","bicep","msft"]},{"title":"React Web App with C# API and MongoDB","description":"A blueprint for getting a React web app with a C# API and a MongoDB database on Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly.","preview":"./templates/images/todo-csharp.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-csharp-cosmos-sql","tags":["dotnetCsharp","typescript","javascript","appservice","cosmosdb","mongodb","monitor","keyvault","reactjs","bicep","msft"]},{"title":"Rock, Paper, Orleans (RPO) - Distributed .NET","description":"Rock, Paper, Orleans (RPO) is a game built using dotnet, Orleans, and runs in Azure.The idea behind RPO is that you write a \\"player bot\\" in which you implement your player logic.","preview":"./templates/images/rock-paper-orleans.png","website":"https://rockpaperorleans.net/","author":"Brady Gaster","source":"https://github.com/bradygaster/RockPaperOrleans","tags":["dotnetCsharp","cosmosdb","aca","bicep","community"]},{"title":"Scalable Django on Azure App Service","description":"Deploy your Django web application with Microsoft Azure, for scale, using a cloud architecture with integrated monitoring and load testing.","preview":"./templates/images/pycon-django.png","website":"https://github.com/tonybaloney","author":"Anthony Shaw","source":"https://github.com/tonybaloney/django-on-azure","tags":["django","python","azuredb-postgreSQL","webapps","vnets","bicep","community"]},{"title":"React Web App with Node.js API and MongoDB","description":"A blueprint for getting a React web app with a Node.js API and a MongoDB database on Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly. This architecture is for hosting web apps and APIs without worrying about the infrastructure.","preview":"./templates/images/todo-nodejs-mongo.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-nodejs-mongo","tags":["bicep","nodejs","typescript","javascript","appservice","cosmosdb","monitor","keyvault","mongodb","reactjs","msft"]},{"title":"Static React Web App + Functions with Node.js API and MongoDB","description":"A blueprint for getting a React web app with a Node.js API and a MongoDB database on Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly. This architecture is for hosting static web apps with serverless logic and functionality.","preview":"./templates/images/todo-nodejs-mongo-swa-func.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-nodejs-mongo-swa-func","tags":["bicep","swa","functions","nodejs","typescript","javascript","cosmosdb","monitor","keyvault","mongodb","reactjs","appservice","msft"]},{"title":"Static React Web App + Functions with Python API and MongoDB","description":"A blueprint for getting a React.js web app with Python (FastAPI) API and a MongoDB API in Cosmos database onto Azure. The frontend, currently a ToDo application, is designed as a placeholder that can easily be removed and replaced with your own frontend code. This architecture is for hosting static web apps with serverless logic and functionality.","preview":"./templates/images/todo-python-mongo-swa-func.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-python-mongo-swa-func","tags":["bicep","swa","functions","python","typescript","javascript","cosmosdb","monitor","keyvault","mongodb","reactjs","appservice","fastapi","msft"]},{"title":"React Web App with Python API and MongoDB - Terraform","description":"A blueprint for getting a React.js web app with Python (FastAPI) API and a MongoDB API in Cosmos database onto Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Terraform) to get up and running quickly. This architecture is for hosting web apps and APIs without worrying about the infrastructure.","preview":"./templates/images/todo-python-terraform.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-python-mongo-terraform","tags":["python","typescript","javascript","cosmosdb","mongodb","monitor","keyvault","reactjs","terraform","appservice","fastapi","msft"]},{"title":"React Web App with Node.js API and MongoDB - Terraform","description":"A blueprint for getting a React web app with a Node.js API and a MongoDB database on Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Terraform) to get up and running quickly. This architecture is for hosting web apps and APIs without worrying about the infrastructure.","preview":"./templates/images/todo-nodejs-mongo-terraform.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-nodejs-mongo-terraform","tags":["nodejs","typescript","javascript","cosmosdb","mongodb","monitor","keyvault","reactjs","terraform","appservice","msft"]},{"title":"React Web App with Python API and MongoDB","description":"A blueprint for getting a React.js web app with Python (FastAPI) API and a MongoDB API in Cosmos database onto Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly. This architecture is for hosting web apps and APIs without worrying about the infrastructure.","preview":"./templates/images/todo-python.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-python-mongo","tags":["bicep","python","typescript","javascript","appservice","cosmosdb","monitor","keyvault","mongodb","reactjs","fastapi","msft"]},{"title":"Containerized React Web App with Node.js API and MongoDB","description":"A blueprint for getting a React web app with a Node.js API and a MongoDB database onto Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly. This architecture is for running containerized apps or microservices on a serverless platform This architecture is for running containerized microservices without managing the servers.","preview":"./templates/images/todo-node-aca.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-nodejs-mongo-aca","tags":["bicep","nodejs","typescript","javascript","appservice","cosmosdb","monitor","keyvault","mongodb","reactjs","aca","msft"]},{"title":"Containerized React Web App with Python API and MongoDB","description":"A blueprint for getting a React.js web app with Python (FastAPI) API and a MongoDB API in Cosmos database onto Azure. The frontend, currently a ToDo application, is designed as a placeholder that can easily be removed and replaced with your own frontend code. This architecture is for running containerized apps or microservices on a serverless platform.","preview":"./templates/images/todo-python-aca.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-python-mongo-aca","tags":["bicep","python","typescript","javascript","aca","cosmosdb","monitor","keyvault","mongodb","reactjs","fastapi","msft"]},{"title":"React Web App with C# API and SQL Database ","description":"A blueprint for getting a React web app with a C# API and a SQL database on Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly.","preview":"./templates/images/todo-csharp-sql.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-csharp-sql","tags":["bicep","dotnetCsharp","typescript","javascript","appservice","azuresql","monitor","keyvault","mongodb","reactjs","msft"]},{"title":"React Web App with Java API and MongoDB ","description":"A blueprint for getting a React.js web app with a Java API and a MongoDB database on Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly. This architecture is for hosting web apps and APIs without worrying about the infrastructure.","preview":"./templates/images/todo-java-mongo.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-java-mongo","tags":["bicep","java","typescript","appservice","cosmosdb","keyvault","monitor","mongodb","reactjs","msft"]},{"title":"Containerized React Web App with Java API and MongoDB","description":"A blueprint for getting a React web app with a Java API and a MongoDB database on Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly. This architecture is for running containerized apps or microservices on a serverless platform.","preview":"./templates/images/todo-java-mongo-aca.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-java-mongo-aca","tags":["bicep","java","typescript","appservice","cosmosdb","keyvault","monitor","mongodb","reactjs","msft"]},{"title":"Static React Web App + Functions with C# API and SQL Database","description":"A blueprint for getting a React web app with a C# API and a SQL database on Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly. This architecture is for hosting static web apps with serverless logic and functionality.","preview":"./templates/images/todo-csharp-sql-swa-func.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-csharp-sql-swa-func","tags":["bicep","swa","functions","dotnetCsharp","typescript","javascript","monitor","keyvault","reactjs","appservice","azuresql","msft"]},{"title":"Kubernetes React Web App with Node.js API and MongoDB","description":"A blueprint for getting a React.js web app with a Node.js API and a MongoDB database on Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly. This architecture is for running Kubernetes clusters without setting up the control plane.","preview":"./templates/images/todo-nodejs-mongo-aks.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-nodejs-mongo-aks","tags":["bicep","nodejs","typescript","javascript","mongodb","monitor","keyvault","reactjs","appservice","cosmosdb","aks","msft"]},{"title":"Static React Web App with Java API and PostgreSQL","description":"A blueprint for getting a React web app with a Java API and a Azure Database for PostgreSQL - Flexible Server on Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly. This architecture is for hosting web apps and APIs without worrying about the infrastructure.","preview":"./templates/images/todo-java-postgres-asa.png","website":"https://github.com/Azure-Samples/","author":"Yi Liu","source":"https://github.com/Azure-Samples/ASA-Samples-Web-Application","tags":["bicep","java","nodejs","spring","webapps","azurespringapps","azuredb-postgreSQL","msft"]},{"title":"ChatGPT + Enterprise Data with Azure OpenAI and AI Search","description":"A sample app for the Retrieval-Augmented Generation pattern running in Azure, using Azure AI Search for retrieval and Azure OpenAI large language models to power ChatGPT-style and Q&A experiences.","preview":"./templates/images/chatgpt-enterprise-dotnet.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/azure-search-openai-demo-csharp","tags":["bicep","dotnetCsharp","aks","kubernetes","aca","aisearch","openai","gpt","rediscache","ai","msft","popular"]},{"title":"Simple Chat Application using Azure OpenAI","description":"A sample chat app that uses Python and the Flask framework to stream ChatGPT completions as server-sent events to a simple frontend.","preview":"./templates/images/simplechat-azureopenai.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/chatgpt-quickstart","tags":["bicep","python","openai","gpt","ai","flask","aca","msft"]},{"title":"Spring ChatGPT Application using Azure OpenAI on Azure Spring Apps","description":"A sample that uses Java Spring framework to build ChatGPT-style application running in Azure Spring Apps.","preview":"./templates/images/asa-chatgpt.png","website":"https://github.com/Azure-Samples","author":"Yi Liu","source":"https://github.com/Azure-Samples/spring-chatgpt-sample","tags":["bicep","java","openai","gpt","ai","blobstorage","azurespringapps","msft"]},{"title":"Enterprise-Grade Reference Architecture for JavaScript","description":"A reference architecture and components for building enterprise-grade modern composable frontends (or micro-frontends) and cloud-native applications. It is a collection of best practices, architecture patterns, and functional components that can be used to build and deploy modern JavaScript applications to Azure.","preview":"./templates/images/enterprise-grade-reference-architecture-for-javascript.png","website":"https://github.com/Azure-Samples, https://github.com/anfibiacreativa","author":"JavaScript Advocacy Team, Natalia Venditto","source":"https://github.com/Azure-Samples/contoso-real-estate","tags":["bicep","javascript","swa","aca","keyvault","blobstorage","azuredb-postgreSQL","cosmosdb","apim","enterprisepatterns","msft","popular"]},{"title":"Python (Django) Web App with PostgreSQL in VNet","description":"A restaurants review web app that uses whitenoise for static assets and PostgreSQL for the database. Ready for deployment on App Service with a PostgreSQL Flexible Server inside a VNet.","preview":"./templates/images/msdocs-django-postgresql-sample-app.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/msdocs-django-postgresql-sample-app","tags":["python","django","webapps","azuredb-postgreSQL","appservice","vnets","msft","popular"]},{"title":"Python (Django) Web App with PostgreSQL via Azure Container Apps","description":"A space tourism web app that uses PostgreSQL for the database. The web app is containerize and deploy with Azure Container Apps with secrets managed by Azure Key Vault","preview":"./templates/images/azure-django-postgres-aca.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/azure-django-postgres-aca","tags":["python","django","aca","azuredb-postgreSQL","bicep","msft"]},{"title":"Python (Flask) Web App with PostgreSQL in VNet","description":"A restaurants review web app with a PostgreSQL database, written in the Python Flask framework plus SQL-Alchemy plus Alembic for database interactions. Ready for deployment on App Service with a PostgreSQL Flexible Server inside a VNet.","preview":"./templates/images/msdocs-flask-postgresql-sample-app.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/msdocs-flask-postgresql-sample-app","tags":["python","webapps","azuredb-postgreSQL","appservice","vnets","flask","msft","popular"]},{"title":"Microservices App - Dapr PubSub C# ACA ServiceBus","description":"A complete microservice application featuring Dapr Pub-Sub, deployed to Azure Container Apps and Azure Service Bus Topics with dead-lettering support.","preview":"./templates/images/test.png","website":"https://github.com/Azure/azure-dev","author":"Azure Content Team","source":"https://github.com/Azure-Samples/pubsub-dapr-csharp-servicebus","tags":["bicep","dotnetCsharp","aca","dapr","servicebus","msft"]},{"title":"Microservices App - Dapr PubSub Python ACA ServiceBus","description":"A complete microservice application featuring Dapr Pub-Sub, deployed to Azure Container Apps and Azure Service Bus Topics with dead-lettering support.","preview":"./templates/images/test.png","website":"https://github.com/Azure/azure-dev","author":"Azure Content Team","source":"https://github.com/Azure-Samples/pubsub-dapr-python-servicebus","tags":["bicep","python","aca","dapr","servicebus","msft"]},{"title":"Microservices App - Dapr PubSub Node.js ACA ServiceBus","description":"A complete microservice application featuring Dapr Pub-Sub, deployed to Azure Container Apps and Azure Service Bus Topics with dead-lettering support.","preview":"./templates/images/test.png","website":"https://github.com/Azure/azure-dev","author":"Azure Content Team","source":"https://github.com/Azure-Samples/pubsub-dapr-nodejs-servicebus","tags":["bicep","javascript","nodejs","aca","dapr","servicebus","msft"]},{"title":"Microservices App - Dapr Bindings Cron C# ACA PostgreSQL","description":"Create microservice to demonstrate Dapr\'s bindings API to work with external systems as inputs and outputs. The service listens to input binding events from a system CRON and then outputs the contents of local data to a PostgreSQL output binding.","preview":"./templates/images/bindings-dapr-cron-postgres.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/bindings-dapr-csharp-cron-postgres","tags":["dapr","dotnetCsharp","azuredb-postgreSQL","aca","msft"]},{"title":"Microservices App - Dapr Bindings Cron Python ACA PostgreSQL","description":"Create a microservice app to demonstrate Dapr\'s bindings API to work with external systems as inputs and outputs. The service listens to input binding events from a system CRON and then outputs the contents of local data to a postgreSQL output binding.","preview":"./templates/images/bindings-dapr-cron-postgres.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/bindings-dapr-python-cron-postgres","tags":["dapr","python","azuredb-postgreSQL","aca","msft"]},{"title":"Microservices App - Dapr Bindings Cron Node.js ACA PostgreSQL","description":"Create a microservice app to demonstrate Dapr\'s bindings API to work with external systems as inputs and outputs. The service listens to input binding events from a system CRON and then outputs the contents of local data to a postgreSQL output binding.","preview":"./templates/images/bindings-dapr-cron-postgres.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/bindings-dapr-nodejs-cron-postgres","tags":["dapr","nodejs","azuredb-postgreSQL","javascript","aca","msft"]},{"title":"Microservices App - Dapr Service Invoke Node.js ACA","description":"Create two microservices that communicate using Dapr\'s Service Invocation API. The Service Invocation API enables your applications to communicate reliably and securely by leveraging auto-mTLS and built-in retries.","preview":"./templates/images/svc-invoke-dapr.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/svc-invoke-dapr-nodejs","tags":["dapr","nodejs","aca","msft"]},{"title":"Microservices App - Dapr Service Invoke Python ACA","description":"Create two microservices that communicate using Dapr\'s Service Invocation API. The Service Invocation API enables your applications to communicate reliably and securely by leveraging auto-mTLS and built-in retries.","preview":"./templates/images/svc-invoke-dapr.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/svc-invoke-dapr-python","tags":["dapr","python","aca","msft"]},{"title":"Microservices App - Dapr Service Invoke C# ACA","description":"Create two microservices that communicate using Dapr\'s Service Invocation API. The Service Invocation API enables your applications to communicate reliably and securely by leveraging auto-mTLS and built-in retries.","preview":"./templates/images/svc-invoke-dapr.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/svc-invoke-dapr-csharp","tags":["dapr","dotnetCsharp","aca","msft"]},{"title":"ChatGPT + Enterprise data with Azure OpenAI and AI Search","description":"A sample app for the Retrieval-Augmented Generation pattern running in Azure, using Azure AI Search for retrieval and Azure OpenAI large language models to power ChatGPT-style and Q&A experiences.","preview":"./templates/images/azure-search-openai-demo-appcomponents.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/azure-search-openai-demo","tags":["openai","gpt","aisearch","python","typescript","bicep","nodejs","ai","msft","popular","blobstorage","appservice","build2024"]},{"title":"FastAPI on Azure Functions","description":"A simple FastAPI app deployed to Azure Functions. Can also be run and debugged locally with the Azure Functions Core Tool emulator.","preview":"./templates/images/fastapi-on-azure-functions.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/fastapi-on-azure-functions","tags":["python","fastapi","functions","msft"]},{"title":"Spring PetClinic - Java Spring MySQL","description":"Spring PetClinic application using a set of Azure solutions. Azure App Service for app hosting, Azure Database for MySQL for storage, Azure Key Vault for securing secret and Azure Application Insights for monitoring and logging.","preview":"./templates/images/spring-petclinic-java-mysql.png","website":"https://github.com/wangmingliang-ms","author":"Miller Wang","source":"https://github.com/Azure-Samples/spring-petclinic-java-mysql","tags":["java","appservice","azuresql","monitor","keyvault","appinsights","bicep","spring","thymeleaf","msft"]},{"title":"Event Driven Java Application with Azure Service Bus on Azure Spring Apps","description":"A complete event-driven application that includes everything you need to build, deploy, and monitor an Azure solution. ","preview":"./templates/images/event-driven-spring-apps.png","website":"https://github.com/Azure-Samples/","author":"Azure Content Team","source":"https://github.com/Azure-Samples/ASA-Samples-Event-Driven-Application","tags":["java","servicebus","monitor","keyvault","azurespringapps","bicep","spring","msft"]},{"title":"SAP Cloud SDK on Azure App Service Quickstart (TypeScript)","description":"This repos serves as quick-start project showcasing SAP Cloud SDK for JavaScript OData consumption running on Azure App Services. Its primary purpose is to set you up for success for your SAP extension project on Azure and reduce the lead time to your first successful deployment as much as possible with developer friendly commands.","preview":"./templates/images/app-service-javascript-sap-cloud-sdk-quickstart.png","website":"https://github.com/MartinPankraz, https://github.com/lechnerc77","author":"Martin Pankraz, Christian Lechner","source":"https://github.com/Azure-Samples/app-service-javascript-sap-cloud-sdk-quickstart","tags":["typescript","nodejs","bicep","webapps","apim","keyvault","appinsights","nestjs","sap","sapcloudsdk","msft"]},{"title":"Service Bus messages processing to Dataverse","description":"Starter solution to process Service Bus messages to Dataverse, C# for the Azure Functions app processing the messages, Azure Service Bus for the reception of the messages, and Azure Monitor for monitoring and logging.","preview":"./templates/images/servicebus-csharp-function-dataverse.jpg","website":"https://github.com/rpothin","author":"Raphael Pothin","source":"https://github.com/rpothin/servicebus-csharp-function-dataverse","tags":["dotnetCsharp","functions","servicebus","monitor","keyvault","dataverse","community"]},{"title":"Simple Flask AZD","description":"A tiny, no-frills, template to deploy Python\'s Flask web framework to Azure App Service in the free tier.","preview":"./templates/images/simple-flask-azd.png","website":"https://github.com/tonybaloney","author":"Anthony Shaw","source":"https://github.com/tonybaloney/simple-flask-azd","tags":["python","appservice","flask","community"]},{"title":"Azure Functions - Text Summarization using AI Cognitive Language Service (C#-Isolated)","description":"This sample shows how to take text documents as a input via BlobTrigger, does Text Summarization processing using the AI Congnitive Language service, and then outputs to another text document using BlobOutput binding.","preview":"./templates/images/test.png","website":"https://github.com/Azure-Samples","author":"Paul Yuknewicz","source":"https://github.com/Azure-Samples/function-csharp-ai-textsummarize","tags":["functions","aisearch","dotnetCsharp","azureai","ai","msft"]},{"title":"Azure Functions - Text Summarization using AI Cognitive Language Service (Python v2 Function)","description":"This sample shows how to take text documents as a input via BlobTrigger, does Text Summarization processing using the AI Congnitive Language service, and then outputs to another text document using BlobOutput binding.","preview":"./templates/images/test.png","website":"https://github.com/Azure-Samples","author":"Paul Yuknewicz","source":"https://github.com/Azure-Samples/function-python-ai-textsummarize","tags":["functions","aisearch","python","azureai","ai","msft"]},{"title":"Flask Container with CDN","description":"A simple photos website written with Python Flask and Bootstrap. Can be run locally with Docker and then deployed to Azure Container Apps with an Azure CDN in front.","preview":"./templates/images/flask-cdn-container-app.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/pamelafox/flask-gallery-container-app","tags":["python","flask","webapps","aca","azurecdn","community"]},{"title":"Flask Surveys Container App","description":"A survey app written with the Python Flask framework which uses Flask-SQLAlchemy with a PostgreSQL database. Can be developed locally with Docker Compose and then deployed to Azure Container Apps (using KeyVault SDK for Flask secrets).","preview":"./templates/images/flask-surveys-container-app.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/pamelafox/flask-surveys-container-app","tags":["python","flask","keyvault","aca","webapps","azuredb-postgreSQL","community"]},{"title":"Flask API on Azure Container Apps","description":"A simple JSON API using the Python Flask framework, designed for deployment on Azure Container Apps.","preview":"./templates/images/simple-flask-api-container.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/pamelafox/simple-flask-api-container","tags":["python","bicep","aca","flask","community"]},{"title":"FastAPI with API Management","description":"A FastAPI app deployed as a secured Azure Function with an API Management Policy in front, set up such that API calls require a subscription key but auto-generated documentation is publicly viewable. Project also includes 100% test coverage with Pytest plus a development workflow with ruff, isort, and black.","preview":"./templates/images/fastapi-azure-function-apim.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/pamelafox/fastapi-azure-function-apim","tags":["python","fastapi","functions","apim","community"]},{"title":"Flask Chart API on ACA and CDN","description":"A Charts API that renders PNGs of bar and pie charts, built with Python Flask, APIFlask, and matplotlib. Can be run locally with Docker and then deployed to Azure Container Apps with an Azure CDN in front.","preview":"./templates/images/flask-cdn-container-app.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/pamelafox/flask-charts-api-container-app","tags":["python","flask","webapps","aca","azurecdn","community"]},{"title":"Static Maps API Function and CDN","description":"A FastAPI app that renders map images for the given location. Deployed as a secured Azure function with an Azure CDN in front for caching.","preview":"./templates/images/staticmaps-function.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/pamelafox/staticmaps-function","tags":["python","functions","fastapi","monitor","azurecdn","community"]},{"title":"Jupyter Notebooks Web App on Azure Container Apps","description":"A web application used for hosting, sharing, and interacting with Jupyter Notebooks via Mercury, hosted on Azure Container Apps.","preview":"./templates/images/jupyter-mercury-aca.png","website":"https://github.com/savannahostrowski","author":"Savannah Ostrowski","source":"https://github.com/savannahostrowski/jupyter-mercury-aca","tags":["python","bicep","webapps","aca","jupyter","datascience","community"]},{"title":"Python (Django) Web App with PostgreSQL and Key Vault","description":"A Python Django app on App Service with a PostgreSQL flexible server database. Database access is restricted to Azure IPs, and all administrative secrets are stored in Key Vault.","preview":"./templates/images/django-quiz-app.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/pamelafox/django-quiz-app","tags":["python","django","webapps","appservice","bicep","azuredb-postgreSQL","keyvault","community"]},{"title":"Reliable Web App Pattern for .NET","description":"A multi-region enterprise web app with a 99.9% SLO and a focus on 12-factor apps and the well-architected framework. The sample app creates a concert booking application.","preview":"./templates/images/reliable-web-app-for-dotnet.png","website":"https://github.com/Azure","author":"Azure Content Team","source":"https://github.com/Azure/reliable-web-app-pattern-dotnet","tags":["dotnetCsharp","bicep","appservice","keyvault","frontdoor","azuresql","appinsights","blobstorage","webapps","enterprisepatterns","msft"]},{"title":"FastAPI on Azure Container Apps","description":"A simple JSON API using the Python FastAPI app framework, designed for deployment on Azure Container Apps. Includes auto-configuration of gunicorn with uvicorn worker count based on CPUs available.","preview":"./templates/images/simple-fastapi-container.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/pamelafox/simple-fastapi-container","tags":["python","fastapi","bicep","aca","community"]},{"title":"Containerized Apps on Azure Kubernetes Service","description":"A base Azure Kubernetes Service template with placeholders to include the application source code (no application source code included) and Kubernetes manifest files.","preview":"./templates/images/basic-aks-template.png","website":"https://github.com/sabbour/","author":"Ahmed Sabbour","source":"https://github.com/sabbour/aks-app-template","tags":["bicep","aks","kubernetes","keda","grafana","prometheus","community"]},{"title":"React Component Toolkit with ChatGPT and OpenAI ","description":"A sample demo for building and testing react components and includes a set of unique features including AI component generation and automatic conversion to Azure APIM Widgets","preview":"./templates/images/react-component-toolkit-openai.png","website":"https://github.com/jenny0322","author":"Jenny Chen","source":"https://github.com/Azure-Samples/react-component-toolkit-openai-demo","tags":["bicep","openai","gpt","ai","apim","reactjs","typescript","javascript","msft"]},{"title":"Python (Flask) Web App with PostgreSQL","description":"A Python Flask app on App Service with a PostgreSQL flexible server database. Database access is restricted to Azure IPs, and admin password is generated randomly","preview":"./templates/images/flask-db-quiz-example.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/pamelafox/flask-db-quiz-example","tags":["python","flask","bicep","appservice","webapps","azuredb-postgreSQL","community"]},{"title":"DotNet Function App with Service Bus","description":"A sample that uses a C# Function App with native Service Bus bindings to both add and react to Queued Messages","preview":"./templates/images/servicebus-dotnet-functionapp.png","website":"https://github.com/gordonby","author":"Gordon Byers","source":"https://github.com/Gordonby/servicebus-dotnet-functionapp","tags":["dotnetCsharp","functions","bicep","servicebus","community"]},{"title":"FastAPI, htmx, TailwindCSS on App Service","description":"A sample web app using FastAPI, htmx, and TailwindCSS that demonstrates dynamic design. Does not require a database provision.","preview":"./templates/images/fastapi-apps-loganalytics.png","website":"https://github.com/tataraba","author":"Mario Munoz","source":"https://github.com/tataraba/musicbinder-azd","tags":["fastapi","python","appservice","webapps","loganalytics","bicep","community"]},{"title":"Simple Streamlit","description":"A tiny, no-frills, template to deploy Python\'s Streamlit web framework to Azure App Service in the free tier.","preview":"./templates/images/simple-flask-azd.png","website":"https://github.com/MiguelElGallo","author":"Miguel P. Z.","source":"https://github.com/MiguelElGallo/simple-streamlit-azd","tags":["python","appservice","streamlit","community"]},{"title":"Azure API Management with Azure OpenAI","description":"Unleash the power of Azure OpenAI to your application developers in a secure & manageable way with Azure API Management.","preview":"./templates/images/apim-openai.png","website":"https://github.com/pascalvanderheiden","author":"Pascal van der Heiden","source":"https://github.com/pascalvanderheiden/ais-apim-openai","tags":["bicep","apim","openai","ai","appinsights","monitor","enterprisepatterns","keyvault","community"]},{"title":"Docusaurus with Azure Container Apps","description":"A blueprint to easily and quickly create and deploy your product documentation in Docusaurus using Azure Container Apps.","preview":"./templates/images/docusaurus-aca-template.png","website":"https://github.com/jsburckhardt","author":"Juan Burckhardt","source":"https://github.com/jsburckhardt/docusaurus-aca","tags":["javascript","aca","bicep","community"]},{"title":"Java Spring Apps with Azure OpenAI","description":"AI Shopping Cart is a sample app template that supercharges your shopping experience with the power of AI. It leverages Azure OpenAI and Azure Spring Apps to build a recommendation engine that is not only scalable, resilient, and secure, but also personalized to your needs.","preview":"./templates/images/java-springapps-openai.png","website":"https://github.com/pmalarme","author":"Pierre Malarme","source":"https://github.com/Azure-Samples/app-templates-java-openai-springapps","tags":["spring","openai","ai","aca","azurespringapps","azuredb-postgreSQL","monitor","reactjs","bicep","msft"]},{"title":"React Web App with Azure API Management exposing SAP OData APIs","description":"Expose your SAP OData APIs via Azure API Management and link it with Azure Static Web App to create & integrate a serverless Web App blazing fast with GitHub Copilot or ChatGPT.","preview":"./templates/images/apim-odata-reactjs.png","website":"https://github.com/pascalvanderheiden","author":"Pascal van der Heiden","source":"https://github.com/pascalvanderheiden/ais-apim-odata-reactjs","tags":["bicep","swa","apim","sap","reactjs","typescript","javascript","monitor","keyvault","appinsights","gpt","community"]},{"title":"Azure OpenAI with Azure Bot and Custom API calling, Behind a Firewall","description":"A Teams Chatbot running behind a Firewall that leverages OpenAI to call private APIs.","preview":"./templates/images/locked-down-bot-openai.png","website":"https://github.com/graemefoster","author":"Graeme Foster","source":"https://github.com/graemefoster/LockedDownChatBot","tags":["openai","ai","dotnetCsharp","appservice","azurebot","agw","community"]},{"title":"Hello world Java Application on Azure Spring Apps","description":"A complete hello-world application that includes everything you need to build, deploy, and run an Azure Spring Apps solution.","preview":"./templates/images/asa-helloworld.png","website":"https://github.com/spring-guides/","author":"Yi Liu","source":"https://github.com/spring-guides/gs-spring-boot-for-azure","tags":["java","azurespringapps","webapps","bicep","spring","community"]},{"title":"Terraform template to bootstrap Azure Deployment Environments","description":"A template to deploy Azure DevCenter with the minimun configuration to start using Azure Deployment Environments and supercharge your platform engineering story. Infrastructure as Code (written in Terraform) will get you started quickly to enable developers to self-serve environments via the Developer Portal, Azure CLI or CI/CD pipelines.","preview":"./templates/images/azure-deployment-environments.png","website":"https://github.com/lopezleandro03","author":"Leandro Lopez","source":"https://github.com/lopezleandro03/azd-devcenter","tags":["terraform","platformengineering","ade","community"]},{"title":"Java - ChatGPT + Enterprise data with Azure OpenAI and AI Search","description":"This repo is the java conversion of the well known chatGPT + Enterprise data code sample originally developed in python","preview":"./templates/images/azure-search-openai-demo-java.png","website":"https://github.com/dantelmomsft","author":"Davide Antelmo","source":"https://github.com/Azure-Samples/azure-search-openai-demo-java","tags":["java","spring","openai","ai","appservice","aisearch","semantickernel","reactjs","bicep","msft"]},{"title":"Next.js on Container Apps","description":"A blueprint for getting a Next.js app running on Azure Container Apps with CDN and Application Insights.","preview":"./templates/images/nextjs-aca.png","website":"https://github.com/CMeeg","author":"Chris Meagher","source":"https://github.com/CMeeg/nextjs-aca","tags":["typescript","reactjs","nodejs","bicep","aca","azurecdn","appinsights","community"]},{"title":"ChatGPT and RAG with Azure OpenAI and AI Search for JavaScript","description":"A reference sample to build Retrieval Augmented Generation applications using Azure AI Search and Azure OpenAI.","preview":"./templates/images/azure-search-openai-javascript.png","website":"https://github.com/Azure-Samples, https://github.com/anfibiacreativa, https://github.com/shibbas","author":"JavaScript Advocacy Team, Natalia Venditto, Shibani Basava","source":"https://github.com/Azure-Samples/azure-search-openai-javascript","tags":["ai","bicep","gpt","aisearch","javascript","nodejs","openai","typescript","webcomponents","microfrontend","msft","build2024"]},{"title":"Bicep template to bootstrap Azure Deployment Environments","description":"A template to deploy Azure DevCenter with the minimun configuration to start using Azure Deployment Environments and supercharge your platform engineering story. Infrastructure as Code (written in Bicep) will get you started quickly to enable developers to self-serve environments via the Developer Portal, Azure CLI or CI/CD pipelines.","preview":"./templates/images/azure-deployment-environments.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/azd-deployment-environments","tags":["bicep","platformengineering","ade","msft"]},{"title":".NET eShop on Web App with Redis Cache","description":"A web application hosted in App Services Web App using Redis Cache for shopping cart and session data, and using SQL database for product catelog. Cache aside pattern applied","preview":"./templates/images/webapp-rediscache-sql-vnet.png","website":"https://github.com/CawaMS","author":"Catherine Wang","source":"https://github.com/CawaMS/eShop","tags":["dotnetCsharp","rediscache","azuresql","appservice","community"]},{"title":"Real time game leaderboard with Azure Container Apps and Redis Cache","description":"Azure container app for a real-time game leaderboard that saves players and scores as sorted set in Azure Cache for Redis","preview":"./templates/images/containerapp-rediscache-leaderboard.png","website":"https://github.com/CawaMS","author":"Catherine Wang","source":"https://github.com/CawaMS/GameLeaderboard","tags":["aca","dotnetCsharp","rediscache","community"]},{"title":".NET Redis OutputCache with Azure OpenAI","description":"An AI image gallery.Azure Container app that uses Redis Cache to save web responses for improving Azure Open AI API calls performance, consistency, and efficiency","preview":"./templates/images/aca-openai-redis-artgallery.png","website":"https://github.com/CawaMS","author":"Catherine Wang","source":"https://github.com/CawaMS/OutputCacheOpenAI","tags":["aca","dotnetCsharp","rediscache","ai","openai","community"]},{"title":"Azure OpenAI Conference Session Recommender","description":"Build a recommender using OpenAI, Azure Functions, Azure Static Web Apps, Azure SQL DB, Data API builder and Text Embeddings","preview":"./templates/images/session-recommender-architecture.png","website":"https://sessionfinder.dotnetconf.net/","author":"Davide Mauri","source":"https://github.com/Azure-Samples/azure-sql-db-session-recommender","tags":["msft","reactjs","appservice","functions","azuresql","swa","appinsights","openai","azureai","enterprisepatterns","ai"]},{"title":"Microservices App - Dapr PubSub Java AKS","description":"Demonstrate event-driven communication between microservices by leveraging the pub/sub messaging architecture using Dapr for a Java application running in an AKS cluster.","preview":"./templates/images/dapr-pubsub-java-aks-diagram.png","website":"https://github.com/Azure-Samples","author":"Mahmut Canga","source":"https://github.com/Azure-Samples/pubsub-dapr-aks-java","tags":["dapr","java","aks","msft"]},{"title":"Azure Functions - Chat using ChatGPT (Node.js JavaScript Function)","description":"This sample shows how to take a ChatGPT prompt as HTTP Get or Post input, calculates the completions using OpenAI ChatGPT service, and then returns the output plus caches in a Blob state store.","preview":"./templates/images/test.png","website":"https://github.com/Azure-Samples","author":"Paul Yuknewicz","source":"https://github.com/Azure-Samples/function-javascript-ai-openai-chatgpt","tags":["functions","openai","javascript","ai","gpt","msft"]},{"title":"Azure Functions - Chat using ChatGPT (Python v2 Function)","description":"This sample shows how to take a ChatGPT prompt as HTTP Get or Post input, calculates the completions using OpenAI ChatGPT service, and then returns the output plus caches in a Blob state store.","preview":"./templates/images/test.png","website":"https://github.com/Azure-Samples","author":"Paul Yuknewicz","source":"https://github.com/Azure-Samples/function-python-ai-openai-chatgpt","tags":["functions","openai","python","ai","gpt","msft"]},{"title":"Azure Functions - LangChain with Azure OpenAI and ChatGPT (Python v2 Function)","description":"This sample shows how to take a human prompt as HTTP Get or Post input, calculates the completions using chains of human input and templates. This is a starting point that can be used for more sophisticated chains.","preview":"./templates/images/test.png","website":"https://github.com/Azure-Samples","author":"Paul Yuknewicz","source":"https://github.com/Azure-Samples/function-python-ai-langchain","tags":["functions","python","ai","msft"]},{"title":"Multi-repo ChatGPT and Enterprise data with Azure OpenAI and AI Search","description":"Azure OpenAI at scale in a secure manner.","preview":"./templates/images/GPT-Rag-Architecture-Zero-Trust.png","website":"https://github.com/Azure","author":"Azure Content Team","source":"https://github.com/Azure/GPT-RAG","tags":["openai","gpt","aisearch","python","typescript","bicep","nodejs","ai","msft"]},{"title":"Blazor Web App with C# and SQL Database on Azure","description":"A starter project for creating a Blazor web app using C# and a SQL database hosted on Azure. The project contains sample application code which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get the app up and running quickly.","preview":"./templates/images/azd-blazor.png","website":"https://jasontaylor.dev","author":"JasonTaylorDev","source":"https://github.com/JasonTaylorDev/azd-blazor","tags":["bicep","dotnetCsharp","appservice","azuresql","monitor","keyvault","blazor","community"]},{"title":"Using FastAPI Framework with Azure Functions to serve paginated data from Snowflake","description":"This is a sample Azure Function app created with the FastAPI framework to serve data from Snowflake using pagination","preview":"./templates/images/simple-fastapi-snow-azd.png","website":"https://github.com/MiguelElGallo","author":"Miguel P. Z.","source":"https://github.com/MiguelElGallo/simple-fastapi-snow-azd","tags":["python","fastapi","functions","bicep","community"]},{"title":"Python (Flask) Web App with MySQL and Key Vault","description":"A Python Flask app on App Service with a MySQL flexible server database. Database access is restricted to Azure IPs, and all administrative secrets are stored in Key Vault.","preview":"./templates/images/flask-db-mysql-example.png","website":"https://github.com/john0isaac","author":"John Aziz","source":"https://github.com/john0isaac/flask-webapp-mysql-db","tags":["python","flask","bicep","appservice","webapps","azuredb-mySQL","keyvault","community"]},{"title":"Azure Function with Event Hub with optional virtual network capabilities","description":"An Azure Function app which sends events to and consumes from an Event Hub. The Function app can optionally be configured to integrate with a virtual network, and dependent resources configured with virtual network private endpoints. Managed identity is used for authentication to dependent resources.","preview":"./templates/images/function-eventhub-vnet.png","website":"https://github.com/Azure-Samples/","author":"Michael S. Collier","source":"https://github.com/Azure-Samples/function-eventhub-vnet","tags":["bicep","dotnetCsharp","functions","appinsights","keyvault","eventhub","azurestorage","vnets","msft"]},{"title":"URL Shortener using Microsoft Orleans and Azure for hosting and data","description":"An ASP.NET Core 8.0 web application to illustrate basic Microsoft Orleans concepts; such as working with Grains, Silos, and persistent state. Uses Azure Developer CLI (azd) to build, deploy, and monitor.","preview":"./templates/images/test.png","website":"https://github.com/Azure-Samples","author":"Azure Cosmos DB Content Team","source":"https://github.com/azure-samples/orleans-url-shortener","tags":["bicep","dotnetCsharp","cosmosdb","msft","aca"]},{"title":"Azure OpenAI priority-based load balancer with Azure Container Apps","description":"A load balancer crafted specifically for Azure OpenAI, which is aware of \'retry-after\' headers and intelligently pause traffic when certain OpenAI endpoints reach maximum capacity.","preview":"./templates/images/openai-aca-loadbalancer.png","website":"https://github.com/Azure-Samples","author":"Andre Dewes","source":"https://github.com/Azure-Samples/openai-aca-lb","tags":["aca","openai","ai","msft","bicep","dotnetCsharp"]},{"title":"Azure Kubernetes Service Store Demo","description":"Sample microservices app for AKS demos, tutorials, and experiments.","preview":"./templates/images/aks-store-demo.png","website":"https://github.com/Azure-Samples","author":"AKS Content Team","source":"https://github.com/azure-samples/aks-store-demo","tags":["terraform","aks","openai","ai","msft","kubernetes","helm"]},{"title":"Setting up Azure OpenAI as a central capability within your organization","description":"Unleash the power of Azure AI to all your application developers in a secure & manageable way with Azure API Management and Azure Container Apps, utilizing Azure OpenAI PTUs across your organization with chargeback capabilities.","preview":"./templates/images/enterprise-azureai.png","website":"https://github.com/Azure, https://github.com/azureholic, https://github.com/iMicknl, https://github.com/pascalvanderheiden","author":"Azure AI Content Team, Remco Brosky, Mick Vleeshouwer, Pascal van der Heiden","source":"https://github.com/Azure/enterprise-azureai","tags":["bicep","apim","openai","ai","appinsights","monitor","enterprisepatterns","aca","dotnetCsharp","msft"]},{"title":"SAP Cloud SDK on Azure Functions Quickstart (TypeScript)","description":"This repos serves as quick-start project showcasing SAP Cloud SDK for JavaScript OData consumption running on Azure Functions. Its primary purpose is to set you up for success for your SAP extension project on Azure and reduce the lead time to your first successful deployment as much as possible with developer friendly commands.","preview":"./templates/images/functions-javascript-sap-cloud-sdk-quickstart.png","website":"https://github.com/MartinPankraz, https://github.com/lechnerc77","author":"Martin Pankraz, Christian Lechner","source":"https://github.com/Azure-Samples/functions-javascript-sap-cloud-sdk-quickstart","tags":["typescript","nodejs","bicep","webapps","apim","keyvault","appinsights","nestjs","sap","sapcap","msft"]},{"title":"SAP CAP on Azure App Service Quickstart","description":"This repos serves as quick-start project showcasing SAP Cloud Application Programming Model (CAP) for Node.js OData consumption from SAP S/4HANA running on Azure App Services backed with Azure Cosmos DB for PostgreSQL. SAP offers a native module cds-dbs for PostgreSQL integration.","preview":"./templates/images/app-service-javascript-sap-cap-quickstart.png","website":"https://github.com/MartinPankraz, https://github.com/vobu","author":"Martin Pankraz, Volker Buzek","source":"https://github.com/Azure-Samples/app-service-javascript-sap-cap-quickstart","tags":["nodejs","bicep","webapps","apim","keyvault","appinsights","nestjs","sap","cosmosdb","azuredb-postgreSQL","sapcloudsdk","msft"]},{"title":"Azure API Management policy for priority-based routing to Azure OpenAI","description":"A load balancer policy crafted specifically for Azure OpenAI, which is aware of \'retry-after\' headers and intelligently pause traffic when certain OpenAI endpoints reach maximum capacity.","preview":"./templates/images/openai-apim-loadbalancer.png","website":"https://github.com/Azure-Samples, https://github.com/codebytes","author":"Andre Dewes, Chris Ayers","source":"https://github.com/Azure-Samples/openai-apim-lb","tags":["apim","openai","ai","msft","bicep"]},{"title":"Langfuse on Azure","description":"Deploy Langfuse (open-source LLM observability platform) to Azure Container Apps with PostgreSQL Flexible Server.","preview":"./templates/images/aca_postgres_keyvault.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/Azure-Samples/langfuse-on-azure","tags":["aca","azuredb-postgreSQL","keyvault","ai","msft","bicep"]},{"title":"PostgreSQL + Pgvector","description":"Deploy a PostgreSQL Flexible Server with Pgvector extension and keyless auth, then access it from Python scripts.","preview":"./templates/images/postgres_entra.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/Azure-Samples/azure-postgres-pgvector-python","tags":["azuredb-postgreSQL","ai","msft","bicep","python"]},{"title":"Azure Open AI management and logging via Azure API Management","description":"To use Azure Open AI in production, you need to manage each application and user by issuing new keys, and monitor their usage such as number of tokens they consume and types of endpoint and mode they use. The solution uses Azure APIM and other resources to support such requirements.","preview":"./templates/images/aoai_apim.svg","website":"https://github.com/microsoft","author":"Kenichiro Nakamura","source":"https://github.com/microsoft/aoai-logging-with-apim","tags":["bicep","msft","ai","openai","apim","keyvault","dotnetCsharp"]},{"title":"Remix on Container Apps","description":"A blueprint for getting a Remix app running on Azure Container Apps with CDN and Application Insights.","preview":"./templates/images/remix-aca.png","website":"https://github.com/CMeeg","author":"Chris Meagher","source":"https://github.com/CMeeg/remix-aca","tags":["typescript","reactjs","nodejs","bicep","aca","azurecdn","appinsights","community"]},{"title":".NET AI samples with Azure OpenAI","description":".NET samples demonstrating how to use AI in your .NET applications. Each sample demonstrate a specific AI scenario with only a few lines of code. It consists of a console application, running locally, that will send request(s) to an Azure OpenAI Service deployed in your Azure subscription","preview":"./templates/images/dotnet-ai-samples.png","website":"https://github.com/fboucher","author":"Frank Boucher","source":"https://github.com/dotnet/ai-samples","tags":["ai","openai","dotnetCsharp","azureai","msft","gpt","dall-e","semantickernel","bicep"]},{"title":"Azure OpenAI Conference Session Assistant","description":"Build a conference assistant using using Vector Search and Retrieval Augmented Generator to allow attendees to ask questions about conference in natural language","preview":"./templates/images/session-assistant-architecture.png","website":"https://ai.lasvegas.vslive.com/","author":"Davide Mauri","source":"https://github.com/Azure-Samples/azure-sql-db-session-recommender-v2","tags":["bicep","msft","reactjs","appservice","functions","azuresql","swa","appinsights","openai","azureai","enterprisepatterns","ai"]},{"title":"Simple Flask (Python) Web App (Terraform) on Azure","description":"A simple Python Flask website, made for demonstration purposes only, and deployed to Azure App service and Azure Monitoring.","preview":"./templates/images/flask-app-terraform.png","website":"https://github.com/john0isaac","author":"John Aziz","source":"https://github.com/john0isaac/simple-flask-app-terraform","tags":["python","flask","terraform","appservice","loganalytics","monitor","appinsights","community"]},{"title":"Dynamic Configuration for AKS workloads (w/o changing ConfigMaps or with Azure App Configuration)","description":"A sample that demonstrates how to dynamically configure an Azure Kubernetes Service (AKS) workload with Azure App Configuration.","preview":"./templates/images/azure-appconfig-aks.png","website":"https://github.com/Azure/AppConfiguration","author":"Azure App Configuration","source":"https://github.com/Azure-Samples/azure-appconfig-aks","tags":["azureappconfig","kubernetes","aks","dotnetCsharp","bicep","webapps","msft"]},{"title":"Chat with your Data Solution Accelerator","description":"A Solution Accelerator for the RAG pattern running in Azure, using Azure AI Search for retrieval and Azure OpenAI large language models to power ChatGPT-style and Q&A experiences. This includes most common requirements and best practices.","preview":"./templates/images/cwyd-solution-architecture.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/chat-with-your-data-solution-accelerator","tags":["bicep","python","typescript","flask","aisearch","openai","gpt","ai","msft"]},{"title":"Sample Ruby on Rails app deployed (Bicep) on Azure Container App with PostgreSQL","description":"A sample Ruby on Rails Web App, made for demonstration purposes only, and deployed to Azure Container App and PostgreSQL.","preview":"./templates/images/azure-rails-starter.png","website":"https://github.com/dbroeglin","author":"Dominique Broeglin","source":"https://github.com/dbroeglin/azure-rails-starter","tags":["ruby","rubyonrails","bicep","aca","azuredb-postgreSQL","monitor","community"]},{"title":"RAG using Semantic Kernel with Azure OpenAI and Azure Cosmos DB for MongoDB vCore","description":"A Python sample for implementing retrieval augmented generation using Azure Open AI to generate embeddings, Azure Cosmos DB for MongoDB vCore to perform vector search and semantic kernel. Deployed to Azure App service using Azure Developer CLI (azd).","preview":"./templates/images/rag-semantic-kernel-mongodb-vcore.png","website":"https://github.com/john0isaac","author":"John Aziz","source":"https://github.com/john0isaac/rag-semantic-kernel-mongodb-vcore","tags":["openai","gpt","cosmosdb","mongodb","python","bicep","ai","community"]},{"title":"Serverless ChatGPT with RAG using LangChain.js","description":"A Serverless ChatGPT-like experience with Retrieval-Augmented Generation using LangChain.js, TypeScript and Azure","preview":"./templates/images/serverless-chat-langchainjs.gif","website":"https://github.com/glaucia86, https://github.com/sinedied","author":"Glaucia Lemos, Yohan Lasorsa","source":"https://github.com/Azure-Samples/serverless-chat-langchainjs","tags":["ai","bicep","gpt","serverlessapi","javascript","nodejs","openai","typescript","webcomponents","cosmosdb","msft","langchain","functions","swa","azureai"]},{"title":".NET Isolated Azure Function with Zip Deploy","description":"Create a .NET Isolated Azure Function and use Zip Push to deploy the code to the Azure Function App. For example, the .NET 8 code in the repository and the release package are used in the template. Execute the AZD UP command from the deployment folder to deploy the function app. Once the Azure Function is deployed, test it using the URL: https://.azurewebsites.net/api/getadventurers.","preview":"./templates/images/dotnet-azfunc-zipdeploy.png","website":"https://github.com/fboucher","author":"Frank Boucher","source":"https://github.com/FBoucher/ZipDeploy-AzFunc","tags":["dotnetCsharp","community","bicep","functions","appinsights","blobstorage"]},{"title":"Azure AI Starter","description":"Bicep template that deploys Azure AI services with configured machine learning models.","preview":"./templates/images/test.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/azd-ai-starter","tags":["bicep","ai","azureai","openai","msft","new"]},{"title":"Azure AI Studio Starter","description":"Bicep template that deploys everything you need to get started with Azure AI Studio. Includes AI Hub with dependent resources, AI project, AI Services and an online endpoint","preview":"./templates/images/test.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/azd-aistudio-starter","tags":["bicep","ai","azureai","openai","msft","new"]},{"title":"Simple Chat Application using Azure OpenAI (Python)","description":"Build a chat application using Azure OpenAI GPT models.","preview":"./templates/images/openai-chat-app-quickstart_diagram.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/openai-chat-app-quickstart","tags":["msft","build2024","python","openai","aca","bicep","ai","new"]},{"title":"RAG on PostgreSQL","description":"A RAG app to ask questions about rows in a database table. Deployable on Azure Container Apps with PostgreSQL Flexible Server.","preview":"./templates/images/rag-postgres-openai-python-screenshot_chat.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/rag-postgres-openai-python","tags":["msft","build2024","python","openai","aca","bicep","ai","azuredb-postgreSQL","new"]},{"title":"Creative Writing Assistant: Working with Agents using Promptflow (Python Implementation)","description":"A creative writing multi-agent solution to help users write articles.","preview":"./templates/images/agent-openai-python-prompty-creative_writing.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/agent-openai-python-prompty","tags":["msft","build2024","python","openai","aks","terraform","ai","aisearch","new"]},{"title":"Process Automation: Speech to Text and Summarization with AI Studio","description":"This solution converts speech to text and then processes and summarizes the text based on the prompt scenario.","preview":"./templates/images/summarization-openai-python-promptflow-architecture-diagram.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/summarization-openai-python-promptflow","tags":["msft","build2024","python","openai","aca","bicep","ai","new"]},{"title":"Function Calling with Prompty, LangChain and Elastic Search","description":"Function calling for vector database lookup based on user question.","preview":"./templates/images/agent-python-openai-prompty-langchain-architecture-diagram.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/agent-python-openai-prompty-langchain","tags":["msft","build2024","python","openai","aistudio","bicep","ai","new"]},{"title":"Function Calling with Prompty, LangChain and Pinecone","description":"Function calling for vector database lookup based on user question.","preview":"./templates/images/agent-openai-python-prompty-langchain-pinecone-architecture-diagram.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/agent-openai-python-prompty-langchain-pinecone","tags":["msft","build2024","python","openai","aistudio","bicep","ai","new"]},{"title":"Contoso Chat Retail with Azure AI Studio and Promptflow","description":"This sample has the full End2End process of creating RAG application with Prompt Flow and AI Studio. It includes GPT 3.5 Turbo LLM application code, evaluations, deployment automation with AZD CLI, GitHub actions for evaluation and deployment and intent mapping for multiple LLM task mapping.","preview":"./templates/images/contoso-chat-architecture-diagram.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/contoso-chat","tags":["msft","build2024","python","openai","aistudio","bicep","cosmosdb","aisearch","ai","new"]},{"title":"API Center Analyzer","description":"This sample provides an Azure API Center along with Azure Functions and Azure Event Grid to analyze API specs when registering or updating API specs to Azure API Center.","preview":"./templates/images/apic-analyzer.png","website":"https://github.com/justinyoo, https://github.com/pierceboggan","author":"Justin Yoo, Pierce Boggan","source":"https://github.com/Azure/APICenter-Analyzer","tags":["msft","bicep","apicenter","functions","eventgrid","managedidentity","appinsights","loganalytics","diagnosticsettings","typescript","new"]},{"title":"API Center Portal","description":"This sample provides an Azure API Center along with Azure Static Web Apps that governs API specs registered on Azure API Center for developers and stakeholders.","preview":"./templates/images/apic-portal.png","website":"https://github.com/justinyoo, https://github.com/pierceboggan","author":"Justin Yoo, Pierce Boggan","source":"https://github.com/Azure/APICenter-Portal-Starter","tags":["msft","bicep","apicenter","swa","serviceprincipal","typescript","new"]},{"title":"API Center Reference Sample","description":"This sample provides an Azure API Center along with Azure App Service, Static Web Apps and Azure Functions that governs, analyzes and performs service discovery of API specs registered on Azure API Center.","preview":"./templates/images/apic-reference.png","website":"https://github.com/Azure-Samples","author":"Justin Yoo","source":"https://github.com/Azure-Samples/APICenter-Reference","tags":["msft","bicep","apicenter","appservice","functions","eventgrid","managedidentity","appinsights","loganalytics","diagnosticsettings","swa","serviceprincipal","logicapps","apim","dotnetCsharp","typescript","new"]},{"title":"GPT Video Analysis-In-A-Box","description":"This solution is part of the the AI-in-a-Box framework developed by the team of Microsoft Customer Engineers and Architects to accelerate the deployment of AI and ML solutions. Our goal is to simplify the adoption of AI technologies by providing ready-to-use accelerators that ensure quality, efficiency, and rapid deployment.","preview":"./templates/images/contoso-chat-architecture-diagram.png","website":"https://github.com/Azure-Samples/gpt-video-analysis-in-a-box","author":"AI-in-a-Box Team","source":"https://github.com/Azure-Samples/gpt-video-analysis-in-a-box","tags":["msft","openai","bicep","cosmosdb","azuredatafactory","blobstorage","ai","new"]},{"title":"Deploy Phoenix to Azure","description":"Phoenix provides MLOps and LLMOps insights at lightning speed with zero-config observability.","preview":"./templates/images/arize-phoenix.png","website":"https://github.com/Arize-ai","author":"Arize AI Team","source":"https://github.com/Arize-ai/phoenix-on-azure","tags":["community","bicep","python","aca","ai","new"]},{"title":"Build a Copilot app using Azure Cosmos DB, Azure OpenAI Service and Azure App Service","description":"Build a copilot application with Azure OpenAI Service, Azure Cosmos DB for NoSQL vector database & Azure App Service.","preview":"./templates/images/cosmos-nosql-copilot.png","website":"https://github.com/AzureCosmosDB","author":"Azure Cosmos DB Content Team","source":"https://github.com/AzureCosmosDB/cosmosdb-nosql-copilot","tags":["msft","openai","gpt","cosmosdb","bicep","ai","dotnetCsharp","managedidentity","appservice","semantickernel","blazor","new"]}]'),o=Object.keys(i.$);const n=function(){let e=s;return e=(0,r.M)(e,(e=>e.title.toLowerCase())),e}()},3010:(e,t,a)=>{a.r(t),a.d(t,{default:()=>le});var r=a(7294),i=a(5666),s=a(9524),o=a(2761),n=a(990);const p={colorLink:"colorLink_hb2i"};var c=a(8560),u=a(5893);function l(e){let{id:t}=e;return(0,u.jsxs)("div",{id:t,style:{display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column",gap:"40px"},children:[(0,u.jsx)("div",{style:{paddingTop:"100px",display:"flex",flexDirection:"column",gap:"10px"},children:null!=i.u?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)(o.x,{size:500,weight:"bold",align:"center",children:["We couldn\u2019t find any results for '",i.u,"'"]}),(0,u.jsx)(o.x,{size:400,align:"center",children:"Check for spelling or try searching for another term."})]}):(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(o.x,{size:500,weight:"bold",align:"center",children:"We couldn\u2019t find any results."}),(0,u.jsx)(o.x,{size:400,align:"center",children:"Check for tags or try filtering for another tag."})]})}),(0,u.jsx)(c.Z,{style:{borderRadius:"8px",padding:"24px"},children:(0,u.jsxs)("div",{style:{display:"flex",columnGap:"30px"},children:[(0,u.jsx)("img",{height:50,src:(0,s.Z)("/img/smile.svg"),alt:"smile",style:{flex:1}}),(0,u.jsxs)("div",{style:{display:"flex",flexDirection:"column",rowGap:"5px",paddingRight:"50px"},children:[(0,u.jsx)(o.x,{size:400,weight:"bold",children:"Want to be the change you wish to see in the world?"}),(0,u.jsx)(o.x,{size:300,children:"awesome-azd is always looking for new templates!"}),(0,u.jsx)(n.r,{href:"https://azure.github.io/awesome-azd/docs/contribute",target:"_blank",className:p.colorLink,children:"\u2022 Learn how to contribute an azd template"},"emptySearch_contributeTemplate"),(0,u.jsx)(n.r,{href:"https://github.com/Azure/awesome-azd/issues/new?assignees=nigkulintya%2C+savannahostrowski&labels=requested-contribution&template=%F0%9F%A4%94-submit-a-template-request.md&title=%5BIdea%5D+%3Cyour-template-name%3E",target:"_blank",className:p.colorLink,children:"\u2022 View our template request board"},"emptySearch_requestBoard")]})]})})]})}var d=a(5812);const m={cardBreakLine:"cardBreakLine_W3Dr",card:"card_AqPL",headerText:"headerText_wMQG",headerTextCardPanel:"headerTextCardPanel_RIQo",cardDescription:"cardDescription_Xcnv",cardTextBy:"cardTextBy_WLLh",input:"input_tXlf",copyIconButton:"copyIconButton_x9jS",cardTitle:"cardTitle_RS1Y"};var h=a(6616),g=a(5216),b=a(6304),A=a(7915),v=a(2765),z=a(2347),y=a(8502),f=a(5545),w=a(339),S=a(4404),x=a(7692),C=a(5247),k=a(2457);const j={cardAuthor:"cardAuthor_u7r0",cardAuthorPanel:"cardAuthorPanel_ynPX"};var P=a(9200);function T(e){let{user:t,cardPanel:a}=e;const{colorMode:r}=(0,P.I)(),i=t.author,o=t.website;let p=0;if(i.includes(", ")){var c=o.split(", "),l=i.split(", ");if(c.length!=l.length)throw new Error("The number of multiple authors and websites are not equal.");return c.map(((e,t)=>function(e,t,a,r,i,o,p){return i!=r-1?o?(0,u.jsxs)(n.r,{href:a,className:j.cardAuthorPanel,target:"_blank",style:{display:"flex",alignItems:"center",columnGap:"5px",fontSize:"14px",fontWeight:"400",flexShrink:0},children:[t,"dark"!=p?(0,u.jsx)("img",{src:(0,s.Z)("/img/redirect.svg"),alt:"Redirect",height:13}):(0,u.jsx)("img",{src:(0,s.Z)("/img/redirectDark.svg"),alt:"Redirect",height:13}),","]},i):(0,u.jsxs)(n.r,{className:j.cardAuthor,href:a,target:"_blank",style:{flexShrink:0,fontSize:"12px"},children:[t,","]},i):o?(0,u.jsxs)(n.r,{className:j.cardAuthorPanel,href:a,target:"_blank",style:{display:"flex",alignItems:"center",columnGap:"5px",fontSize:"14px",fontWeight:"400",flexShrink:0},children:[t,"dark"!=p?(0,u.jsx)("img",{src:(0,s.Z)("/img/redirect.svg"),alt:"Redirect",height:13}):(0,u.jsx)("img",{src:(0,s.Z)("/img/redirectDark.svg"),alt:"Redirect",height:13})]},i):(0,u.jsx)(n.r,{className:j.cardAuthor,href:a,target:"_blank",style:{flexShrink:0,fontSize:"12px"},children:t},i)}(0,l[t],c[t],c.length,p++,a,r)))}return a?(0,u.jsxs)(n.r,{className:j.cardAuthorPanel,href:o,target:"_blank",style:{display:"flex",alignItems:"center",columnGap:"5px",fontSize:"14px",fontWeight:"400",flexShrink:0},children:[i,"dark"!=r?(0,u.jsx)("img",{src:(0,s.Z)("/img/redirect.svg"),alt:"Redirect",height:13}):(0,u.jsx)("img",{src:(0,s.Z)("/img/redirectDark.svg"),alt:"Redirect",height:13})]}):(0,u.jsx)(n.r,{className:j.cardAuthor,href:o,target:"_blank",style:{fontSize:"12px",flexShrink:0},children:i})}const I={cardDescription:"cardDescription_WIGs",cardTag:"cardTag_H5My",textColor:"textColor_Hgwr",squareColor:"squareColor_BaIl",terminalSquareTopColor:"terminalSquareTopColor_rV69",terminalSquareBottomColor:"terminalSquareBottomColor_ipK1",borderBottomColor:"borderBottomColor_kX02",commandColor:"commandColor_Xpos",color:"color_PxFt",purple:"purple__8uX"};var D=a(7190),L=a(6114),F=a(2495),B=a(229),M=a(9565),N=a(7266),R=a(3234),_=a(2752),q=a(5966),G=a(19),O=a(5037),Q=a(2355),W=a(2583);const E={cardPanelTag:"cardPanelTag__ZXP"};var Z=a(2335),J=a(9138);const K=r.forwardRef(((e,t)=>{let{label:a,description:r}=e;return(0,u.jsx)(Z.C,{appearance:"outline",size:"medium",ref:t,title:r,color:"informative",style:{alignContent:"center",fontSize:"10px",width:"auto"},children:a})})),H=(0,h.Z)({tooltip:{textAlign:"center"}});function V(e){let{tags:t,moreTag:a}=e;const r=t.filter((e=>"msft"!=e&&"community"!=e&&"new"!=e&&"popular"!=e)).map((e=>({tag:e,...D.$[e]}))),i=(0,F.M)(r,(e=>L.PS.indexOf(e.tag))),s=i.filter((e=>e.label.includes("Azure"))),o=i.length;let n=10;s.length>5&&(n=7);const p=o-n,c=i.slice(n,o).map((e=>e.label)).join("\n"),l=H();return a?o>n?(0,u.jsxs)(u.Fragment,{children:[i.slice(0,n).map(((e,t)=>{const a=`showcase_card_tag_${e.tag}`;return(0,u.jsx)(K,{id:a,...e},t)})),(0,u.jsx)(J.u,{withArrow:!0,content:{children:(0,u.jsx)("span",{style:{whiteSpace:"pre-line"},children:c}),className:l.tooltip},relationship:"label",children:(0,u.jsxs)(Z.C,{appearance:"outline",size:"medium",color:"informative",style:{alignContent:"center",fontSize:"10px",width:"auto"},children:["+ ",p," more"]})})]}):(0,u.jsx)(u.Fragment,{children:i.map(((e,t)=>{const a=`showcase_card_tag_${e.tag}`;return(0,u.jsx)(K,{id:a,...e},a)}))}):(0,u.jsx)(u.Fragment,{children:i.map(((e,t)=>{const a=`showcase_card_tag_${e.tag}`;return(0,u.jsx)("div",{id:a,className:E.cardPanelTag,children:e.label},t)}))})}function U(e){let{url:t,colorMode:a}=e;const r=(0,s.Z)("/img/purpleCopy.svg"),i=(0,B.M)("copyButton"),[o,{toggle:n}]=(0,S.k)(!1),p=(0,B.M)("callout-label"),c=(0,B.M)("callout-description");return(0,u.jsxs)("div",{children:[(0,u.jsxs)(M.a,{id:i,className:I.purple,style:{padding:"0px",minHeight:"20px",borderColor:"transparent",backgroundColor:"transparent"},onClick:()=>{n(),navigator.clipboard.writeText(t)},children:[(0,u.jsx)("img",{src:r,height:20,alt:"Copy"}),(0,u.jsx)("div",{style:{fontSize:"12px"},children:"Copy"})]}),o&&(0,u.jsx)(N.U,{ariaLabelledBy:p,ariaDescribedBy:c,role:"dialog",gapSpace:0,target:`#${i}`,onDismiss:n,setInitialFocus:!0,directionalHint:R.b.topCenter,styles:"dark"!=a?{calloutMain:{padding:"3px 10px"}}:{beak:{background:"#292929"},beakCurtain:{background:"#292929"},calloutMain:{background:"transparent",padding:"3px 10px"}},children:(0,u.jsx)(_.x,{variant:"small",children:"Copied"})})]})}function Y(e){let{user:t}=e;const[a,{toggle:r}]=(0,S.k)(!0),[i,{toggle:o}]=(0,S.k)(!0);let p=t.source.replace("https://github.com/","").toLowerCase();p.includes("azure-samples/")&&(p=p.replace("azure-samples/",""));const c="azd init -t "+p;let l=(0,s.Z)("/img/leftChevron.svg"),d="black";const{colorMode:m}=(0,P.I)();"dark"==m&&(d="white",l=(0,s.Z)("/img/leftChevronDark.svg"));const h={linkIsSelected:[{selectors:{":before":"dark"!=m?{backgroundColor:"#6656d1"}:{backgroundColor:"#A79CF1"},":hover":"dark"!=m?{backgroundColor:"#f3f2f1"}:{backgroundColor:"#242424"}}}],root:"",link:{selectors:{":active":"dark"!=m?{backgroundColor:"#f3f2f1"}:{backgroundColor:"#242424"},":hover":"dark"!=m?{backgroundColor:"#f3f2f1"}:{backgroundColor:"#242424"}}},linkContent:"",text:{color:d},count:"",icon:"",linkInMenu:"",overflowMenuButton:""};return(0,u.jsxs)("div",{children:[(0,u.jsxs)("div",{style:{display:"flex",alignItems:"center",columnGap:"5px",padding:"10px 0",flexWrap:"wrap"},children:[(0,u.jsx)("div",{className:I.cardDescription,children:"by"}),(0,u.jsx)(T,{user:t,cardPanel:!0},"author_"+t.title),(0,u.jsx)("div",{className:I.textColor,children:"\u2022"}),(0,u.jsxs)(n.r,{href:t.source,target:"_blank",style:{display:"flex",alignItems:"center",columnGap:"5px"},className:I.color,children:["View in GitHub","dark"!=m?(0,u.jsx)("img",{src:(0,s.Z)("/img/redirect.svg"),alt:"Redirect",height:13}):(0,u.jsx)("img",{src:(0,s.Z)("/img/redirectDark.svg"),alt:"Redirect",height:13})]})]}),(0,u.jsx)("div",{className:I.cardTag,style:{display:"flex",overflow:"hidden",columnGap:"5px",flexFlow:"wrap",padding:"5px 0"},children:(0,u.jsx)(V,{tags:t.tags,moreTag:!1},"tag_"+t.title)}),(0,u.jsxs)(q.o,{"aria-label":"Template Details and Legal",styles:h,style:{paddingTop:"20px"},children:[(0,u.jsx)(G.M,{style:{fontSize:"14px"},headerText:"Template Details",children:(0,u.jsxs)(O._,{children:[(0,u.jsx)("div",{className:I.textColor,style:{fontSize:"14px",fontWeight:"400"},children:t.description}),(0,u.jsxs)("div",{children:[(0,u.jsxs)("div",{className:I.borderBottomColor,style:{display:"flex",paddingTop:"30px"},children:[(0,u.jsx)("div",{className:I.textColor,style:{fontSize:"14px",flex:"1"},children:"Quick Use"}),(0,u.jsx)(M.a,{style:{backgroundColor:"transparent",borderColor:"transparent",minWidth:"0px",padding:"0px",height:"20px"},children:(0,u.jsx)("img",{onClick:r,src:l,height:20,alt:"Expand"})})]}),a&&(0,u.jsxs)(Q.G,{children:[(0,u.jsx)("div",{className:I.textColor,style:{fontSize:"14px",fontWeight:"400",padding:"10px 0"},children:"If you already have the Azure Developer CLI installed on your machine, using this template is as simple as running this command in a new directory."}),(0,u.jsxs)("div",{className:I.terminalSquareTopColor,style:{display:"flex",height:"32px",justifyContent:"center",alignItems:"center"},children:[(0,u.jsx)("div",{className:I.textColor,style:{flex:"1",fontSize:"12px",paddingLeft:"11px"},children:"Terminal Command"}),(0,u.jsx)(U,{colorMode:m,url:c})]}),(0,u.jsx)("div",{className:I.terminalSquareBottomColor,style:{height:"46px",padding:"11px"},children:(0,u.jsx)("div",{className:I.commandColor,style:{margin:"auto",whiteSpace:"nowrap",overflow:"hidden",fontFamily:"Consolas, Courier New, Courier, monospace",fontSize:"14px",fontWeight:"400"},children:c})}),(0,u.jsx)("div",{style:{paddingTop:"10px"},children:(0,u.jsx)(W.Z,{alignContent:"start",children:"Or"})}),(0,u.jsxs)("div",{className:I.textColor,style:{fontSize:"14px",fontWeight:"400",padding:"10px 0"},children:["If using the"," ",(0,u.jsx)("a",{href:"https://marketplace.visualstudio.com/items?itemName=ms-azuretools.azure-dev",target:"_blank",className:I.color,children:"azd VS Code extension"})," ","you can paste this URL in the VS Code command terminal."]}),(0,u.jsxs)("div",{className:I.terminalSquareTopColor,style:{display:"flex",height:"32px",justifyContent:"center",alignItems:"center"},children:[(0,u.jsx)("div",{className:I.textColor,style:{flex:"1",paddingLeft:"11px",fontSize:"12px"},children:"Terminal URL"}),(0,u.jsx)(U,{colorMode:m,url:p})]}),(0,u.jsx)("div",{className:I.terminalSquareBottomColor,style:{height:"46px",padding:"11px"},children:(0,u.jsx)("div",{className:I.commandColor,style:{margin:"auto",whiteSpace:"nowrap",overflow:"hidden",fontFamily:"Consolas, Courier New, Courier, monospace",fontSize:"14px",fontWeight:"400"},children:p})})]})]}),(0,u.jsxs)("div",{children:[(0,u.jsxs)("div",{className:I.borderBottomColor,style:{display:"flex",paddingTop:"30px"},children:[(0,u.jsx)("div",{className:I.textColor,style:{fontSize:"14px",flex:"1"},children:"Included in this template"}),(0,u.jsx)(M.a,{style:{backgroundColor:"transparent",borderColor:"transparent",minWidth:"0px",padding:"0px",height:"20px"},children:(0,u.jsx)("img",{onClick:o,src:l,height:20,alt:"Expand"})})]}),i&&(0,u.jsxs)(Q.G,{children:[(0,u.jsxs)("div",{className:I.textColor,style:{fontSize:"14px",fontWeight:"400",padding:"10px 0"},children:["The services used in this template are subject to their normal usage fees and charges. Learn more about the cost of individual services by visiting the"," ",(0,u.jsx)("a",{href:"https://azure.microsoft.com/en-us/pricing/calculator/",target:"_blank",className:I.color,children:"Azure Pricing Calculator"}),"."]}),(0,u.jsx)(X,{tags:t.tags,colorMode:m},"azure_tag_"+t.title)]})]})]})}),(0,u.jsx)(G.M,{style:{color:"#424242",fontSize:"14px",fontWeight:"400"},headerText:"Legal",children:(0,u.jsx)(O._,{children:(0,u.jsxs)("div",{className:I.textColor,style:{fontSize:"14px",fontWeight:"400"},children:[(0,u.jsx)("div",{style:{padding:"10px 0"},children:"Awesome AZD Templates is a place for Azure Developer CLI users to discover open-source Azure Developer CLI templates."}),(0,u.jsx)("div",{style:{padding:"10px 0"},children:"Please note that each template is licensed by its respective owner (which may or may not be Microsoft) under the agreement which accompanies the template. It is your responsibility to determine what license applies to any template you choose to use."}),(0,u.jsx)("div",{style:{padding:"10px 0"},children:"Microsoft is not responsible for any non-Microsoft code and does not screen templates included in the Awesome AZD Templates for security, privacy, compatibility, or performance issues."}),(0,u.jsx)("div",{style:{padding:"10px 0"},children:"The templates included in Awesome AZD Templates are not supported by any Microsoft support program or service. Awesome AZD Templates and any Microsoft-provided templates are provided without warranty of any kind."})]})})})]})]})}function X(e){let{tags:t,colorMode:a}=e;const r=t.map((e=>({tag:e,...D.$[e]})));return(0,F.M)(r,(e=>L.PS.indexOf(e.tag))).map(((e,t)=>e.label.includes("Azure")?(0,u.jsxs)("div",{style:{display:"flex",padding:"5px 0"},children:[(0,u.jsx)("div",{className:I.squareColor,style:{height:"40px",width:"40px",float:"left",display:"flex",justifyContent:"center",alignItems:"center"},children:(0,u.jsx)("img",{src:"dark"!=a||null==e.darkModeAzureIcon?(0,s.Z)(e.azureIcon):(0,s.Z)(e.darkModeAzureIcon),alt:"Azure Service Icon",height:20})}),(0,u.jsxs)("div",{style:{float:"right",height:"40px",paddingLeft:"20px"},children:[(0,u.jsx)("div",{className:I.textColor,style:{fontSize:"14px"},children:e.label}),(0,u.jsxs)("div",{style:{display:"flex",alignItems:"center"},children:[(0,u.jsx)("div",{style:{color:"#707070",fontSize:"12px",fontWeight:"400"},children:"Azure Service"}),(0,u.jsx)("div",{style:{color:"#707070",fontSize:"12px",fontWeight:"400",padding:"0 6px"},children:"\u2022"}),(0,u.jsx)("a",{href:e.url,target:"_blank",style:{fontSize:"12px",fontWeight:"400"},className:I.color,children:"Learn More"})]})]})]},t):null))}const $=(0,h.Z)({cardTag:{fontSize:"10px",color:"#606060"},cardFooterQuickUse:{fontSize:"10px",color:"#424242",fontWeight:"600"}}),ee={semanticColors:{bodyBackground:"white",bodyText:"black"}},te={semanticColors:{bodyBackground:"#292929",bodyText:"white"}};function ae(e){let{user:t}=e;const a=$(),i=t.title,o=t.tags,p=t.source,l=(0,s.Z)("/img/Sparkle.svg"),d=(0,s.Z)("/img/Fire.svg");let h="azd init -t "+p.replace("https://github.com/","").toLowerCase();h.includes("azure-samples/")&&(h=h.replace("azure-samples/",""));let j=(0,s.Z)("/img/Community.svg"),I="Community Authored";const D=`{"id":"${i}","cN":"Copy Button (azd init)"}`,{colorMode:L}=(0,P.I)(),[F,{setTrue:B,setFalse:M}]=(0,S.k)(!1);o.includes("msft")&&(j=(0,s.Z)("/img/Microsoft.svg"),I="Microsoft Authored");const N=r.useCallback(((e,t)=>(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)("div",{style:{display:"flex",paddingLeft:"24px",alignItems:"center",flex:"8"},children:[(0,u.jsx)("img",{src:j,alt:"Logo",height:16,style:{margin:"5px 0px",fontWeight:"550"}}),(0,u.jsx)("div",{className:m.headerTextCardPanel,children:I}),o.includes("new")?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("img",{src:l,alt:"Star",height:16,style:{paddingLeft:"10px"}}),(0,u.jsx)("div",{style:{color:"#11910D",fontSize:"10px"},children:"New"})]}):null,o.includes("popular")?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("img",{src:d,alt:"Fire",height:16,style:{paddingLeft:"10px"}}),(0,u.jsx)("div",{style:{color:"#F7630C",fontSize:"10px"},children:"Popular"})]}):null]}),t(e)]})),[]);return(0,u.jsxs)(c.Z,{className:m.card,children:[(0,u.jsx)(g.O,{header:(0,u.jsxs)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",flex:"1"},children:[(0,u.jsx)("img",{src:j,height:16,alt:"logo",className:m.headerLogo}),(0,u.jsx)("div",{className:m.headerText,children:I}),o.includes("new")?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("img",{src:l,alt:"Star",height:16,style:{paddingLeft:"10px"}}),(0,u.jsx)("div",{style:{color:"#11910D",fontWeight:"600",fontSize:"10px"},children:"New"})]}):null,o.includes("popular")?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("img",{src:d,alt:"Fire",height:16,style:{paddingLeft:"10px"}}),(0,u.jsx)("div",{style:{color:"#F7630C",fontWeight:"600",fontSize:"10px"},children:"Popular"})]}):null]})}),(0,u.jsx)(b.f,{className:m.cardBreakLine}),(0,u.jsxs)("div",{style:{display:"flex",flexDirection:"column",position:"relative",maxHeight:"inherit"},children:[(0,u.jsx)(n.r,{className:m.cardTitle,onClick:B,children:i}),(0,u.jsxs)("div",{style:{verticalAlign:"middle",display:"flex",paddingTop:"2px",alignItems:"center",columnGap:"3px",overflow:"hidden"},children:[(0,u.jsx)("div",{className:m.cardTextBy,children:"by"}),(0,u.jsx)(T,{user:t,cardPanel:!1},"author_"+i)]}),(0,u.jsx)("div",{className:m.cardDescription,children:t.description}),(0,u.jsx)(x.f,{theme:"dark"!=L?ee:te,children:(0,u.jsx)(C.s,{headerText:i,isLightDismiss:!0,isOpen:F,onDismiss:M,closeButtonAriaLabel:"Close",type:k.w.medium,onRenderNavigationContent:N,children:(0,u.jsx)(Y,{user:t})})}),(0,u.jsx)("div",{style:{paddingTop:"10px",position:"absolute",bottom:"0px",width:"100%"},children:(0,u.jsx)("div",{className:a.cardTag,style:{display:"flex",overflow:"hidden",gap:"4px",flexFlow:"wrap"},children:(0,u.jsx)(V,{tags:o,moreTag:!0},i)})})]}),(0,u.jsx)(b.f,{className:m.cardBreakLine}),(0,u.jsxs)(A.e,{children:[(0,u.jsx)(v.I,{id:"input_"+i,size:"small",spellCheck:!1,defaultValue:h,className:m.input,placeholder:h}),(0,u.jsxs)(z.J,{trapFocus:!0,withArrow:!0,size:"small",children:[(0,u.jsx)(y.x,{disableButtonEnhancement:!0,children:(0,u.jsx)(f.z,{size:"small",className:m.copyIconButton,onClick:()=>{navigator.clipboard.writeText(h)},"data-m":D,children:(0,u.jsx)("img",{src:(0,s.Z)("/img/Copy.svg"),height:20,alt:"Copy"})})}),(0,u.jsx)(w.o,{style:{padding:"5px",fontSize:"12px"},children:(0,u.jsx)("div",{children:"Copied!"})})]})]})]},i)}const re=r.memo(ae),ie={card:"card_lo1B",text:"text_M4ue",surveyButton:"surveyButton_pNjG",closeButton:"closeButton_PSGk"};var se=a(22),oe=a(7697),ne=a(831),pe=a(3069);const ce="surveyCardDisplay";function ue(){const{colorMode:e}=(0,P.I)();return"undefined"!=typeof window&&localStorage.getItem(ce)?null:(0,u.jsxs)(c.Z,{className:ie.card,appearance:"filled",id:"surveyCard",children:[(0,u.jsx)(se.C,{onClick:()=>function(e){let t=document.getElementById(e);t.style.display="none","undefined"!=typeof window&&localStorage.setItem(ce,t.style.display)}("surveyCard"),size:"small",appearance:"transparent",icon:(0,u.jsx)(oe.E,{src:(0,s.Z)("/img/close.svg"),height:16,width:16,alt:"Close"}),className:ie.closeButton}),(0,u.jsx)(oe.E,{src:"dark"!=e?(0,s.Z)("/img/chatPencil.svg"):(0,s.Z)("/img/chatPencilDark.svg"),alt:"surveyCard",height:128,width:128}),(0,u.jsxs)("div",{className:ie.text,children:[(0,u.jsx)(ne.d,{align:"center",children:"Got a minute? We're all ears!"}),(0,u.jsx)(pe.p,{align:"center",children:"Help us shape the future of our template library by sharing your feedback."})]}),(0,u.jsx)(A.e,{children:(0,u.jsx)(f.z,{appearance:"primary",size:"large",className:ie.surveyButton,onClick:()=>{window.open("https://aka.ms/awesome-azd-survey","_blank")},icon:(0,u.jsx)(oe.E,{src:(0,s.Z)("/img/openLink.svg"),alt:"surveyCard",height:20,width:20}),children:"Take the survey"})})]})}function le(e){let{filteredUsers:t}=e;const a=t?t.length:0;return 0===a?(0,u.jsx)(l,{id:"showcase.usersList.noResult"}):(0,u.jsx)("section",{children:(0,u.jsx)("div",{className:d.Z.showcaseFavorite,children:(0,u.jsx)("div",{className:d.Z.showcaseList,children:t.map(((e,t)=>(0,u.jsx)(r.Fragment,{children:a<6&&t===a-1||4===t?(0,u.jsxs)(r.Fragment,{children:[(0,u.jsx)(r.Fragment,{children:(0,u.jsx)(re,{user:e})},e.title),(0,u.jsx)(r.Fragment,{children:(0,u.jsx)(ue,{})},"fragment_surveyCard")]},"cardWithSurveyCard"):(0,u.jsx)(r.Fragment,{children:(0,u.jsx)(re,{user:e})},e.title)},t)))})})})}},2495:(e,t,a)=>{function r(e,t){const a=[...e];return a.sort(((e,a)=>t(e)>t(a)?1:t(a)>t(e)?-1:0)),a}function i(e,t){const a=e.indexOf(t);if(-1===a)return e.concat(t);const r=[...e];return r.splice(a,1),r}a.d(t,{$:()=>i,M:()=>r})},5812:(e,t,a)=>{a.d(t,{Z:()=>r});const r={checkboxList:"checkboxList_autc",showcaseList:"showcaseList_Cwj2",checkboxListItem:"checkboxListItem_CI1c",cover:"cover_YHbb",searchContainer:"searchContainer_FQjg",searchArea:"searchArea_YqZU",heroBar:"heroBar_x6u6",showcaseFavorite:"showcaseFavorite_HPRp",showcaseHelpWanted:"showcaseHelpWanted_r4aa",helpText:"helpText_Pz8G",showcaseFavoriteHeader:"showcaseFavoriteHeader_hNPk",svgIconFavoriteXs:"svgIconFavoriteXs_Yxtr",svgIconFavorite:"svgIconFavorite_skrm",filterAndCard:"filterAndCard_xQZZ",filter:"filter_VYb7",card:"card_UXd2",load:"load_LPr5",cardLoad:"cardLoad_RfPu",clearAll:"clearAll_dyXO",filterBadge:"filterBadge_kkvc"}}}]); \ No newline at end of file diff --git a/assets/js/09657b43.68a851fd.js b/assets/js/09657b43.68a851fd.js new file mode 100644 index 00000000..102ae283 --- /dev/null +++ b/assets/js/09657b43.68a851fd.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[608],{5666:(e,t,a)=>{a.d(t,{u:()=>b,Z:()=>f});var r=a(7294),i=a(4444),s=a(6136),o=a(6550),n=a(2761),p=a(990);const c={cover:"cover_PdqE",searchContainer:"searchContainer_cMCc",searchArea:"searchArea_alce",heroBar:"heroBar_wuj5",color:"color_F1qy",learnMoreColor:"learnMoreColor_JGfd"};var u=a(9524),l=a(9200),d=a(5893);const m="Template Library",h="An open-source template gallery to get started with Azure.",g="https://aka.ms/azd";var b=null;function A(){if(s.Z.canUseDOM)return{scrollTopPosition:window.scrollY,focusedElementId:document.activeElement?.id}}const v="name";function z(e){return new URLSearchParams(e).get(v)}function y(){const e=(0,o.k6)(),t=(0,o.TH)(),[a,s]=(0,r.useState)(null);return(0,r.useEffect)((()=>{s(z(t.search))}),[t]),b=a,(0,d.jsx)(d.Fragment,{children:(0,d.jsx)(i.R,{styles:{root:{border:"1px solid #D1D1D1",height:"52px",maxWidth:"740px",borderRadius:"4px"},icon:{fontSize:"24px",paddingLeft:"10px"},field:{paddingLeft:"20px",fontSize:"18px"}},id:"filterBar",value:null!=z(t.search)?a:"",placeholder:"Search for an azd template...",onClear:a=>{s(null);const r=new URLSearchParams(t.search);r.delete(v),e.push({...t,search:r.toString(),state:A()})},onChange:a=>{if(!a)return;s(a.currentTarget.value);const r=new URLSearchParams(t.search);r.delete(v),a.currentTarget.value&&r.set(v,a.currentTarget.value),e.push({...t,search:r.toString(),state:A()}),setTimeout((()=>{document.getElementById("searchbar")?.focus()}),0)}})})}function f(){const{colorMode:e}=(0,l.I)();return(0,d.jsxs)("div",{className:c.searchContainer,children:[(0,d.jsx)("img",{src:"dark"!=e?(0,u.Z)("/img/coverBackground.png"):(0,u.Z)("/img/coverBackgroundDark.png"),className:c.cover,onError:e=>{let{currentTarget:t}=e;t.style.display="none"},alt:""}),(0,d.jsx)("div",{className:c.searchArea,children:(0,d.jsxs)("div",{style:{display:"flex",flexDirection:"column"},children:[(0,d.jsx)("h1",{className:c.heroBar,children:(0,d.jsx)(n.x,{size:800,align:"center",weight:"semibold",style:{background:"linear-gradient(90deg, rgb(112.68, 94.63, 239.06) 0%, rgb(41.21, 120.83, 190.19) 100%)",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"},children:m})}),(0,d.jsx)(n.x,{align:"center",size:400,style:{color:"#242424",padding:"10px 0 20px 0"},children:h}),(0,d.jsx)(y,{}),(0,d.jsxs)(n.x,{align:"center",size:300,style:{color:"#242424",paddingTop:"20px"},children:["Each template is a fully working, cloud-ready application deployable with the Azure Developer CLI (azd)."," "]}),(0,d.jsxs)(n.x,{align:"center",size:300,style:{color:"#242424",paddingBottom:"20px"},children:["New to azd? Welcome!",(0,d.jsx)(p.r,{href:g,target:"_blank",style:{paddingLeft:"3px"},className:c.learnMoreColor,children:"Learn more in our docs."})]})]})})]})}},7190:(e,t,a)=>{a.d(t,{$:()=>r});const r={msft:{label:"Microsoft Authored",description:"This tag is used for Microsoft azd templates."},community:{label:"Community Authored",description:"This tag is used for community templates."},new:{label:"New",description:"This tag is used for new templates."},popular:{label:"Popular",description:"This tag is used for popular templates."},build2024:{label:"Build 2024 Collection",description:"This tag is used for templates included in the Microsoft Build 2024 conference collection."},javascript:{label:"JavaScript",description:"Template contains JavaScript app code",type:"Language"},typescript:{label:"TypeScript",description:"Template contains TypeScript app code",type:"Language"},dotnetCsharp:{label:".NET/C#",description:"Template contains .NET and/or C# app code",type:"Language"},java:{label:"Java",description:"Template contains Java app code",type:"Language"},python:{label:"Python",description:"Template contains Python app code",type:"Language"},nodejs:{label:"Node.js",description:"Template architecture uses Node.js",type:"Language"},php:{label:"PHP",description:"Template architecture uses PHP",type:"Language"},ruby:{label:"Ruby",description:"Template architecture uses Ruby",type:"Language"},reactjs:{label:"React.js",description:"Template architecture uses React.js",type:"Tools"},sap:{label:"SAP",description:"Template architecture uses Systems Applications and Products in data processing (SAP)",type:"Tools"},sapcloudsdk:{label:"SAP Cloud SDK",description:"Template architecture uses SAP Cloud SDK",type:"Tools"},sapcap:{label:"SAP CAP",description:"Template architecture uses SAP Cloud Application Programming Model",type:"Tools"},thymeleaf:{label:"Thymeleaf",description:"Template architecture uses Thymeleaf template engine",type:"Tools"},"dall-e":{label:"Dall-E",description:"Template architecture uses Dall-E",type:"Tools"},jupyter:{label:"Jupyter Notebooks",description:"Template architecture uses Jupyter Notebooks",type:"Tools"},keda:{label:"KEDA",description:"Template architecture uses Kubernetes Event Driven Autoscaling (KEDA)",type:"Tools"},dapr:{label:"Dapr",description:"Template architecture uses Distributed Application Runtime (dapr)",type:"Tools"},webcomponents:{label:"Web Components",description:"Template architecture uses Web Components",type:"Tools"},helm:{label:"Helm",description:"Template architecture uses Helm",type:"Tools"},gpt:{label:"GPT",description:"Template architecture uses GPT AI model",type:"Tools"},msal:{label:"Microsoft Authentication Library",description:"Template architecture uses Microsoft Authentication Library",type:"Tools"},bicep:{label:"Bicep",description:"Template uses Bicep for Infra as Code",type:"Infrastructure as Code"},terraform:{label:"Terraform",description:"Template uses Terraform for Infra as Code",type:"Infrastructure as Code"},mongodb:{label:"MongoDB",description:"Template architecture uses MongoDB",type:"Database"},prometheus:{label:"Prometheus",description:"Template architecture uses Prometheus",type:"Database"},pinecone:{label:"Pinecone",description:"Template architecture uses Pinecone",type:"Database"},fastapi:{label:"FastAPI",description:"Template architecture uses FastAPI web framework",type:"Framework"},flask:{label:"Flask",description:"Template architecture uses Flask web framework",type:"Framework"},django:{label:"Django",description:"Template architecture uses Django web framework",type:"Framework"},nestjs:{label:"NestJS",description:"Template architecture uses NestJS framework",type:"Framework"},spring:{label:"Spring",description:"Template architecture uses Spring framework",type:"Framework"},streamlit:{label:"Streamlit",description:"Template architecture uses Streamlit library",type:"Framework"},semantickernel:{label:"Semantic Kernel",description:"Template architecture uses Semantic Kernel",type:"Framework"},microfrontend:{label:"Micro Frontend",description:"Template architecture uses Micro Frontend",type:"Framework"},blazor:{label:"Blazor",description:"Template architecture uses Blazor",type:"Framework"},rubyonrails:{label:"Ruby on Rails",description:"Template architecture uses Ruby on Rails web application framework",type:"Framework"},langchain:{label:"LangChain",description:"Template architecture uses LangChain framework",type:"Framework"},nextjs:{label:"Next.js",description:"Template architecture uses Next.js framework",type:"Framework"},kubernetes:{label:"Kubernetes",description:"Template architecture uses Kubernetes",type:"Platform"},angular:{label:"Angular",description:"Template architecture uses Angular",type:"Platform"},dataverse:{label:"Dataverse",description:"Template architecture uses Microsoft Dataverse",type:"Service"},webapps:{label:"Web Apps",description:"Template architecture uses Web Apps",type:"Service"},serverlessapi:{label:"Serverless API",description:"Template architecture uses Serverless API",type:"Service"},appinsights:{label:"Azure Application Insights",description:"Template architecture uses Azure Application Insights",azureIcon:"./img/Azure-Application-Insights.svg",url:"https://learn.microsoft.com/azure/azure-monitor/app/app-insights-overview",type:"Service"},loganalytics:{label:"Azure Log Analytics",description:"Template architecture uses Azure Log Analytics",azureIcon:"./img/Azure-Log-Analytics.svg",url:"https://learn.microsoft.com/azure/azure-monitor/logs/log-analytics-overview",type:"Service"},appservice:{label:"Azure App Service",description:"Template architecture uses Azure App Service",azureIcon:"./img/Azure-App-Service.svg",url:"https://azure.microsoft.com/products/app-service",type:"Service"},monitor:{label:"Azure Monitor",description:"Template architecture uses Azure Monitor Service",azureIcon:"./img/Azure-Monitor.svg",url:"https://azure.microsoft.com/products/monitor",type:"Service"},keyvault:{label:"Azure Key Vault",description:"Template architecture uses Azure Key Vault",azureIcon:"./img/Azure-Key-Vault.svg",url:"https://azure.microsoft.com/products/key-vault",type:"Service"},aca:{label:"Azure Container Apps",description:"Template architecture uses Azure Container Apps",azureIcon:"./img/Azure-Container-Apps.svg",url:"https://azure.microsoft.com/products/container-apps",type:"Service"},cosmosdb:{label:"Azure CosmosDB",description:"Template architecture uses Azure CosmosDB",azureIcon:"./img/Azure-Cosmos-DB.svg",url:"https://azure.microsoft.com/products/cosmos-db/",type:"Service"},functions:{label:"Azure Functions",description:"Template architecture uses Azure Functions",azureIcon:"./img/Azure-Function.svg",url:"https://azure.microsoft.com/products/functions",type:"Service"},blobstorage:{label:"Azure Blob Storage",description:"Template architecture uses Azure Blob Storage",azureIcon:"./img/Azure-Storage.svg",url:"https://azure.microsoft.com/products/storage/blobs",type:"Service"},azuresql:{label:"Azure SQL",description:"Template architecture uses Azure SQL",azureIcon:"./img/Azure-SQL.svg",url:"https://azure.microsoft.com/products/azure-sql/database",type:"Database"},"azuredb-postgreSQL":{label:"Azure PostgreSQL",description:"Template architecture uses Azure Database for PostgreSQL",azureIcon:"./img/Azure-PostgreSQL.svg",url:"https://azure.microsoft.com/products/postgresql",type:"Database"},"azuredb-mySQL":{label:"Azure MySQL",description:"Template architecture uses Azure Database for MySQL",azureIcon:"./img/Azure-MySQL.svg",url:"https://azure.microsoft.com/products/mysql",type:"Database"},swa:{label:"Azure Static Web Apps",description:"Template architecture uses Azure Static Web Apps",azureIcon:"./img/Azure-Static-Web-Apps.svg",url:"https://azure.microsoft.com/products/app-service/static",type:"Service"},servicebus:{label:"Azure Service Bus",description:"Template architecture uses Azure Service Bus",azureIcon:"./img/Azure-Service-Bus.svg",url:"https://azure.microsoft.com/products/service-bus",type:"Service"},vnets:{label:"Azure Virtual Networks (VNET)",description:"Template architecture uses Azure Virtual Networks",azureIcon:"./img/Azure-Virtual-Networks.svg",url:"https://azure.microsoft.com/products/virtual-network",type:"Service"},aisearch:{label:"Azure AI Search",description:"Template architecture uses Azure AI Search",azureIcon:"./img/Azure-AI-Search.svg",url:"https://azure.microsoft.com/products/ai-services/ai-search",type:"Service"},openai:{label:"Azure OpenAI Service",description:"Template architecture uses Azure OpenAI Service",azureIcon:"./img/Azure-OpenAI-Service.svg",darkModeAzureIcon:"./img/Azure-OpenAI-Service-white.svg",url:"https://azure.microsoft.com/products/ai-services/openai-service",type:"Service"},azureai:{label:"Azure AI Service",description:"Template architecture uses Azure AI Service",azureIcon:"./img/Azure-AI-Service.svg",url:"https://azure.microsoft.com/solutions/ai",type:"Service"},apim:{label:"Azure API Management",description:"Template architecture uses Azure API Management",azureIcon:"./img/Azure-API-Management.svg",url:"https://azure.microsoft.com/products/api-management",type:"Service"},aks:{label:"Azure Kubernetes Service",description:"Template architecture uses Azure Kubernetes Service",azureIcon:"./img/Azure-Kubernetes-Service.svg",url:"https://azure.microsoft.com/products/kubernetes-service",type:"Service"},azurecdn:{label:"Azure Content Delivery Network",description:"Template architecture uses Azure Content Delivery Network",azureIcon:"./img/Azure-Front-Door-And-CDN.svg",url:"https://azure.microsoft.com/products/cdn",type:"Service"},frontdoor:{label:"Azure Front Door",description:"Template architecture uses Azure Front Door",azureIcon:"./img/Azure-Front-Door-And-CDN.svg",url:"https://azure.microsoft.com/products/frontdoor",type:"Service"},grafana:{label:"Azure Managed Grafana",description:"Template architecture uses Azure Managed Grafana",azureIcon:"./img/Azure-Managed-Grafana.svg",url:"https://azure.microsoft.com/products/managed-grafana",type:"Service"},azurespringapps:{label:"Azure Spring Apps",description:"Template architecture uses Azure Spring Apps",azureIcon:"./img/Azure-Spring-Apps.svg",url:"https://azure.microsoft.com/products/spring-apps",type:"Service"},rediscache:{label:"Azure Cache for Redis",description:"Template architecture uses Azure Cache for Redis",azureIcon:"./img/Azure-Cache-for-Redis.svg",url:"https://azure.microsoft.com/products/cache",type:"Service"},agw:{label:"Azure Application Gateway",description:"Template architecture uses Azure Application Gateway",azureIcon:"./img/Azure-Application-Gateway.svg",url:"https://azure.microsoft.com/products/application-gateway",type:"Service"},azurebot:{label:"Azure AI Bot Service",description:"Template architecture uses Azure AI Bot Service",azureIcon:"./img/Azure-AI-Bot-Services.svg",url:"https://azure.microsoft.com/products/ai-services/ai-bot-service",type:"Service"},ade:{label:"Azure Deployment Environments",description:"Template architecture uses Azure Deployment Environments",azureIcon:"./img/Azure-Deployment-Environments.svg",url:"https://azure.microsoft.com/products/deployment-environments",type:"Service"},eventhub:{label:"Azure Event Hubs",description:"Template architecture uses Azure Event Hubs",azureIcon:"./img/Azure-Event-Hubs.svg",url:"https://azure.microsoft.com/products/event-hubs",type:"Service"},azurestorage:{label:"Azure Storage",description:"Template architecture uses Azure Storage",azureIcon:"./img/Azure-Storage.svg",url:"https://azure.microsoft.com/products/storage",type:"Service"},azureappconfig:{label:"Azure App Configuration",description:"Template architecture uses Azure App Configuration",azureIcon:"./img/Azure-App-Configuration.svg",url:"https://azure.microsoft.com/products/app-configuration",type:"Service"},aistudio:{label:"Azure AI Studio",description:"Template architecture uses Azure AI Studio",azureIcon:"./img/Azure-AI-Studio.svg",url:"https://azure.microsoft.com/products/ai-studio",type:"Service"},apicenter:{label:"Azure API Center",description:"Template architecture uses Azure API Center",azureIcon:"./img/Azure-API-Center.svg",url:"https://learn.microsoft.com/azure/api-center/overview",type:"Service"},eventgrid:{label:"Azure Event Grid",description:"Template architecture uses Azure Event Grid",azureIcon:"./img/Azure-Event-Grid.svg",url:"https://learn.microsoft.com/azure/event-grid/overview",type:"Service"},diagnosticsettings:{label:"Azure Diagnostic Settings",description:"Template architecture uses Azure Diagnostic Settings",azureIcon:"./img/Azure-Diagnostic-Settings.svg",url:"https://learn.microsoft.com/azure/azure-monitor/essentials/diagnostic-settings",type:"Service"},logicapps:{label:"Azure Logic Apps",description:"Template architecture uses Azure Logic Apps",azureIcon:"./img/Azure-Logic-Apps.svg",url:"https://learn.microsoft.com/azure/logic-apps/logic-apps-overview",type:"Service"},managedidentity:{label:"Azure Managed Identities",description:"Template architecture uses Azure Managed Identities",azureIcon:"./img/Azure-Managed-Identities.svg",url:"https://learn.microsoft.com/entra/identity/managed-identities-azure-resources/overview",type:"Service"},serviceprincipal:{label:"Azure Service Principal",description:"Template architecture uses Azure Service Principal",azureIcon:"./img/Azure-Service-Principal.svg",url:"https://learn.microsoft.com/entra/identity-platform/app-objects-and-service-principals",type:"Service"},azuredatafactory:{label:"Azure Data Factory",description:"Template architecture uses Azure Data Factory",azureIcon:"./img/Azure-Data-Factory.svg",url:"https://learn.microsoft.com/azure/data-factory/introduction",type:"Service"},datascience:{label:"Data Science",description:"Template architecture involves Data Science",type:"Topic"},enterprisepatterns:{label:"Enterprise App Patterns",description:"Template architecture involves Enterprise Application Patterns",type:"Topic"},ai:{label:"Artificial Intelligence",description:"Template architecture involves Artificial Intelligence",type:"Topic"},platformengineering:{label:"Platform Engineering",description:"Template architecture involves Platform Engineering",type:"Topic"}}},6114:(e,t,a)=>{a.d(t,{PS:()=>o,_J:()=>n,xc:()=>s});var r=a(2495),i=a(7190);const s=JSON.parse('[{"title":"Starter - Bicep","description":"A starter template with Bicep as infrastructure provider","preview":"./templates/images/test.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/azd-starter-bicep","tags":["bicep","msft"]},{"title":"Starter - Terraform","description":"A starter template with Terraform as infrastructure provider","preview":"./templates/images/test.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/azd-starter-terraform","tags":["terraform","msft"]},{"title":"WordPress with Azure Container Apps","description":"A blueprint to easily and quickly create and deploy your first scalable and secure WordPress site to Azure, leveraging Azure Container Apps with Azure Database for MariaDb.","preview":"./templates/images/apptemplate-wordpress-on-ACA.png","website":"https://github.com/kpantos","author":"Konstantinos Pantos","source":"https://github.com/Azure-Samples/apptemplate-wordpress-on-ACA","tags":["php","javascript","aca","agw","rediscache","monitor","keyvault","bicep","msft"]},{"title":"React Web App with C# API and MongoDB","description":"A blueprint for getting a React web app with a C# API and a MongoDB database on Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly.","preview":"./templates/images/todo-csharp.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-csharp-cosmos-sql","tags":["dotnetCsharp","typescript","javascript","appservice","cosmosdb","mongodb","monitor","keyvault","reactjs","bicep","msft"]},{"title":"Rock, Paper, Orleans (RPO) - Distributed .NET","description":"Rock, Paper, Orleans (RPO) is a game built using dotnet, Orleans, and runs in Azure.The idea behind RPO is that you write a \\"player bot\\" in which you implement your player logic.","preview":"./templates/images/rock-paper-orleans.png","website":"https://rockpaperorleans.net/","author":"Brady Gaster","source":"https://github.com/bradygaster/RockPaperOrleans","tags":["dotnetCsharp","cosmosdb","aca","bicep","community"]},{"title":"Scalable Django on Azure App Service","description":"Deploy your Django web application with Microsoft Azure, for scale, using a cloud architecture with integrated monitoring and load testing.","preview":"./templates/images/pycon-django.png","website":"https://github.com/tonybaloney","author":"Anthony Shaw","source":"https://github.com/tonybaloney/django-on-azure","tags":["django","python","azuredb-postgreSQL","webapps","vnets","bicep","community"]},{"title":"React Web App with Node.js API and MongoDB","description":"A blueprint for getting a React web app with a Node.js API and a MongoDB database on Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly. This architecture is for hosting web apps and APIs without worrying about the infrastructure.","preview":"./templates/images/todo-nodejs-mongo.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-nodejs-mongo","tags":["bicep","nodejs","typescript","javascript","appservice","cosmosdb","monitor","keyvault","mongodb","reactjs","msft"]},{"title":"Static React Web App + Functions with Node.js API and MongoDB","description":"A blueprint for getting a React web app with a Node.js API and a MongoDB database on Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly. This architecture is for hosting static web apps with serverless logic and functionality.","preview":"./templates/images/todo-nodejs-mongo-swa-func.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-nodejs-mongo-swa-func","tags":["bicep","swa","functions","nodejs","typescript","javascript","cosmosdb","monitor","keyvault","mongodb","reactjs","appservice","msft"]},{"title":"Static React Web App + Functions with Python API and MongoDB","description":"A blueprint for getting a React.js web app with Python (FastAPI) API and a MongoDB API in Cosmos database onto Azure. The frontend, currently a ToDo application, is designed as a placeholder that can easily be removed and replaced with your own frontend code. This architecture is for hosting static web apps with serverless logic and functionality.","preview":"./templates/images/todo-python-mongo-swa-func.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-python-mongo-swa-func","tags":["bicep","swa","functions","python","typescript","javascript","cosmosdb","monitor","keyvault","mongodb","reactjs","appservice","fastapi","msft"]},{"title":"React Web App with Python API and MongoDB - Terraform","description":"A blueprint for getting a React.js web app with Python (FastAPI) API and a MongoDB API in Cosmos database onto Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Terraform) to get up and running quickly. This architecture is for hosting web apps and APIs without worrying about the infrastructure.","preview":"./templates/images/todo-python-terraform.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-python-mongo-terraform","tags":["python","typescript","javascript","cosmosdb","mongodb","monitor","keyvault","reactjs","terraform","appservice","fastapi","msft"]},{"title":"React Web App with Node.js API and MongoDB - Terraform","description":"A blueprint for getting a React web app with a Node.js API and a MongoDB database on Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Terraform) to get up and running quickly. This architecture is for hosting web apps and APIs without worrying about the infrastructure.","preview":"./templates/images/todo-nodejs-mongo-terraform.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-nodejs-mongo-terraform","tags":["nodejs","typescript","javascript","cosmosdb","mongodb","monitor","keyvault","reactjs","terraform","appservice","msft"]},{"title":"React Web App with Python API and MongoDB","description":"A blueprint for getting a React.js web app with Python (FastAPI) API and a MongoDB API in Cosmos database onto Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly. This architecture is for hosting web apps and APIs without worrying about the infrastructure.","preview":"./templates/images/todo-python.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-python-mongo","tags":["bicep","python","typescript","javascript","appservice","cosmosdb","monitor","keyvault","mongodb","reactjs","fastapi","msft"]},{"title":"Containerized React Web App with Node.js API and MongoDB","description":"A blueprint for getting a React web app with a Node.js API and a MongoDB database onto Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly. This architecture is for running containerized apps or microservices on a serverless platform This architecture is for running containerized microservices without managing the servers.","preview":"./templates/images/todo-node-aca.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-nodejs-mongo-aca","tags":["bicep","nodejs","typescript","javascript","appservice","cosmosdb","monitor","keyvault","mongodb","reactjs","aca","msft"]},{"title":"Containerized React Web App with Python API and MongoDB","description":"A blueprint for getting a React.js web app with Python (FastAPI) API and a MongoDB API in Cosmos database onto Azure. The frontend, currently a ToDo application, is designed as a placeholder that can easily be removed and replaced with your own frontend code. This architecture is for running containerized apps or microservices on a serverless platform.","preview":"./templates/images/todo-python-aca.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-python-mongo-aca","tags":["bicep","python","typescript","javascript","aca","cosmosdb","monitor","keyvault","mongodb","reactjs","fastapi","msft"]},{"title":"React Web App with C# API and SQL Database ","description":"A blueprint for getting a React web app with a C# API and a SQL database on Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly.","preview":"./templates/images/todo-csharp-sql.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-csharp-sql","tags":["bicep","dotnetCsharp","typescript","javascript","appservice","azuresql","monitor","keyvault","mongodb","reactjs","msft"]},{"title":"React Web App with Java API and MongoDB ","description":"A blueprint for getting a React.js web app with a Java API and a MongoDB database on Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly. This architecture is for hosting web apps and APIs without worrying about the infrastructure.","preview":"./templates/images/todo-java-mongo.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-java-mongo","tags":["bicep","java","typescript","appservice","cosmosdb","keyvault","monitor","mongodb","reactjs","msft"]},{"title":"Containerized React Web App with Java API and MongoDB","description":"A blueprint for getting a React web app with a Java API and a MongoDB database on Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly. This architecture is for running containerized apps or microservices on a serverless platform.","preview":"./templates/images/todo-java-mongo-aca.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-java-mongo-aca","tags":["bicep","java","typescript","appservice","cosmosdb","keyvault","monitor","mongodb","reactjs","msft"]},{"title":"Static React Web App + Functions with C# API and SQL Database","description":"A blueprint for getting a React web app with a C# API and a SQL database on Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly. This architecture is for hosting static web apps with serverless logic and functionality.","preview":"./templates/images/todo-csharp-sql-swa-func.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-csharp-sql-swa-func","tags":["bicep","swa","functions","dotnetCsharp","typescript","javascript","monitor","keyvault","reactjs","appservice","azuresql","msft"]},{"title":"Kubernetes React Web App with Node.js API and MongoDB","description":"A blueprint for getting a React.js web app with a Node.js API and a MongoDB database on Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly. This architecture is for running Kubernetes clusters without setting up the control plane.","preview":"./templates/images/todo-nodejs-mongo-aks.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-nodejs-mongo-aks","tags":["bicep","nodejs","typescript","javascript","mongodb","monitor","keyvault","reactjs","appservice","cosmosdb","aks","msft"]},{"title":"Static React Web App with Java API and PostgreSQL","description":"A blueprint for getting a React web app with a Java API and a Azure Database for PostgreSQL - Flexible Server on Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly. This architecture is for hosting web apps and APIs without worrying about the infrastructure.","preview":"./templates/images/todo-java-postgres-asa.png","website":"https://github.com/Azure-Samples/","author":"Yi Liu","source":"https://github.com/Azure-Samples/ASA-Samples-Web-Application","tags":["bicep","java","nodejs","spring","webapps","azurespringapps","azuredb-postgreSQL","msft"]},{"title":"ChatGPT + Enterprise Data with Azure OpenAI and AI Search","description":"A sample app for the Retrieval-Augmented Generation pattern running in Azure, using Azure AI Search for retrieval and Azure OpenAI large language models to power ChatGPT-style and Q&A experiences.","preview":"./templates/images/chatgpt-enterprise-dotnet.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/azure-search-openai-demo-csharp","tags":["bicep","dotnetCsharp","aks","kubernetes","aca","aisearch","openai","gpt","rediscache","ai","msft","popular"]},{"title":"Simple Chat Application using Azure OpenAI","description":"A sample chat app that uses Python and the Flask framework to stream ChatGPT completions as server-sent events to a simple frontend.","preview":"./templates/images/simplechat-azureopenai.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/chatgpt-quickstart","tags":["bicep","python","openai","gpt","ai","flask","aca","msft"]},{"title":"Spring ChatGPT Application using Azure OpenAI on Azure Spring Apps","description":"A sample that uses Java Spring framework to build ChatGPT-style application running in Azure Spring Apps.","preview":"./templates/images/asa-chatgpt.png","website":"https://github.com/Azure-Samples","author":"Yi Liu","source":"https://github.com/Azure-Samples/spring-chatgpt-sample","tags":["bicep","java","openai","gpt","ai","blobstorage","azurespringapps","msft"]},{"title":"Enterprise-Grade Reference Architecture for JavaScript","description":"A reference architecture and components for building enterprise-grade modern composable frontends (or micro-frontends) and cloud-native applications. It is a collection of best practices, architecture patterns, and functional components that can be used to build and deploy modern JavaScript applications to Azure.","preview":"./templates/images/enterprise-grade-reference-architecture-for-javascript.png","website":"https://github.com/Azure-Samples, https://github.com/anfibiacreativa","author":"JavaScript Advocacy Team, Natalia Venditto","source":"https://github.com/Azure-Samples/contoso-real-estate","tags":["bicep","javascript","swa","aca","keyvault","blobstorage","azuredb-postgreSQL","cosmosdb","apim","enterprisepatterns","msft","popular"]},{"title":"Python (Django) Web App with PostgreSQL in VNet","description":"A restaurants review web app that uses whitenoise for static assets and PostgreSQL for the database. Ready for deployment on App Service with a PostgreSQL Flexible Server inside a VNet.","preview":"./templates/images/msdocs-django-postgresql-sample-app.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/msdocs-django-postgresql-sample-app","tags":["python","django","webapps","azuredb-postgreSQL","appservice","vnets","msft","popular"]},{"title":"Python (Django) Web App with PostgreSQL via Azure Container Apps","description":"A space tourism web app that uses PostgreSQL for the database. The web app is containerize and deploy with Azure Container Apps with secrets managed by Azure Key Vault","preview":"./templates/images/azure-django-postgres-aca.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/azure-django-postgres-aca","tags":["python","django","aca","azuredb-postgreSQL","bicep","msft"]},{"title":"Python (Flask) Web App with PostgreSQL in VNet","description":"A restaurants review web app with a PostgreSQL database, written in the Python Flask framework plus SQL-Alchemy plus Alembic for database interactions. Ready for deployment on App Service with a PostgreSQL Flexible Server inside a VNet.","preview":"./templates/images/msdocs-flask-postgresql-sample-app.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/msdocs-flask-postgresql-sample-app","tags":["python","webapps","azuredb-postgreSQL","appservice","vnets","flask","msft","popular"]},{"title":"Microservices App - Dapr PubSub C# ACA ServiceBus","description":"A complete microservice application featuring Dapr Pub-Sub, deployed to Azure Container Apps and Azure Service Bus Topics with dead-lettering support.","preview":"./templates/images/test.png","website":"https://github.com/Azure/azure-dev","author":"Azure Content Team","source":"https://github.com/Azure-Samples/pubsub-dapr-csharp-servicebus","tags":["bicep","dotnetCsharp","aca","dapr","servicebus","msft"]},{"title":"Microservices App - Dapr PubSub Python ACA ServiceBus","description":"A complete microservice application featuring Dapr Pub-Sub, deployed to Azure Container Apps and Azure Service Bus Topics with dead-lettering support.","preview":"./templates/images/test.png","website":"https://github.com/Azure/azure-dev","author":"Azure Content Team","source":"https://github.com/Azure-Samples/pubsub-dapr-python-servicebus","tags":["bicep","python","aca","dapr","servicebus","msft"]},{"title":"Microservices App - Dapr PubSub Node.js ACA ServiceBus","description":"A complete microservice application featuring Dapr Pub-Sub, deployed to Azure Container Apps and Azure Service Bus Topics with dead-lettering support.","preview":"./templates/images/test.png","website":"https://github.com/Azure/azure-dev","author":"Azure Content Team","source":"https://github.com/Azure-Samples/pubsub-dapr-nodejs-servicebus","tags":["bicep","javascript","nodejs","aca","dapr","servicebus","msft"]},{"title":"Microservices App - Dapr Bindings Cron C# ACA PostgreSQL","description":"Create microservice to demonstrate Dapr\'s bindings API to work with external systems as inputs and outputs. The service listens to input binding events from a system CRON and then outputs the contents of local data to a PostgreSQL output binding.","preview":"./templates/images/bindings-dapr-cron-postgres.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/bindings-dapr-csharp-cron-postgres","tags":["dapr","dotnetCsharp","azuredb-postgreSQL","aca","msft"]},{"title":"Microservices App - Dapr Bindings Cron Python ACA PostgreSQL","description":"Create a microservice app to demonstrate Dapr\'s bindings API to work with external systems as inputs and outputs. The service listens to input binding events from a system CRON and then outputs the contents of local data to a postgreSQL output binding.","preview":"./templates/images/bindings-dapr-cron-postgres.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/bindings-dapr-python-cron-postgres","tags":["dapr","python","azuredb-postgreSQL","aca","msft"]},{"title":"Microservices App - Dapr Bindings Cron Node.js ACA PostgreSQL","description":"Create a microservice app to demonstrate Dapr\'s bindings API to work with external systems as inputs and outputs. The service listens to input binding events from a system CRON and then outputs the contents of local data to a postgreSQL output binding.","preview":"./templates/images/bindings-dapr-cron-postgres.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/bindings-dapr-nodejs-cron-postgres","tags":["dapr","nodejs","azuredb-postgreSQL","javascript","aca","msft"]},{"title":"Microservices App - Dapr Service Invoke Node.js ACA","description":"Create two microservices that communicate using Dapr\'s Service Invocation API. The Service Invocation API enables your applications to communicate reliably and securely by leveraging auto-mTLS and built-in retries.","preview":"./templates/images/svc-invoke-dapr.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/svc-invoke-dapr-nodejs","tags":["dapr","nodejs","aca","msft"]},{"title":"Microservices App - Dapr Service Invoke Python ACA","description":"Create two microservices that communicate using Dapr\'s Service Invocation API. The Service Invocation API enables your applications to communicate reliably and securely by leveraging auto-mTLS and built-in retries.","preview":"./templates/images/svc-invoke-dapr.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/svc-invoke-dapr-python","tags":["dapr","python","aca","msft"]},{"title":"Microservices App - Dapr Service Invoke C# ACA","description":"Create two microservices that communicate using Dapr\'s Service Invocation API. The Service Invocation API enables your applications to communicate reliably and securely by leveraging auto-mTLS and built-in retries.","preview":"./templates/images/svc-invoke-dapr.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/svc-invoke-dapr-csharp","tags":["dapr","dotnetCsharp","aca","msft"]},{"title":"ChatGPT + Enterprise data with Azure OpenAI and AI Search","description":"A sample app for the Retrieval-Augmented Generation pattern running in Azure, using Azure AI Search for retrieval and Azure OpenAI large language models to power ChatGPT-style and Q&A experiences.","preview":"./templates/images/azure-search-openai-demo-appcomponents.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/azure-search-openai-demo","tags":["openai","gpt","aisearch","python","typescript","bicep","nodejs","ai","msft","popular","blobstorage","appservice","build2024"]},{"title":"FastAPI on Azure Functions","description":"A simple FastAPI app deployed to Azure Functions. Can also be run and debugged locally with the Azure Functions Core Tool emulator.","preview":"./templates/images/fastapi-on-azure-functions.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/fastapi-on-azure-functions","tags":["python","fastapi","functions","msft"]},{"title":"Spring PetClinic - Java Spring MySQL","description":"Spring PetClinic application using a set of Azure solutions. Azure App Service for app hosting, Azure Database for MySQL for storage, Azure Key Vault for securing secret and Azure Application Insights for monitoring and logging.","preview":"./templates/images/spring-petclinic-java-mysql.png","website":"https://github.com/wangmingliang-ms","author":"Miller Wang","source":"https://github.com/Azure-Samples/spring-petclinic-java-mysql","tags":["java","appservice","azuresql","monitor","keyvault","appinsights","bicep","spring","thymeleaf","msft"]},{"title":"Event Driven Java Application with Azure Service Bus on Azure Spring Apps","description":"A complete event-driven application that includes everything you need to build, deploy, and monitor an Azure solution. ","preview":"./templates/images/event-driven-spring-apps.png","website":"https://github.com/Azure-Samples/","author":"Azure Content Team","source":"https://github.com/Azure-Samples/ASA-Samples-Event-Driven-Application","tags":["java","servicebus","monitor","keyvault","azurespringapps","bicep","spring","msft"]},{"title":"SAP Cloud SDK on Azure App Service Quickstart (TypeScript)","description":"This repos serves as quick-start project showcasing SAP Cloud SDK for JavaScript OData consumption running on Azure App Services. Its primary purpose is to set you up for success for your SAP extension project on Azure and reduce the lead time to your first successful deployment as much as possible with developer friendly commands.","preview":"./templates/images/app-service-javascript-sap-cloud-sdk-quickstart.png","website":"https://github.com/MartinPankraz, https://github.com/lechnerc77","author":"Martin Pankraz, Christian Lechner","source":"https://github.com/Azure-Samples/app-service-javascript-sap-cloud-sdk-quickstart","tags":["typescript","nodejs","bicep","webapps","apim","keyvault","appinsights","nestjs","sap","sapcloudsdk","msft"]},{"title":"Service Bus messages processing to Dataverse","description":"Starter solution to process Service Bus messages to Dataverse, C# for the Azure Functions app processing the messages, Azure Service Bus for the reception of the messages, and Azure Monitor for monitoring and logging.","preview":"./templates/images/servicebus-csharp-function-dataverse.jpg","website":"https://github.com/rpothin","author":"Raphael Pothin","source":"https://github.com/rpothin/servicebus-csharp-function-dataverse","tags":["dotnetCsharp","functions","servicebus","monitor","keyvault","dataverse","community"]},{"title":"Simple Flask AZD","description":"A tiny, no-frills, template to deploy Python\'s Flask web framework to Azure App Service in the free tier.","preview":"./templates/images/simple-flask-azd.png","website":"https://github.com/tonybaloney","author":"Anthony Shaw","source":"https://github.com/tonybaloney/simple-flask-azd","tags":["python","appservice","flask","community"]},{"title":"Azure Functions - Text Summarization using AI Cognitive Language Service (C#-Isolated)","description":"This sample shows how to take text documents as a input via BlobTrigger, does Text Summarization processing using the AI Congnitive Language service, and then outputs to another text document using BlobOutput binding.","preview":"./templates/images/test.png","website":"https://github.com/Azure-Samples","author":"Paul Yuknewicz","source":"https://github.com/Azure-Samples/function-csharp-ai-textsummarize","tags":["functions","aisearch","dotnetCsharp","azureai","ai","msft"]},{"title":"Azure Functions - Text Summarization using AI Cognitive Language Service (Python v2 Function)","description":"This sample shows how to take text documents as a input via BlobTrigger, does Text Summarization processing using the AI Congnitive Language service, and then outputs to another text document using BlobOutput binding.","preview":"./templates/images/test.png","website":"https://github.com/Azure-Samples","author":"Paul Yuknewicz","source":"https://github.com/Azure-Samples/function-python-ai-textsummarize","tags":["functions","aisearch","python","azureai","ai","msft"]},{"title":"Flask Container with CDN","description":"A simple photos website written with Python Flask and Bootstrap. Can be run locally with Docker and then deployed to Azure Container Apps with an Azure CDN in front.","preview":"./templates/images/flask-cdn-container-app.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/pamelafox/flask-gallery-container-app","tags":["python","flask","webapps","aca","azurecdn","community"]},{"title":"Flask Surveys Container App","description":"A survey app written with the Python Flask framework which uses Flask-SQLAlchemy with a PostgreSQL database. Can be developed locally with Docker Compose and then deployed to Azure Container Apps (using KeyVault SDK for Flask secrets).","preview":"./templates/images/flask-surveys-container-app.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/pamelafox/flask-surveys-container-app","tags":["python","flask","keyvault","aca","webapps","azuredb-postgreSQL","community"]},{"title":"Flask API on Azure Container Apps","description":"A simple JSON API using the Python Flask framework, designed for deployment on Azure Container Apps.","preview":"./templates/images/simple-flask-api-container.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/pamelafox/simple-flask-api-container","tags":["python","bicep","aca","flask","community"]},{"title":"FastAPI with API Management","description":"A FastAPI app deployed as a secured Azure Function with an API Management Policy in front, set up such that API calls require a subscription key but auto-generated documentation is publicly viewable. Project also includes 100% test coverage with Pytest plus a development workflow with ruff, isort, and black.","preview":"./templates/images/fastapi-azure-function-apim.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/pamelafox/fastapi-azure-function-apim","tags":["python","fastapi","functions","apim","community"]},{"title":"Flask Chart API on ACA and CDN","description":"A Charts API that renders PNGs of bar and pie charts, built with Python Flask, APIFlask, and matplotlib. Can be run locally with Docker and then deployed to Azure Container Apps with an Azure CDN in front.","preview":"./templates/images/flask-cdn-container-app.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/pamelafox/flask-charts-api-container-app","tags":["python","flask","webapps","aca","azurecdn","community"]},{"title":"Static Maps API Function and CDN","description":"A FastAPI app that renders map images for the given location. Deployed as a secured Azure function with an Azure CDN in front for caching.","preview":"./templates/images/staticmaps-function.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/pamelafox/staticmaps-function","tags":["python","functions","fastapi","monitor","azurecdn","community"]},{"title":"Jupyter Notebooks Web App on Azure Container Apps","description":"A web application used for hosting, sharing, and interacting with Jupyter Notebooks via Mercury, hosted on Azure Container Apps.","preview":"./templates/images/jupyter-mercury-aca.png","website":"https://github.com/savannahostrowski","author":"Savannah Ostrowski","source":"https://github.com/savannahostrowski/jupyter-mercury-aca","tags":["python","bicep","webapps","aca","jupyter","datascience","community"]},{"title":"Python (Django) Web App with PostgreSQL and Key Vault","description":"A Python Django app on App Service with a PostgreSQL flexible server database. Database access is restricted to Azure IPs, and all administrative secrets are stored in Key Vault.","preview":"./templates/images/django-quiz-app.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/pamelafox/django-quiz-app","tags":["python","django","webapps","appservice","bicep","azuredb-postgreSQL","keyvault","community"]},{"title":"Reliable Web App Pattern for .NET","description":"A multi-region enterprise web app with a 99.9% SLO and a focus on 12-factor apps and the well-architected framework. The sample app creates a concert booking application.","preview":"./templates/images/reliable-web-app-for-dotnet.png","website":"https://github.com/Azure","author":"Azure Content Team","source":"https://github.com/Azure/reliable-web-app-pattern-dotnet","tags":["dotnetCsharp","bicep","appservice","keyvault","frontdoor","azuresql","appinsights","blobstorage","webapps","enterprisepatterns","msft"]},{"title":"FastAPI on Azure Container Apps","description":"A simple JSON API using the Python FastAPI app framework, designed for deployment on Azure Container Apps. Includes auto-configuration of gunicorn with uvicorn worker count based on CPUs available.","preview":"./templates/images/simple-fastapi-container.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/pamelafox/simple-fastapi-container","tags":["python","fastapi","bicep","aca","community"]},{"title":"Containerized Apps on Azure Kubernetes Service","description":"A base Azure Kubernetes Service template with placeholders to include the application source code (no application source code included) and Kubernetes manifest files.","preview":"./templates/images/basic-aks-template.png","website":"https://github.com/sabbour/","author":"Ahmed Sabbour","source":"https://github.com/sabbour/aks-app-template","tags":["bicep","aks","kubernetes","keda","grafana","prometheus","community"]},{"title":"React Component Toolkit with ChatGPT and OpenAI ","description":"A sample demo for building and testing react components and includes a set of unique features including AI component generation and automatic conversion to Azure APIM Widgets","preview":"./templates/images/react-component-toolkit-openai.png","website":"https://github.com/jenny0322","author":"Jenny Chen","source":"https://github.com/Azure-Samples/react-component-toolkit-openai-demo","tags":["bicep","openai","gpt","ai","apim","reactjs","typescript","javascript","msft"]},{"title":"Python (Flask) Web App with PostgreSQL","description":"A Python Flask app on App Service with a PostgreSQL flexible server database. Database access is restricted to Azure IPs, and admin password is generated randomly","preview":"./templates/images/flask-db-quiz-example.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/pamelafox/flask-db-quiz-example","tags":["python","flask","bicep","appservice","webapps","azuredb-postgreSQL","community"]},{"title":"DotNet Function App with Service Bus","description":"A sample that uses a C# Function App with native Service Bus bindings to both add and react to Queued Messages","preview":"./templates/images/servicebus-dotnet-functionapp.png","website":"https://github.com/gordonby","author":"Gordon Byers","source":"https://github.com/Gordonby/servicebus-dotnet-functionapp","tags":["dotnetCsharp","functions","bicep","servicebus","community"]},{"title":"FastAPI, htmx, TailwindCSS on App Service","description":"A sample web app using FastAPI, htmx, and TailwindCSS that demonstrates dynamic design. Does not require a database provision.","preview":"./templates/images/fastapi-apps-loganalytics.png","website":"https://github.com/tataraba","author":"Mario Munoz","source":"https://github.com/tataraba/musicbinder-azd","tags":["fastapi","python","appservice","webapps","loganalytics","bicep","community"]},{"title":"Simple Streamlit","description":"A tiny, no-frills, template to deploy Python\'s Streamlit web framework to Azure App Service in the free tier.","preview":"./templates/images/simple-flask-azd.png","website":"https://github.com/MiguelElGallo","author":"Miguel P. Z.","source":"https://github.com/MiguelElGallo/simple-streamlit-azd","tags":["python","appservice","streamlit","community"]},{"title":"Azure API Management with Azure OpenAI","description":"Unleash the power of Azure OpenAI to your application developers in a secure & manageable way with Azure API Management.","preview":"./templates/images/apim-openai.png","website":"https://github.com/pascalvanderheiden","author":"Pascal van der Heiden","source":"https://github.com/pascalvanderheiden/ais-apim-openai","tags":["bicep","apim","openai","ai","appinsights","monitor","enterprisepatterns","keyvault","community"]},{"title":"Docusaurus with Azure Container Apps","description":"A blueprint to easily and quickly create and deploy your product documentation in Docusaurus using Azure Container Apps.","preview":"./templates/images/docusaurus-aca-template.png","website":"https://github.com/jsburckhardt","author":"Juan Burckhardt","source":"https://github.com/jsburckhardt/docusaurus-aca","tags":["javascript","aca","bicep","community"]},{"title":"Java Spring Apps with Azure OpenAI","description":"AI Shopping Cart is a sample app template that supercharges your shopping experience with the power of AI. It leverages Azure OpenAI and Azure Spring Apps to build a recommendation engine that is not only scalable, resilient, and secure, but also personalized to your needs.","preview":"./templates/images/java-springapps-openai.png","website":"https://github.com/pmalarme","author":"Pierre Malarme","source":"https://github.com/Azure-Samples/app-templates-java-openai-springapps","tags":["spring","openai","ai","aca","azurespringapps","azuredb-postgreSQL","monitor","reactjs","bicep","msft"]},{"title":"React Web App with Azure API Management exposing SAP OData APIs","description":"Expose your SAP OData APIs via Azure API Management and link it with Azure Static Web App to create & integrate a serverless Web App blazing fast with GitHub Copilot or ChatGPT.","preview":"./templates/images/apim-odata-reactjs.png","website":"https://github.com/pascalvanderheiden","author":"Pascal van der Heiden","source":"https://github.com/pascalvanderheiden/ais-apim-odata-reactjs","tags":["bicep","swa","apim","sap","reactjs","typescript","javascript","monitor","keyvault","appinsights","gpt","community"]},{"title":"Azure OpenAI with Azure Bot and Custom API calling, Behind a Firewall","description":"A Teams Chatbot running behind a Firewall that leverages OpenAI to call private APIs.","preview":"./templates/images/locked-down-bot-openai.png","website":"https://github.com/graemefoster","author":"Graeme Foster","source":"https://github.com/graemefoster/LockedDownChatBot","tags":["openai","ai","dotnetCsharp","appservice","azurebot","agw","community"]},{"title":"Hello world Java Application on Azure Spring Apps","description":"A complete hello-world application that includes everything you need to build, deploy, and run an Azure Spring Apps solution.","preview":"./templates/images/asa-helloworld.png","website":"https://github.com/spring-guides/","author":"Yi Liu","source":"https://github.com/spring-guides/gs-spring-boot-for-azure","tags":["java","azurespringapps","webapps","bicep","spring","community"]},{"title":"Terraform template to bootstrap Azure Deployment Environments","description":"A template to deploy Azure DevCenter with the minimun configuration to start using Azure Deployment Environments and supercharge your platform engineering story. Infrastructure as Code (written in Terraform) will get you started quickly to enable developers to self-serve environments via the Developer Portal, Azure CLI or CI/CD pipelines.","preview":"./templates/images/azure-deployment-environments.png","website":"https://github.com/lopezleandro03","author":"Leandro Lopez","source":"https://github.com/lopezleandro03/azd-devcenter","tags":["terraform","platformengineering","ade","community"]},{"title":"Java - ChatGPT + Enterprise data with Azure OpenAI and AI Search","description":"This repo is the java conversion of the well known chatGPT + Enterprise data code sample originally developed in python","preview":"./templates/images/azure-search-openai-demo-java.png","website":"https://github.com/dantelmomsft","author":"Davide Antelmo","source":"https://github.com/Azure-Samples/azure-search-openai-demo-java","tags":["java","spring","openai","ai","appservice","aisearch","semantickernel","reactjs","bicep","msft"]},{"title":"Next.js on Container Apps","description":"A blueprint for getting a Next.js app running on Azure Container Apps with CDN and Application Insights.","preview":"./templates/images/nextjs-aca.png","website":"https://github.com/CMeeg","author":"Chris Meagher","source":"https://github.com/CMeeg/nextjs-aca","tags":["typescript","reactjs","nodejs","bicep","aca","azurecdn","appinsights","community"]},{"title":"ChatGPT and RAG with Azure OpenAI and AI Search for JavaScript","description":"A reference sample to build Retrieval Augmented Generation applications using Azure AI Search and Azure OpenAI.","preview":"./templates/images/azure-search-openai-javascript.png","website":"https://github.com/Azure-Samples, https://github.com/anfibiacreativa, https://github.com/shibbas","author":"JavaScript Advocacy Team, Natalia Venditto, Shibani Basava","source":"https://github.com/Azure-Samples/azure-search-openai-javascript","tags":["ai","bicep","gpt","aisearch","javascript","nodejs","openai","typescript","webcomponents","microfrontend","msft","build2024"]},{"title":"Bicep template to bootstrap Azure Deployment Environments","description":"A template to deploy Azure DevCenter with the minimun configuration to start using Azure Deployment Environments and supercharge your platform engineering story. Infrastructure as Code (written in Bicep) will get you started quickly to enable developers to self-serve environments via the Developer Portal, Azure CLI or CI/CD pipelines.","preview":"./templates/images/azure-deployment-environments.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/azd-deployment-environments","tags":["bicep","platformengineering","ade","msft"]},{"title":".NET eShop on Web App with Redis Cache","description":"A web application hosted in App Services Web App using Redis Cache for shopping cart and session data, and using SQL database for product catelog. Cache aside pattern applied","preview":"./templates/images/webapp-rediscache-sql-vnet.png","website":"https://github.com/CawaMS","author":"Catherine Wang","source":"https://github.com/CawaMS/eShop","tags":["dotnetCsharp","rediscache","azuresql","appservice","community"]},{"title":"Real time game leaderboard with Azure Container Apps and Redis Cache","description":"Azure container app for a real-time game leaderboard that saves players and scores as sorted set in Azure Cache for Redis","preview":"./templates/images/containerapp-rediscache-leaderboard.png","website":"https://github.com/CawaMS","author":"Catherine Wang","source":"https://github.com/CawaMS/GameLeaderboard","tags":["aca","dotnetCsharp","rediscache","community"]},{"title":".NET Redis OutputCache with Azure OpenAI","description":"An AI image gallery.Azure Container app that uses Redis Cache to save web responses for improving Azure Open AI API calls performance, consistency, and efficiency","preview":"./templates/images/aca-openai-redis-artgallery.png","website":"https://github.com/CawaMS","author":"Catherine Wang","source":"https://github.com/CawaMS/OutputCacheOpenAI","tags":["aca","dotnetCsharp","rediscache","ai","openai","community"]},{"title":"Azure OpenAI Conference Session Recommender","description":"Build a recommender using OpenAI, Azure Functions, Azure Static Web Apps, Azure SQL DB, Data API builder and Text Embeddings","preview":"./templates/images/session-recommender-architecture.png","website":"https://sessionfinder.dotnetconf.net/","author":"Davide Mauri","source":"https://github.com/Azure-Samples/azure-sql-db-session-recommender","tags":["msft","reactjs","appservice","functions","azuresql","swa","appinsights","openai","azureai","enterprisepatterns","ai"]},{"title":"Microservices App - Dapr PubSub Java AKS","description":"Demonstrate event-driven communication between microservices by leveraging the pub/sub messaging architecture using Dapr for a Java application running in an AKS cluster.","preview":"./templates/images/dapr-pubsub-java-aks-diagram.png","website":"https://github.com/Azure-Samples","author":"Mahmut Canga","source":"https://github.com/Azure-Samples/pubsub-dapr-aks-java","tags":["dapr","java","aks","msft"]},{"title":"Azure Functions - Chat using ChatGPT (Node.js JavaScript Function)","description":"This sample shows how to take a ChatGPT prompt as HTTP Get or Post input, calculates the completions using OpenAI ChatGPT service, and then returns the output plus caches in a Blob state store.","preview":"./templates/images/test.png","website":"https://github.com/Azure-Samples","author":"Paul Yuknewicz","source":"https://github.com/Azure-Samples/function-javascript-ai-openai-chatgpt","tags":["functions","openai","javascript","ai","gpt","msft"]},{"title":"Azure Functions - Chat using ChatGPT (Python v2 Function)","description":"This sample shows how to take a ChatGPT prompt as HTTP Get or Post input, calculates the completions using OpenAI ChatGPT service, and then returns the output plus caches in a Blob state store.","preview":"./templates/images/test.png","website":"https://github.com/Azure-Samples","author":"Paul Yuknewicz","source":"https://github.com/Azure-Samples/function-python-ai-openai-chatgpt","tags":["functions","openai","python","ai","gpt","msft"]},{"title":"Azure Functions - LangChain with Azure OpenAI and ChatGPT (Python v2 Function)","description":"This sample shows how to take a human prompt as HTTP Get or Post input, calculates the completions using chains of human input and templates. This is a starting point that can be used for more sophisticated chains.","preview":"./templates/images/test.png","website":"https://github.com/Azure-Samples","author":"Paul Yuknewicz","source":"https://github.com/Azure-Samples/function-python-ai-langchain","tags":["functions","python","ai","msft"]},{"title":"Multi-repo ChatGPT and Enterprise data with Azure OpenAI and AI Search","description":"Azure OpenAI at scale in a secure manner.","preview":"./templates/images/GPT-Rag-Architecture-Zero-Trust.png","website":"https://github.com/Azure","author":"Azure Content Team","source":"https://github.com/Azure/GPT-RAG","tags":["openai","gpt","aisearch","python","typescript","bicep","nodejs","ai","msft"]},{"title":"Blazor Web App with C# and SQL Database on Azure","description":"A starter project for creating a Blazor web app using C# and a SQL database hosted on Azure. The project contains sample application code which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get the app up and running quickly.","preview":"./templates/images/azd-blazor.png","website":"https://jasontaylor.dev","author":"JasonTaylorDev","source":"https://github.com/JasonTaylorDev/azd-blazor","tags":["bicep","dotnetCsharp","appservice","azuresql","monitor","keyvault","blazor","community"]},{"title":"Using FastAPI Framework with Azure Functions to serve paginated data from Snowflake","description":"This is a sample Azure Function app created with the FastAPI framework to serve data from Snowflake using pagination","preview":"./templates/images/simple-fastapi-snow-azd.png","website":"https://github.com/MiguelElGallo","author":"Miguel P. Z.","source":"https://github.com/MiguelElGallo/simple-fastapi-snow-azd","tags":["python","fastapi","functions","bicep","community"]},{"title":"Python (Flask) Web App with MySQL and Key Vault","description":"A Python Flask app on App Service with a MySQL flexible server database. Database access is restricted to Azure IPs, and all administrative secrets are stored in Key Vault.","preview":"./templates/images/flask-db-mysql-example.png","website":"https://github.com/john0isaac","author":"John Aziz","source":"https://github.com/john0isaac/flask-webapp-mysql-db","tags":["python","flask","bicep","appservice","webapps","azuredb-mySQL","keyvault","community"]},{"title":"Azure Function with Event Hub with optional virtual network capabilities","description":"An Azure Function app which sends events to and consumes from an Event Hub. The Function app can optionally be configured to integrate with a virtual network, and dependent resources configured with virtual network private endpoints. Managed identity is used for authentication to dependent resources.","preview":"./templates/images/function-eventhub-vnet.png","website":"https://github.com/Azure-Samples/","author":"Michael S. Collier","source":"https://github.com/Azure-Samples/function-eventhub-vnet","tags":["bicep","dotnetCsharp","functions","appinsights","keyvault","eventhub","azurestorage","vnets","msft"]},{"title":"URL Shortener using Microsoft Orleans and Azure for hosting and data","description":"An ASP.NET Core 8.0 web application to illustrate basic Microsoft Orleans concepts; such as working with Grains, Silos, and persistent state. Uses Azure Developer CLI (azd) to build, deploy, and monitor.","preview":"./templates/images/test.png","website":"https://github.com/Azure-Samples","author":"Azure Cosmos DB Content Team","source":"https://github.com/azure-samples/orleans-url-shortener","tags":["bicep","dotnetCsharp","cosmosdb","msft","aca"]},{"title":"Azure OpenAI priority-based load balancer with Azure Container Apps","description":"A load balancer crafted specifically for Azure OpenAI, which is aware of \'retry-after\' headers and intelligently pause traffic when certain OpenAI endpoints reach maximum capacity.","preview":"./templates/images/openai-aca-loadbalancer.png","website":"https://github.com/Azure-Samples","author":"Andre Dewes","source":"https://github.com/Azure-Samples/openai-aca-lb","tags":["aca","openai","ai","msft","bicep","dotnetCsharp"]},{"title":"Azure Kubernetes Service Store Demo","description":"Sample microservices app for AKS demos, tutorials, and experiments.","preview":"./templates/images/aks-store-demo.png","website":"https://github.com/Azure-Samples","author":"AKS Content Team","source":"https://github.com/azure-samples/aks-store-demo","tags":["terraform","aks","openai","ai","msft","kubernetes","helm"]},{"title":"Setting up Azure OpenAI as a central capability within your organization","description":"Unleash the power of Azure AI to all your application developers in a secure & manageable way with Azure API Management and Azure Container Apps, utilizing Azure OpenAI PTUs across your organization with chargeback capabilities.","preview":"./templates/images/enterprise-azureai.png","website":"https://github.com/Azure, https://github.com/azureholic, https://github.com/iMicknl, https://github.com/pascalvanderheiden","author":"Azure AI Content Team, Remco Brosky, Mick Vleeshouwer, Pascal van der Heiden","source":"https://github.com/Azure/enterprise-azureai","tags":["bicep","apim","openai","ai","appinsights","monitor","enterprisepatterns","aca","dotnetCsharp","msft"]},{"title":"SAP Cloud SDK on Azure Functions Quickstart (TypeScript)","description":"This repos serves as quick-start project showcasing SAP Cloud SDK for JavaScript OData consumption running on Azure Functions. Its primary purpose is to set you up for success for your SAP extension project on Azure and reduce the lead time to your first successful deployment as much as possible with developer friendly commands.","preview":"./templates/images/functions-javascript-sap-cloud-sdk-quickstart.png","website":"https://github.com/MartinPankraz, https://github.com/lechnerc77","author":"Martin Pankraz, Christian Lechner","source":"https://github.com/Azure-Samples/functions-javascript-sap-cloud-sdk-quickstart","tags":["typescript","nodejs","bicep","webapps","apim","keyvault","appinsights","nestjs","sap","sapcap","msft"]},{"title":"SAP CAP on Azure App Service Quickstart","description":"This repos serves as quick-start project showcasing SAP Cloud Application Programming Model (CAP) for Node.js OData consumption from SAP S/4HANA running on Azure App Services backed with Azure Cosmos DB for PostgreSQL. SAP offers a native module cds-dbs for PostgreSQL integration.","preview":"./templates/images/app-service-javascript-sap-cap-quickstart.png","website":"https://github.com/MartinPankraz, https://github.com/vobu","author":"Martin Pankraz, Volker Buzek","source":"https://github.com/Azure-Samples/app-service-javascript-sap-cap-quickstart","tags":["nodejs","bicep","webapps","apim","keyvault","appinsights","nestjs","sap","cosmosdb","azuredb-postgreSQL","sapcloudsdk","msft"]},{"title":"Azure API Management policy for priority-based routing to Azure OpenAI","description":"A load balancer policy crafted specifically for Azure OpenAI, which is aware of \'retry-after\' headers and intelligently pause traffic when certain OpenAI endpoints reach maximum capacity.","preview":"./templates/images/openai-apim-loadbalancer.png","website":"https://github.com/Azure-Samples, https://github.com/codebytes","author":"Andre Dewes, Chris Ayers","source":"https://github.com/Azure-Samples/openai-apim-lb","tags":["apim","openai","ai","msft","bicep"]},{"title":"Langfuse on Azure","description":"Deploy Langfuse (open-source LLM observability platform) to Azure Container Apps with PostgreSQL Flexible Server.","preview":"./templates/images/aca_postgres_keyvault.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/Azure-Samples/langfuse-on-azure","tags":["aca","azuredb-postgreSQL","keyvault","ai","msft","bicep"]},{"title":"PostgreSQL + Pgvector","description":"Deploy a PostgreSQL Flexible Server with Pgvector extension and keyless auth, then access it from Python scripts.","preview":"./templates/images/postgres_entra.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/Azure-Samples/azure-postgres-pgvector-python","tags":["azuredb-postgreSQL","ai","msft","bicep","python"]},{"title":"Azure Open AI management and logging via Azure API Management","description":"To use Azure Open AI in production, you need to manage each application and user by issuing new keys, and monitor their usage such as number of tokens they consume and types of endpoint and mode they use. The solution uses Azure APIM and other resources to support such requirements.","preview":"./templates/images/aoai_apim.svg","website":"https://github.com/microsoft","author":"Kenichiro Nakamura","source":"https://github.com/microsoft/aoai-logging-with-apim","tags":["bicep","msft","ai","openai","apim","keyvault","dotnetCsharp"]},{"title":"Remix on Container Apps","description":"A blueprint for getting a Remix app running on Azure Container Apps with CDN and Application Insights.","preview":"./templates/images/remix-aca.png","website":"https://github.com/CMeeg","author":"Chris Meagher","source":"https://github.com/CMeeg/remix-aca","tags":["typescript","reactjs","nodejs","bicep","aca","azurecdn","appinsights","community"]},{"title":".NET AI samples with Azure OpenAI","description":".NET samples demonstrating how to use AI in your .NET applications. Each sample demonstrate a specific AI scenario with only a few lines of code. It consists of a console application, running locally, that will send request(s) to an Azure OpenAI Service deployed in your Azure subscription","preview":"./templates/images/dotnet-ai-samples.png","website":"https://github.com/fboucher","author":"Frank Boucher","source":"https://github.com/dotnet/ai-samples","tags":["ai","openai","dotnetCsharp","azureai","msft","gpt","dall-e","semantickernel","bicep"]},{"title":"Azure OpenAI Conference Session Assistant","description":"Build a conference assistant using using Vector Search and Retrieval Augmented Generator to allow attendees to ask questions about conference in natural language","preview":"./templates/images/session-assistant-architecture.png","website":"https://ai.lasvegas.vslive.com/","author":"Davide Mauri","source":"https://github.com/Azure-Samples/azure-sql-db-session-recommender-v2","tags":["bicep","msft","reactjs","appservice","functions","azuresql","swa","appinsights","openai","azureai","enterprisepatterns","ai"]},{"title":"Simple Flask (Python) Web App (Terraform) on Azure","description":"A simple Python Flask website, made for demonstration purposes only, and deployed to Azure App service and Azure Monitoring.","preview":"./templates/images/flask-app-terraform.png","website":"https://github.com/john0isaac","author":"John Aziz","source":"https://github.com/john0isaac/simple-flask-app-terraform","tags":["python","flask","terraform","appservice","loganalytics","monitor","appinsights","community"]},{"title":"Dynamic Configuration for AKS workloads (w/o changing ConfigMaps or with Azure App Configuration)","description":"A sample that demonstrates how to dynamically configure an Azure Kubernetes Service (AKS) workload with Azure App Configuration.","preview":"./templates/images/azure-appconfig-aks.png","website":"https://github.com/Azure/AppConfiguration","author":"Azure App Configuration","source":"https://github.com/Azure-Samples/azure-appconfig-aks","tags":["azureappconfig","kubernetes","aks","dotnetCsharp","bicep","webapps","msft"]},{"title":"Chat with your Data Solution Accelerator","description":"A Solution Accelerator for the RAG pattern running in Azure, using Azure AI Search for retrieval and Azure OpenAI large language models to power ChatGPT-style and Q&A experiences. This includes most common requirements and best practices.","preview":"./templates/images/cwyd-solution-architecture.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/chat-with-your-data-solution-accelerator","tags":["bicep","python","typescript","flask","aisearch","openai","gpt","ai","msft"]},{"title":"Sample Ruby on Rails app deployed (Bicep) on Azure Container App with PostgreSQL","description":"A sample Ruby on Rails Web App, made for demonstration purposes only, and deployed to Azure Container App and PostgreSQL.","preview":"./templates/images/azure-rails-starter.png","website":"https://github.com/dbroeglin","author":"Dominique Broeglin","source":"https://github.com/dbroeglin/azure-rails-starter","tags":["ruby","rubyonrails","bicep","aca","azuredb-postgreSQL","monitor","community"]},{"title":"RAG using Semantic Kernel with Azure OpenAI and Azure Cosmos DB for MongoDB vCore","description":"A Python sample for implementing retrieval augmented generation using Azure Open AI to generate embeddings, Azure Cosmos DB for MongoDB vCore to perform vector search and semantic kernel. Deployed to Azure App service using Azure Developer CLI (azd).","preview":"./templates/images/rag-semantic-kernel-mongodb-vcore.png","website":"https://github.com/john0isaac","author":"John Aziz","source":"https://github.com/john0isaac/rag-semantic-kernel-mongodb-vcore","tags":["openai","gpt","cosmosdb","mongodb","python","bicep","ai","community"]},{"title":"Serverless ChatGPT with RAG using LangChain.js","description":"A Serverless ChatGPT-like experience with Retrieval-Augmented Generation using LangChain.js, TypeScript and Azure","preview":"./templates/images/serverless-chat-langchainjs.gif","website":"https://github.com/glaucia86, https://github.com/sinedied","author":"Glaucia Lemos, Yohan Lasorsa","source":"https://github.com/Azure-Samples/serverless-chat-langchainjs","tags":["ai","bicep","gpt","serverlessapi","javascript","nodejs","openai","typescript","webcomponents","cosmosdb","msft","langchain","functions","swa","azureai"]},{"title":".NET Isolated Azure Function with Zip Deploy","description":"Create a .NET Isolated Azure Function and use Zip Push to deploy the code to the Azure Function App. For example, the .NET 8 code in the repository and the release package are used in the template. Execute the AZD UP command from the deployment folder to deploy the function app. Once the Azure Function is deployed, test it using the URL: https://.azurewebsites.net/api/getadventurers.","preview":"./templates/images/dotnet-azfunc-zipdeploy.png","website":"https://github.com/fboucher","author":"Frank Boucher","source":"https://github.com/FBoucher/ZipDeploy-AzFunc","tags":["dotnetCsharp","community","bicep","functions","appinsights","blobstorage"]},{"title":"Azure AI Starter","description":"Bicep template that deploys Azure AI services with configured machine learning models.","preview":"./templates/images/test.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/azd-ai-starter","tags":["bicep","ai","azureai","openai","msft"]},{"title":"Azure AI Studio Starter","description":"Bicep template that deploys everything you need to get started with Azure AI Studio. Includes AI Hub with dependent resources, AI project, AI Services and an online endpoint","preview":"./templates/images/test.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/azd-aistudio-starter","tags":["bicep","ai","azureai","openai","msft"]},{"title":"Simple Chat Application using Azure OpenAI (Python)","description":"Build a chat application using Azure OpenAI GPT models.","preview":"./templates/images/openai-chat-app-quickstart_diagram.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/openai-chat-app-quickstart","tags":["msft","build2024","python","openai","aca","bicep","ai"]},{"title":"RAG on PostgreSQL","description":"A RAG app to ask questions about rows in a database table. Deployable on Azure Container Apps with PostgreSQL Flexible Server.","preview":"./templates/images/rag-postgres-openai-python-screenshot_chat.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/rag-postgres-openai-python","tags":["msft","build2024","python","openai","aca","bicep","ai","azuredb-postgreSQL"]},{"title":"Creative Writing Assistant: Working with Agents using Promptflow (Python Implementation)","description":"A creative writing multi-agent solution to help users write articles.","preview":"./templates/images/agent-openai-python-prompty-creative_writing.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/agent-openai-python-prompty","tags":["msft","build2024","python","openai","aks","terraform","ai","aisearch"]},{"title":"Process Automation: Speech to Text and Summarization with AI Studio","description":"This solution converts speech to text and then processes and summarizes the text based on the prompt scenario.","preview":"./templates/images/summarization-openai-python-promptflow-architecture-diagram.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/summarization-openai-python-promptflow","tags":["msft","build2024","python","openai","aca","bicep","ai"]},{"title":"Function Calling with Prompty, LangChain and Elastic Search","description":"Function calling for vector database lookup based on user question.","preview":"./templates/images/agent-python-openai-prompty-langchain-architecture-diagram.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/agent-python-openai-prompty-langchain","tags":["msft","build2024","python","openai","aistudio","bicep","ai"]},{"title":"Function Calling with Prompty, LangChain and Pinecone","description":"Function calling for vector database lookup based on user question.","preview":"./templates/images/agent-openai-python-prompty-langchain-pinecone-architecture-diagram.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/agent-openai-python-prompty-langchain-pinecone","tags":["msft","build2024","python","openai","aistudio","bicep","ai","pinecone"]},{"title":"Contoso Chat Retail with Azure AI Studio and Promptflow","description":"This sample has the full End2End process of creating RAG application with Prompt Flow and AI Studio. It includes GPT 3.5 Turbo LLM application code, evaluations, deployment automation with AZD CLI, GitHub actions for evaluation and deployment and intent mapping for multiple LLM task mapping.","preview":"./templates/images/contoso-chat-architecture-diagram.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/contoso-chat","tags":["msft","build2024","python","openai","aistudio","bicep","cosmosdb","aisearch","ai"]},{"title":"API Center Analyzer","description":"This sample provides an Azure API Center along with Azure Functions and Azure Event Grid to analyze API specs when registering or updating API specs to Azure API Center.","preview":"./templates/images/apic-analyzer.png","website":"https://github.com/justinyoo, https://github.com/pierceboggan","author":"Justin Yoo, Pierce Boggan","source":"https://github.com/Azure/APICenter-Analyzer","tags":["msft","bicep","apicenter","functions","eventgrid","managedidentity","appinsights","loganalytics","diagnosticsettings","typescript"]},{"title":"API Center Portal","description":"This sample provides an Azure API Center along with Azure Static Web Apps that governs API specs registered on Azure API Center for developers and stakeholders.","preview":"./templates/images/apic-portal.png","website":"https://github.com/justinyoo, https://github.com/pierceboggan","author":"Justin Yoo, Pierce Boggan","source":"https://github.com/Azure/APICenter-Portal-Starter","tags":["msft","bicep","apicenter","swa","serviceprincipal","typescript"]},{"title":"API Center Reference Sample","description":"This sample provides an Azure API Center along with Azure App Service, Static Web Apps and Azure Functions that governs, analyzes and performs service discovery of API specs registered on Azure API Center.","preview":"./templates/images/apic-reference.png","website":"https://github.com/Azure-Samples","author":"Justin Yoo","source":"https://github.com/Azure-Samples/APICenter-Reference","tags":["msft","bicep","apicenter","appservice","functions","eventgrid","managedidentity","appinsights","loganalytics","diagnosticsettings","swa","serviceprincipal","logicapps","apim","dotnetCsharp","typescript"]},{"title":"GPT Video Analysis-In-A-Box","description":"This solution is part of the the AI-in-a-Box framework developed by the team of Microsoft Customer Engineers and Architects to accelerate the deployment of AI and ML solutions. Our goal is to simplify the adoption of AI technologies by providing ready-to-use accelerators that ensure quality, efficiency, and rapid deployment.","preview":"./templates/images/contoso-chat-architecture-diagram.png","website":"https://github.com/Azure-Samples/gpt-video-analysis-in-a-box","author":"AI-in-a-Box Team","source":"https://github.com/Azure-Samples/gpt-video-analysis-in-a-box","tags":["msft","openai","bicep","cosmosdb","azuredatafactory","blobstorage","ai"]},{"title":"Deploy Phoenix to Azure","description":"Phoenix provides MLOps and LLMOps insights at lightning speed with zero-config observability.","preview":"./templates/images/arize-phoenix.png","website":"https://github.com/Arize-ai","author":"Arize AI Team","source":"https://github.com/Arize-ai/phoenix-on-azure","tags":["community","bicep","python","aca","ai","new"]},{"title":"Build a Copilot app using Azure Cosmos DB, Azure OpenAI Service and Azure App Service","description":"Build a copilot application with Azure OpenAI Service, Azure Cosmos DB for NoSQL vector database & Azure App Service.","preview":"./templates/images/cosmos-nosql-copilot.png","website":"https://github.com/AzureCosmosDB","author":"Azure Cosmos DB Content Team","source":"https://github.com/AzureCosmosDB/cosmosdb-nosql-copilot","tags":["msft","openai","gpt","cosmosdb","bicep","ai","dotnetCsharp","managedidentity","appservice","semantickernel","blazor","new"]},{"title":"Azure Serverless App with Angular and MSAL","description":"Azure Serverless Template using Angular-standalone, Azure Functions App, Cosmos DB and APIM","preview":"./templates/images/serverless-application-flow.png","website":"https://github.com/ryanninodizon","author":"Ryan Ni\xf1o Dizon","source":"https://github.com/ryanninodizon/AzureServerlessApp-with-auth-for-dotnet-angular","tags":["apim","functions","msal","dotnetCsharp","cosmosdb","serverlessapi","angular","new","community"]},{"title":"Pinecone RAG Demo","description":"This example application sets up an Azure container app with Next.js, linking to a Pinecone index and an OpenAI embedding model for storing and retrieving context for a RAG model.","preview":"./templates/images/pinecone-rag-demo-azd.png","website":"https://pinecone.io","author":"Pinecone Team","source":"https://github.com/pinecone-io/pinecone-rag-demo-azd","tags":["community","pinecone","bicep","aca","nextjs","typescript","ai","new"]}]'),o=Object.keys(i.$);const n=function(){let e=s;return e=(0,r.M)(e,(e=>e.title.toLowerCase())),e}()},3010:(e,t,a)=>{a.r(t),a.d(t,{default:()=>le});var r=a(7294),i=a(5666),s=a(9524),o=a(2761),n=a(990);const p={colorLink:"colorLink_hb2i"};var c=a(8560),u=a(5893);function l(e){let{id:t}=e;return(0,u.jsxs)("div",{id:t,style:{display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column",gap:"40px"},children:[(0,u.jsx)("div",{style:{paddingTop:"100px",display:"flex",flexDirection:"column",gap:"10px"},children:null!=i.u?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)(o.x,{size:500,weight:"bold",align:"center",children:["We couldn\u2019t find any results for '",i.u,"'"]}),(0,u.jsx)(o.x,{size:400,align:"center",children:"Check for spelling or try searching for another term."})]}):(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(o.x,{size:500,weight:"bold",align:"center",children:"We couldn\u2019t find any results."}),(0,u.jsx)(o.x,{size:400,align:"center",children:"Check for tags or try filtering for another tag."})]})}),(0,u.jsx)(c.Z,{style:{borderRadius:"8px",padding:"24px"},children:(0,u.jsxs)("div",{style:{display:"flex",columnGap:"30px"},children:[(0,u.jsx)("img",{height:50,src:(0,s.Z)("/img/smile.svg"),alt:"smile",style:{flex:1}}),(0,u.jsxs)("div",{style:{display:"flex",flexDirection:"column",rowGap:"5px",paddingRight:"50px"},children:[(0,u.jsx)(o.x,{size:400,weight:"bold",children:"Want to be the change you wish to see in the world?"}),(0,u.jsx)(o.x,{size:300,children:"awesome-azd is always looking for new templates!"}),(0,u.jsx)(n.r,{href:"https://azure.github.io/awesome-azd/docs/contribute",target:"_blank",className:p.colorLink,children:"\u2022 Learn how to contribute an azd template"},"emptySearch_contributeTemplate"),(0,u.jsx)(n.r,{href:"https://github.com/Azure/awesome-azd/issues/new?assignees=nigkulintya%2C+savannahostrowski&labels=requested-contribution&template=%F0%9F%A4%94-submit-a-template-request.md&title=%5BIdea%5D+%3Cyour-template-name%3E",target:"_blank",className:p.colorLink,children:"\u2022 View our template request board"},"emptySearch_requestBoard")]})]})})]})}var d=a(5812);const m={cardBreakLine:"cardBreakLine_W3Dr",card:"card_AqPL",headerText:"headerText_wMQG",headerTextCardPanel:"headerTextCardPanel_RIQo",cardDescription:"cardDescription_Xcnv",cardTextBy:"cardTextBy_WLLh",input:"input_tXlf",copyIconButton:"copyIconButton_x9jS",cardTitle:"cardTitle_RS1Y"};var h=a(6616),g=a(5216),b=a(6304),A=a(7915),v=a(2765),z=a(2347),y=a(8502),f=a(5545),w=a(339),S=a(4404),x=a(7692),C=a(5247),k=a(2457);const j={cardAuthor:"cardAuthor_u7r0",cardAuthorPanel:"cardAuthorPanel_ynPX"};var P=a(9200);function T(e){let{user:t,cardPanel:a}=e;const{colorMode:r}=(0,P.I)(),i=t.author,o=t.website;let p=0;if(i.includes(", ")){var c=o.split(", "),l=i.split(", ");if(c.length!=l.length)throw new Error("The number of multiple authors and websites are not equal.");return c.map(((e,t)=>function(e,t,a,r,i,o,p){return i!=r-1?o?(0,u.jsxs)(n.r,{href:a,className:j.cardAuthorPanel,target:"_blank",style:{display:"flex",alignItems:"center",columnGap:"5px",fontSize:"14px",fontWeight:"400",flexShrink:0},children:[t,"dark"!=p?(0,u.jsx)("img",{src:(0,s.Z)("/img/redirect.svg"),alt:"Redirect",height:13}):(0,u.jsx)("img",{src:(0,s.Z)("/img/redirectDark.svg"),alt:"Redirect",height:13}),","]},i):(0,u.jsxs)(n.r,{className:j.cardAuthor,href:a,target:"_blank",style:{flexShrink:0,fontSize:"12px"},children:[t,","]},i):o?(0,u.jsxs)(n.r,{className:j.cardAuthorPanel,href:a,target:"_blank",style:{display:"flex",alignItems:"center",columnGap:"5px",fontSize:"14px",fontWeight:"400",flexShrink:0},children:[t,"dark"!=p?(0,u.jsx)("img",{src:(0,s.Z)("/img/redirect.svg"),alt:"Redirect",height:13}):(0,u.jsx)("img",{src:(0,s.Z)("/img/redirectDark.svg"),alt:"Redirect",height:13})]},i):(0,u.jsx)(n.r,{className:j.cardAuthor,href:a,target:"_blank",style:{flexShrink:0,fontSize:"12px"},children:t},i)}(0,l[t],c[t],c.length,p++,a,r)))}return a?(0,u.jsxs)(n.r,{className:j.cardAuthorPanel,href:o,target:"_blank",style:{display:"flex",alignItems:"center",columnGap:"5px",fontSize:"14px",fontWeight:"400",flexShrink:0},children:[i,"dark"!=r?(0,u.jsx)("img",{src:(0,s.Z)("/img/redirect.svg"),alt:"Redirect",height:13}):(0,u.jsx)("img",{src:(0,s.Z)("/img/redirectDark.svg"),alt:"Redirect",height:13})]}):(0,u.jsx)(n.r,{className:j.cardAuthor,href:o,target:"_blank",style:{fontSize:"12px",flexShrink:0},children:i})}const I={cardDescription:"cardDescription_WIGs",cardTag:"cardTag_H5My",textColor:"textColor_Hgwr",squareColor:"squareColor_BaIl",terminalSquareTopColor:"terminalSquareTopColor_rV69",terminalSquareBottomColor:"terminalSquareBottomColor_ipK1",borderBottomColor:"borderBottomColor_kX02",commandColor:"commandColor_Xpos",color:"color_PxFt",purple:"purple__8uX"};var D=a(7190),L=a(6114),F=a(2495),M=a(229),B=a(9565),N=a(7266),R=a(3234),_=a(2752),q=a(5966),G=a(19),O=a(5037),Q=a(2355),W=a(2583);const E={cardPanelTag:"cardPanelTag__ZXP"};var Z=a(2335),J=a(9138);const K=r.forwardRef(((e,t)=>{let{label:a,description:r}=e;return(0,u.jsx)(Z.C,{appearance:"outline",size:"medium",ref:t,title:r,color:"informative",style:{alignContent:"center",fontSize:"10px",width:"auto"},children:a})})),H=(0,h.Z)({tooltip:{textAlign:"center"}});function V(e){let{tags:t,moreTag:a}=e;const r=t.filter((e=>"msft"!=e&&"community"!=e&&"new"!=e&&"popular"!=e)).map((e=>({tag:e,...D.$[e]}))),i=(0,F.M)(r,(e=>L.PS.indexOf(e.tag))),s=i.filter((e=>e.label.includes("Azure"))),o=i.length;let n=10;s.length>5&&(n=7);const p=o-n,c=i.slice(n,o).map((e=>e.label)).join("\n"),l=H();return a?o>n?(0,u.jsxs)(u.Fragment,{children:[i.slice(0,n).map(((e,t)=>{const a=`showcase_card_tag_${e.tag}`;return(0,u.jsx)(K,{id:a,...e},t)})),(0,u.jsx)(J.u,{withArrow:!0,content:{children:(0,u.jsx)("span",{style:{whiteSpace:"pre-line"},children:c}),className:l.tooltip},relationship:"label",children:(0,u.jsxs)(Z.C,{appearance:"outline",size:"medium",color:"informative",style:{alignContent:"center",fontSize:"10px",width:"auto"},children:["+ ",p," more"]})})]}):(0,u.jsx)(u.Fragment,{children:i.map(((e,t)=>{const a=`showcase_card_tag_${e.tag}`;return(0,u.jsx)(K,{id:a,...e},a)}))}):(0,u.jsx)(u.Fragment,{children:i.map(((e,t)=>{const a=`showcase_card_tag_${e.tag}`;return(0,u.jsx)("div",{id:a,className:E.cardPanelTag,children:e.label},t)}))})}function U(e){let{url:t,colorMode:a}=e;const r=(0,s.Z)("/img/purpleCopy.svg"),i=(0,M.M)("copyButton"),[o,{toggle:n}]=(0,S.k)(!1),p=(0,M.M)("callout-label"),c=(0,M.M)("callout-description");return(0,u.jsxs)("div",{children:[(0,u.jsxs)(B.a,{id:i,className:I.purple,style:{padding:"0px",minHeight:"20px",borderColor:"transparent",backgroundColor:"transparent"},onClick:()=>{n(),navigator.clipboard.writeText(t)},children:[(0,u.jsx)("img",{src:r,height:20,alt:"Copy"}),(0,u.jsx)("div",{style:{fontSize:"12px"},children:"Copy"})]}),o&&(0,u.jsx)(N.U,{ariaLabelledBy:p,ariaDescribedBy:c,role:"dialog",gapSpace:0,target:`#${i}`,onDismiss:n,setInitialFocus:!0,directionalHint:R.b.topCenter,styles:"dark"!=a?{calloutMain:{padding:"3px 10px"}}:{beak:{background:"#292929"},beakCurtain:{background:"#292929"},calloutMain:{background:"transparent",padding:"3px 10px"}},children:(0,u.jsx)(_.x,{variant:"small",children:"Copied"})})]})}function Y(e){let{user:t}=e;const[a,{toggle:r}]=(0,S.k)(!0),[i,{toggle:o}]=(0,S.k)(!0);let p=t.source.replace("https://github.com/","").toLowerCase();p.includes("azure-samples/")&&(p=p.replace("azure-samples/",""));const c="azd init -t "+p;let l=(0,s.Z)("/img/leftChevron.svg"),d="black";const{colorMode:m}=(0,P.I)();"dark"==m&&(d="white",l=(0,s.Z)("/img/leftChevronDark.svg"));const h={linkIsSelected:[{selectors:{":before":"dark"!=m?{backgroundColor:"#6656d1"}:{backgroundColor:"#A79CF1"},":hover":"dark"!=m?{backgroundColor:"#f3f2f1"}:{backgroundColor:"#242424"}}}],root:"",link:{selectors:{":active":"dark"!=m?{backgroundColor:"#f3f2f1"}:{backgroundColor:"#242424"},":hover":"dark"!=m?{backgroundColor:"#f3f2f1"}:{backgroundColor:"#242424"}}},linkContent:"",text:{color:d},count:"",icon:"",linkInMenu:"",overflowMenuButton:""};return(0,u.jsxs)("div",{children:[(0,u.jsxs)("div",{style:{display:"flex",alignItems:"center",columnGap:"5px",padding:"10px 0",flexWrap:"wrap"},children:[(0,u.jsx)("div",{className:I.cardDescription,children:"by"}),(0,u.jsx)(T,{user:t,cardPanel:!0},"author_"+t.title),(0,u.jsx)("div",{className:I.textColor,children:"\u2022"}),(0,u.jsxs)(n.r,{href:t.source,target:"_blank",style:{display:"flex",alignItems:"center",columnGap:"5px"},className:I.color,children:["View in GitHub","dark"!=m?(0,u.jsx)("img",{src:(0,s.Z)("/img/redirect.svg"),alt:"Redirect",height:13}):(0,u.jsx)("img",{src:(0,s.Z)("/img/redirectDark.svg"),alt:"Redirect",height:13})]})]}),(0,u.jsx)("div",{className:I.cardTag,style:{display:"flex",overflow:"hidden",columnGap:"5px",flexFlow:"wrap",padding:"5px 0"},children:(0,u.jsx)(V,{tags:t.tags,moreTag:!1},"tag_"+t.title)}),(0,u.jsxs)(q.o,{"aria-label":"Template Details and Legal",styles:h,style:{paddingTop:"20px"},children:[(0,u.jsx)(G.M,{style:{fontSize:"14px"},headerText:"Template Details",children:(0,u.jsxs)(O._,{children:[(0,u.jsx)("div",{className:I.textColor,style:{fontSize:"14px",fontWeight:"400"},children:t.description}),(0,u.jsxs)("div",{children:[(0,u.jsxs)("div",{className:I.borderBottomColor,style:{display:"flex",paddingTop:"30px"},children:[(0,u.jsx)("div",{className:I.textColor,style:{fontSize:"14px",flex:"1"},children:"Quick Use"}),(0,u.jsx)(B.a,{style:{backgroundColor:"transparent",borderColor:"transparent",minWidth:"0px",padding:"0px",height:"20px"},children:(0,u.jsx)("img",{onClick:r,src:l,height:20,alt:"Expand"})})]}),a&&(0,u.jsxs)(Q.G,{children:[(0,u.jsx)("div",{className:I.textColor,style:{fontSize:"14px",fontWeight:"400",padding:"10px 0"},children:"If you already have the Azure Developer CLI installed on your machine, using this template is as simple as running this command in a new directory."}),(0,u.jsxs)("div",{className:I.terminalSquareTopColor,style:{display:"flex",height:"32px",justifyContent:"center",alignItems:"center"},children:[(0,u.jsx)("div",{className:I.textColor,style:{flex:"1",fontSize:"12px",paddingLeft:"11px"},children:"Terminal Command"}),(0,u.jsx)(U,{colorMode:m,url:c})]}),(0,u.jsx)("div",{className:I.terminalSquareBottomColor,style:{height:"46px",padding:"11px"},children:(0,u.jsx)("div",{className:I.commandColor,style:{margin:"auto",whiteSpace:"nowrap",overflow:"hidden",fontFamily:"Consolas, Courier New, Courier, monospace",fontSize:"14px",fontWeight:"400"},children:c})}),(0,u.jsx)("div",{style:{paddingTop:"10px"},children:(0,u.jsx)(W.Z,{alignContent:"start",children:"Or"})}),(0,u.jsxs)("div",{className:I.textColor,style:{fontSize:"14px",fontWeight:"400",padding:"10px 0"},children:["If using the"," ",(0,u.jsx)("a",{href:"https://marketplace.visualstudio.com/items?itemName=ms-azuretools.azure-dev",target:"_blank",className:I.color,children:"azd VS Code extension"})," ","you can paste this URL in the VS Code command terminal."]}),(0,u.jsxs)("div",{className:I.terminalSquareTopColor,style:{display:"flex",height:"32px",justifyContent:"center",alignItems:"center"},children:[(0,u.jsx)("div",{className:I.textColor,style:{flex:"1",paddingLeft:"11px",fontSize:"12px"},children:"Terminal URL"}),(0,u.jsx)(U,{colorMode:m,url:p})]}),(0,u.jsx)("div",{className:I.terminalSquareBottomColor,style:{height:"46px",padding:"11px"},children:(0,u.jsx)("div",{className:I.commandColor,style:{margin:"auto",whiteSpace:"nowrap",overflow:"hidden",fontFamily:"Consolas, Courier New, Courier, monospace",fontSize:"14px",fontWeight:"400"},children:p})})]})]}),(0,u.jsxs)("div",{children:[(0,u.jsxs)("div",{className:I.borderBottomColor,style:{display:"flex",paddingTop:"30px"},children:[(0,u.jsx)("div",{className:I.textColor,style:{fontSize:"14px",flex:"1"},children:"Included in this template"}),(0,u.jsx)(B.a,{style:{backgroundColor:"transparent",borderColor:"transparent",minWidth:"0px",padding:"0px",height:"20px"},children:(0,u.jsx)("img",{onClick:o,src:l,height:20,alt:"Expand"})})]}),i&&(0,u.jsxs)(Q.G,{children:[(0,u.jsxs)("div",{className:I.textColor,style:{fontSize:"14px",fontWeight:"400",padding:"10px 0"},children:["The services used in this template are subject to their normal usage fees and charges. Learn more about the cost of individual services by visiting the"," ",(0,u.jsx)("a",{href:"https://azure.microsoft.com/en-us/pricing/calculator/",target:"_blank",className:I.color,children:"Azure Pricing Calculator"}),"."]}),(0,u.jsx)(X,{tags:t.tags,colorMode:m},"azure_tag_"+t.title)]})]})]})}),(0,u.jsx)(G.M,{style:{color:"#424242",fontSize:"14px",fontWeight:"400"},headerText:"Legal",children:(0,u.jsx)(O._,{children:(0,u.jsxs)("div",{className:I.textColor,style:{fontSize:"14px",fontWeight:"400"},children:[(0,u.jsx)("div",{style:{padding:"10px 0"},children:"Awesome AZD Templates is a place for Azure Developer CLI users to discover open-source Azure Developer CLI templates."}),(0,u.jsx)("div",{style:{padding:"10px 0"},children:"Please note that each template is licensed by its respective owner (which may or may not be Microsoft) under the agreement which accompanies the template. It is your responsibility to determine what license applies to any template you choose to use."}),(0,u.jsx)("div",{style:{padding:"10px 0"},children:"Microsoft is not responsible for any non-Microsoft code and does not screen templates included in the Awesome AZD Templates for security, privacy, compatibility, or performance issues."}),(0,u.jsx)("div",{style:{padding:"10px 0"},children:"The templates included in Awesome AZD Templates are not supported by any Microsoft support program or service. Awesome AZD Templates and any Microsoft-provided templates are provided without warranty of any kind."})]})})})]})]})}function X(e){let{tags:t,colorMode:a}=e;const r=t.map((e=>({tag:e,...D.$[e]})));return(0,F.M)(r,(e=>L.PS.indexOf(e.tag))).map(((e,t)=>e.label.includes("Azure")?(0,u.jsxs)("div",{style:{display:"flex",padding:"5px 0"},children:[(0,u.jsx)("div",{className:I.squareColor,style:{height:"40px",width:"40px",float:"left",display:"flex",justifyContent:"center",alignItems:"center"},children:(0,u.jsx)("img",{src:"dark"!=a||null==e.darkModeAzureIcon?(0,s.Z)(e.azureIcon):(0,s.Z)(e.darkModeAzureIcon),alt:"Azure Service Icon",height:20})}),(0,u.jsxs)("div",{style:{float:"right",height:"40px",paddingLeft:"20px"},children:[(0,u.jsx)("div",{className:I.textColor,style:{fontSize:"14px"},children:e.label}),(0,u.jsxs)("div",{style:{display:"flex",alignItems:"center"},children:[(0,u.jsx)("div",{style:{color:"#707070",fontSize:"12px",fontWeight:"400"},children:"Azure Service"}),(0,u.jsx)("div",{style:{color:"#707070",fontSize:"12px",fontWeight:"400",padding:"0 6px"},children:"\u2022"}),(0,u.jsx)("a",{href:e.url,target:"_blank",style:{fontSize:"12px",fontWeight:"400"},className:I.color,children:"Learn More"})]})]})]},t):null))}const $=(0,h.Z)({cardTag:{fontSize:"10px",color:"#606060"},cardFooterQuickUse:{fontSize:"10px",color:"#424242",fontWeight:"600"}}),ee={semanticColors:{bodyBackground:"white",bodyText:"black"}},te={semanticColors:{bodyBackground:"#292929",bodyText:"white"}};function ae(e){let{user:t}=e;const a=$(),i=t.title,o=t.tags,p=t.source,l=(0,s.Z)("/img/Sparkle.svg"),d=(0,s.Z)("/img/Fire.svg");let h="azd init -t "+p.replace("https://github.com/","").toLowerCase();h.includes("azure-samples/")&&(h=h.replace("azure-samples/",""));let j=(0,s.Z)("/img/Community.svg"),I="Community Authored";const D=`{"id":"${i}","cN":"Copy Button (azd init)"}`,{colorMode:L}=(0,P.I)(),[F,{setTrue:M,setFalse:B}]=(0,S.k)(!1);o.includes("msft")&&(j=(0,s.Z)("/img/Microsoft.svg"),I="Microsoft Authored");const N=r.useCallback(((e,t)=>(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)("div",{style:{display:"flex",paddingLeft:"24px",alignItems:"center",flex:"8"},children:[(0,u.jsx)("img",{src:j,alt:"Logo",height:16,style:{margin:"5px 0px",fontWeight:"550"}}),(0,u.jsx)("div",{className:m.headerTextCardPanel,children:I}),o.includes("new")?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("img",{src:l,alt:"Star",height:16,style:{paddingLeft:"10px"}}),(0,u.jsx)("div",{style:{color:"#11910D",fontSize:"10px"},children:"New"})]}):null,o.includes("popular")?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("img",{src:d,alt:"Fire",height:16,style:{paddingLeft:"10px"}}),(0,u.jsx)("div",{style:{color:"#F7630C",fontSize:"10px"},children:"Popular"})]}):null]}),t(e)]})),[]);return(0,u.jsxs)(c.Z,{className:m.card,children:[(0,u.jsx)(g.O,{header:(0,u.jsxs)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",flex:"1"},children:[(0,u.jsx)("img",{src:j,height:16,alt:"logo",className:m.headerLogo}),(0,u.jsx)("div",{className:m.headerText,children:I}),o.includes("new")?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("img",{src:l,alt:"Star",height:16,style:{paddingLeft:"10px"}}),(0,u.jsx)("div",{style:{color:"#11910D",fontWeight:"600",fontSize:"10px"},children:"New"})]}):null,o.includes("popular")?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("img",{src:d,alt:"Fire",height:16,style:{paddingLeft:"10px"}}),(0,u.jsx)("div",{style:{color:"#F7630C",fontWeight:"600",fontSize:"10px"},children:"Popular"})]}):null]})}),(0,u.jsx)(b.f,{className:m.cardBreakLine}),(0,u.jsxs)("div",{style:{display:"flex",flexDirection:"column",position:"relative",maxHeight:"inherit"},children:[(0,u.jsx)(n.r,{className:m.cardTitle,onClick:M,children:i}),(0,u.jsxs)("div",{style:{verticalAlign:"middle",display:"flex",paddingTop:"2px",alignItems:"center",columnGap:"3px",overflow:"hidden"},children:[(0,u.jsx)("div",{className:m.cardTextBy,children:"by"}),(0,u.jsx)(T,{user:t,cardPanel:!1},"author_"+i)]}),(0,u.jsx)("div",{className:m.cardDescription,children:t.description}),(0,u.jsx)(x.f,{theme:"dark"!=L?ee:te,children:(0,u.jsx)(C.s,{headerText:i,isLightDismiss:!0,isOpen:F,onDismiss:B,closeButtonAriaLabel:"Close",type:k.w.medium,onRenderNavigationContent:N,children:(0,u.jsx)(Y,{user:t})})}),(0,u.jsx)("div",{style:{paddingTop:"10px",position:"absolute",bottom:"0px",width:"100%"},children:(0,u.jsx)("div",{className:a.cardTag,style:{display:"flex",overflow:"hidden",gap:"4px",flexFlow:"wrap"},children:(0,u.jsx)(V,{tags:o,moreTag:!0},i)})})]}),(0,u.jsx)(b.f,{className:m.cardBreakLine}),(0,u.jsxs)(A.e,{children:[(0,u.jsx)(v.I,{id:"input_"+i,size:"small",spellCheck:!1,defaultValue:h,className:m.input,placeholder:h}),(0,u.jsxs)(z.J,{trapFocus:!0,withArrow:!0,size:"small",children:[(0,u.jsx)(y.x,{disableButtonEnhancement:!0,children:(0,u.jsx)(f.z,{size:"small",className:m.copyIconButton,onClick:()=>{navigator.clipboard.writeText(h)},"data-m":D,children:(0,u.jsx)("img",{src:(0,s.Z)("/img/Copy.svg"),height:20,alt:"Copy"})})}),(0,u.jsx)(w.o,{style:{padding:"5px",fontSize:"12px"},children:(0,u.jsx)("div",{children:"Copied!"})})]})]})]},i)}const re=r.memo(ae),ie={card:"card_lo1B",text:"text_M4ue",surveyButton:"surveyButton_pNjG",closeButton:"closeButton_PSGk"};var se=a(22),oe=a(7697),ne=a(831),pe=a(3069);const ce="surveyCardDisplay";function ue(){const{colorMode:e}=(0,P.I)();return"undefined"!=typeof window&&localStorage.getItem(ce)?null:(0,u.jsxs)(c.Z,{className:ie.card,appearance:"filled",id:"surveyCard",children:[(0,u.jsx)(se.C,{onClick:()=>function(e){let t=document.getElementById(e);t.style.display="none","undefined"!=typeof window&&localStorage.setItem(ce,t.style.display)}("surveyCard"),size:"small",appearance:"transparent",icon:(0,u.jsx)(oe.E,{src:(0,s.Z)("/img/close.svg"),height:16,width:16,alt:"Close"}),className:ie.closeButton}),(0,u.jsx)(oe.E,{src:"dark"!=e?(0,s.Z)("/img/chatPencil.svg"):(0,s.Z)("/img/chatPencilDark.svg"),alt:"surveyCard",height:128,width:128}),(0,u.jsxs)("div",{className:ie.text,children:[(0,u.jsx)(ne.d,{align:"center",children:"Got a minute? We're all ears!"}),(0,u.jsx)(pe.p,{align:"center",children:"Help us shape the future of our template library by sharing your feedback."})]}),(0,u.jsx)(A.e,{children:(0,u.jsx)(f.z,{appearance:"primary",size:"large",className:ie.surveyButton,onClick:()=>{window.open("https://aka.ms/awesome-azd-survey","_blank")},icon:(0,u.jsx)(oe.E,{src:(0,s.Z)("/img/openLink.svg"),alt:"surveyCard",height:20,width:20}),children:"Take the survey"})})]})}function le(e){let{filteredUsers:t}=e;const a=t?t.length:0;return 0===a?(0,u.jsx)(l,{id:"showcase.usersList.noResult"}):(0,u.jsx)("section",{children:(0,u.jsx)("div",{className:d.Z.showcaseFavorite,children:(0,u.jsx)("div",{className:d.Z.showcaseList,children:t.map(((e,t)=>(0,u.jsx)(r.Fragment,{children:a<6&&t===a-1||4===t?(0,u.jsxs)(r.Fragment,{children:[(0,u.jsx)(r.Fragment,{children:(0,u.jsx)(re,{user:e})},e.title),(0,u.jsx)(r.Fragment,{children:(0,u.jsx)(ue,{})},"fragment_surveyCard")]},"cardWithSurveyCard"):(0,u.jsx)(r.Fragment,{children:(0,u.jsx)(re,{user:e})},e.title)},t)))})})})}},2495:(e,t,a)=>{function r(e,t){const a=[...e];return a.sort(((e,a)=>t(e)>t(a)?1:t(a)>t(e)?-1:0)),a}function i(e,t){const a=e.indexOf(t);if(-1===a)return e.concat(t);const r=[...e];return r.splice(a,1),r}a.d(t,{$:()=>i,M:()=>r})},5812:(e,t,a)=>{a.d(t,{Z:()=>r});const r={checkboxList:"checkboxList_autc",showcaseList:"showcaseList_Cwj2",checkboxListItem:"checkboxListItem_CI1c",cover:"cover_YHbb",searchContainer:"searchContainer_FQjg",searchArea:"searchArea_YqZU",heroBar:"heroBar_x6u6",showcaseFavorite:"showcaseFavorite_HPRp",showcaseHelpWanted:"showcaseHelpWanted_r4aa",helpText:"helpText_Pz8G",showcaseFavoriteHeader:"showcaseFavoriteHeader_hNPk",svgIconFavoriteXs:"svgIconFavoriteXs_Yxtr",svgIconFavorite:"svgIconFavorite_skrm",filterAndCard:"filterAndCard_xQZZ",filter:"filter_VYb7",card:"card_UXd2",load:"load_LPr5",cardLoad:"cardLoad_RfPu",clearAll:"clearAll_dyXO",filterBadge:"filterBadge_kkvc"}}}]); \ No newline at end of file diff --git a/assets/js/121ac934.60ca567b.js b/assets/js/121ac934.60ca567b.js new file mode 100644 index 00000000..fc8c4dac --- /dev/null +++ b/assets/js/121ac934.60ca567b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[526,608],{5666:(e,t,a)=>{a.d(t,{u:()=>b,Z:()=>z});var s=a(7294),r=a(4444),i=a(6136),o=a(6550),n=a(2761),p=a(990);const c={cover:"cover_PdqE",searchContainer:"searchContainer_cMCc",searchArea:"searchArea_alce",heroBar:"heroBar_wuj5",color:"color_F1qy",learnMoreColor:"learnMoreColor_JGfd"};var l=a(9524),u=a(9200),d=a(5893);const h="Template Library",m="An open-source template gallery to get started with Azure.",g="https://aka.ms/azd";var b=null;function A(){if(i.Z.canUseDOM)return{scrollTopPosition:window.scrollY,focusedElementId:document.activeElement?.id}}const v="name";function f(e){return new URLSearchParams(e).get(v)}function y(){const e=(0,o.k6)(),t=(0,o.TH)(),[a,i]=(0,s.useState)(null);return(0,s.useEffect)((()=>{i(f(t.search))}),[t]),b=a,(0,d.jsx)(d.Fragment,{children:(0,d.jsx)(r.R,{styles:{root:{border:"1px solid #D1D1D1",height:"52px",maxWidth:"740px",borderRadius:"4px"},icon:{fontSize:"24px",paddingLeft:"10px"},field:{paddingLeft:"20px",fontSize:"18px"}},id:"filterBar",value:null!=f(t.search)?a:"",placeholder:"Search for an azd template...",onClear:a=>{i(null);const s=new URLSearchParams(t.search);s.delete(v),e.push({...t,search:s.toString(),state:A()})},onChange:a=>{if(!a)return;i(a.currentTarget.value);const s=new URLSearchParams(t.search);s.delete(v),a.currentTarget.value&&s.set(v,a.currentTarget.value),e.push({...t,search:s.toString(),state:A()}),setTimeout((()=>{document.getElementById("searchbar")?.focus()}),0)}})})}function z(){const{colorMode:e}=(0,u.I)();return(0,d.jsxs)("div",{className:c.searchContainer,children:[(0,d.jsx)("img",{src:"dark"!=e?(0,l.Z)("/img/coverBackground.png"):(0,l.Z)("/img/coverBackgroundDark.png"),className:c.cover,onError:e=>{let{currentTarget:t}=e;t.style.display="none"},alt:""}),(0,d.jsx)("div",{className:c.searchArea,children:(0,d.jsxs)("div",{style:{display:"flex",flexDirection:"column"},children:[(0,d.jsx)("h1",{className:c.heroBar,children:(0,d.jsx)(n.x,{size:800,align:"center",weight:"semibold",style:{background:"linear-gradient(90deg, rgb(112.68, 94.63, 239.06) 0%, rgb(41.21, 120.83, 190.19) 100%)",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"},children:h})}),(0,d.jsx)(n.x,{align:"center",size:400,style:{color:"#242424",padding:"10px 0 20px 0"},children:m}),(0,d.jsx)(y,{}),(0,d.jsxs)(n.x,{align:"center",size:300,style:{color:"#242424",paddingTop:"20px"},children:["Each template is a fully working, cloud-ready application deployable with the Azure Developer CLI (azd)."," "]}),(0,d.jsxs)(n.x,{align:"center",size:300,style:{color:"#242424",paddingBottom:"20px"},children:["New to azd? Welcome!",(0,d.jsx)(p.r,{href:g,target:"_blank",style:{paddingLeft:"3px"},className:c.learnMoreColor,children:"Learn more in our docs."})]})]})})]})}},7190:(e,t,a)=>{a.d(t,{$:()=>s});const s={msft:{label:"Microsoft Authored",description:"This tag is used for Microsoft azd templates."},community:{label:"Community Authored",description:"This tag is used for community templates."},new:{label:"New",description:"This tag is used for new templates."},popular:{label:"Popular",description:"This tag is used for popular templates."},build2024:{label:"Build 2024 Collection",description:"This tag is used for templates included in the Microsoft Build 2024 conference collection."},javascript:{label:"JavaScript",description:"Template contains JavaScript app code",type:"Language"},typescript:{label:"TypeScript",description:"Template contains TypeScript app code",type:"Language"},dotnetCsharp:{label:".NET/C#",description:"Template contains .NET and/or C# app code",type:"Language"},java:{label:"Java",description:"Template contains Java app code",type:"Language"},python:{label:"Python",description:"Template contains Python app code",type:"Language"},nodejs:{label:"Node.js",description:"Template architecture uses Node.js",type:"Language"},php:{label:"PHP",description:"Template architecture uses PHP",type:"Language"},ruby:{label:"Ruby",description:"Template architecture uses Ruby",type:"Language"},reactjs:{label:"React.js",description:"Template architecture uses React.js",type:"Tools"},sap:{label:"SAP",description:"Template architecture uses Systems Applications and Products in data processing (SAP)",type:"Tools"},sapcloudsdk:{label:"SAP Cloud SDK",description:"Template architecture uses SAP Cloud SDK",type:"Tools"},sapcap:{label:"SAP CAP",description:"Template architecture uses SAP Cloud Application Programming Model",type:"Tools"},thymeleaf:{label:"Thymeleaf",description:"Template architecture uses Thymeleaf template engine",type:"Tools"},"dall-e":{label:"Dall-E",description:"Template architecture uses Dall-E",type:"Tools"},jupyter:{label:"Jupyter Notebooks",description:"Template architecture uses Jupyter Notebooks",type:"Tools"},keda:{label:"KEDA",description:"Template architecture uses Kubernetes Event Driven Autoscaling (KEDA)",type:"Tools"},dapr:{label:"Dapr",description:"Template architecture uses Distributed Application Runtime (dapr)",type:"Tools"},webcomponents:{label:"Web Components",description:"Template architecture uses Web Components",type:"Tools"},helm:{label:"Helm",description:"Template architecture uses Helm",type:"Tools"},gpt:{label:"GPT",description:"Template architecture uses GPT AI model",type:"Tools"},msal:{label:"Microsoft Authentication Library",description:"Template architecture uses Microsoft Authentication Library",type:"Tools"},bicep:{label:"Bicep",description:"Template uses Bicep for Infra as Code",type:"Infrastructure as Code"},terraform:{label:"Terraform",description:"Template uses Terraform for Infra as Code",type:"Infrastructure as Code"},mongodb:{label:"MongoDB",description:"Template architecture uses MongoDB",type:"Database"},prometheus:{label:"Prometheus",description:"Template architecture uses Prometheus",type:"Database"},pinecone:{label:"Pinecone",description:"Template architecture uses Pinecone",type:"Database"},fastapi:{label:"FastAPI",description:"Template architecture uses FastAPI web framework",type:"Framework"},flask:{label:"Flask",description:"Template architecture uses Flask web framework",type:"Framework"},django:{label:"Django",description:"Template architecture uses Django web framework",type:"Framework"},nestjs:{label:"NestJS",description:"Template architecture uses NestJS framework",type:"Framework"},spring:{label:"Spring",description:"Template architecture uses Spring framework",type:"Framework"},streamlit:{label:"Streamlit",description:"Template architecture uses Streamlit library",type:"Framework"},semantickernel:{label:"Semantic Kernel",description:"Template architecture uses Semantic Kernel",type:"Framework"},microfrontend:{label:"Micro Frontend",description:"Template architecture uses Micro Frontend",type:"Framework"},blazor:{label:"Blazor",description:"Template architecture uses Blazor",type:"Framework"},rubyonrails:{label:"Ruby on Rails",description:"Template architecture uses Ruby on Rails web application framework",type:"Framework"},langchain:{label:"LangChain",description:"Template architecture uses LangChain framework",type:"Framework"},nextjs:{label:"Next.js",description:"Template architecture uses Next.js framework",type:"Framework"},kubernetes:{label:"Kubernetes",description:"Template architecture uses Kubernetes",type:"Platform"},angular:{label:"Angular",description:"Template architecture uses Angular",type:"Platform"},dataverse:{label:"Dataverse",description:"Template architecture uses Microsoft Dataverse",type:"Service"},webapps:{label:"Web Apps",description:"Template architecture uses Web Apps",type:"Service"},serverlessapi:{label:"Serverless API",description:"Template architecture uses Serverless API",type:"Service"},appinsights:{label:"Azure Application Insights",description:"Template architecture uses Azure Application Insights",azureIcon:"./img/Azure-Application-Insights.svg",url:"https://learn.microsoft.com/azure/azure-monitor/app/app-insights-overview",type:"Service"},loganalytics:{label:"Azure Log Analytics",description:"Template architecture uses Azure Log Analytics",azureIcon:"./img/Azure-Log-Analytics.svg",url:"https://learn.microsoft.com/azure/azure-monitor/logs/log-analytics-overview",type:"Service"},appservice:{label:"Azure App Service",description:"Template architecture uses Azure App Service",azureIcon:"./img/Azure-App-Service.svg",url:"https://azure.microsoft.com/products/app-service",type:"Service"},monitor:{label:"Azure Monitor",description:"Template architecture uses Azure Monitor Service",azureIcon:"./img/Azure-Monitor.svg",url:"https://azure.microsoft.com/products/monitor",type:"Service"},keyvault:{label:"Azure Key Vault",description:"Template architecture uses Azure Key Vault",azureIcon:"./img/Azure-Key-Vault.svg",url:"https://azure.microsoft.com/products/key-vault",type:"Service"},aca:{label:"Azure Container Apps",description:"Template architecture uses Azure Container Apps",azureIcon:"./img/Azure-Container-Apps.svg",url:"https://azure.microsoft.com/products/container-apps",type:"Service"},cosmosdb:{label:"Azure CosmosDB",description:"Template architecture uses Azure CosmosDB",azureIcon:"./img/Azure-Cosmos-DB.svg",url:"https://azure.microsoft.com/products/cosmos-db/",type:"Service"},functions:{label:"Azure Functions",description:"Template architecture uses Azure Functions",azureIcon:"./img/Azure-Function.svg",url:"https://azure.microsoft.com/products/functions",type:"Service"},blobstorage:{label:"Azure Blob Storage",description:"Template architecture uses Azure Blob Storage",azureIcon:"./img/Azure-Storage.svg",url:"https://azure.microsoft.com/products/storage/blobs",type:"Service"},azuresql:{label:"Azure SQL",description:"Template architecture uses Azure SQL",azureIcon:"./img/Azure-SQL.svg",url:"https://azure.microsoft.com/products/azure-sql/database",type:"Database"},"azuredb-postgreSQL":{label:"Azure PostgreSQL",description:"Template architecture uses Azure Database for PostgreSQL",azureIcon:"./img/Azure-PostgreSQL.svg",url:"https://azure.microsoft.com/products/postgresql",type:"Database"},"azuredb-mySQL":{label:"Azure MySQL",description:"Template architecture uses Azure Database for MySQL",azureIcon:"./img/Azure-MySQL.svg",url:"https://azure.microsoft.com/products/mysql",type:"Database"},swa:{label:"Azure Static Web Apps",description:"Template architecture uses Azure Static Web Apps",azureIcon:"./img/Azure-Static-Web-Apps.svg",url:"https://azure.microsoft.com/products/app-service/static",type:"Service"},servicebus:{label:"Azure Service Bus",description:"Template architecture uses Azure Service Bus",azureIcon:"./img/Azure-Service-Bus.svg",url:"https://azure.microsoft.com/products/service-bus",type:"Service"},vnets:{label:"Azure Virtual Networks (VNET)",description:"Template architecture uses Azure Virtual Networks",azureIcon:"./img/Azure-Virtual-Networks.svg",url:"https://azure.microsoft.com/products/virtual-network",type:"Service"},aisearch:{label:"Azure AI Search",description:"Template architecture uses Azure AI Search",azureIcon:"./img/Azure-AI-Search.svg",url:"https://azure.microsoft.com/products/ai-services/ai-search",type:"Service"},openai:{label:"Azure OpenAI Service",description:"Template architecture uses Azure OpenAI Service",azureIcon:"./img/Azure-OpenAI-Service.svg",darkModeAzureIcon:"./img/Azure-OpenAI-Service-white.svg",url:"https://azure.microsoft.com/products/ai-services/openai-service",type:"Service"},azureai:{label:"Azure AI Service",description:"Template architecture uses Azure AI Service",azureIcon:"./img/Azure-AI-Service.svg",url:"https://azure.microsoft.com/solutions/ai",type:"Service"},apim:{label:"Azure API Management",description:"Template architecture uses Azure API Management",azureIcon:"./img/Azure-API-Management.svg",url:"https://azure.microsoft.com/products/api-management",type:"Service"},aks:{label:"Azure Kubernetes Service",description:"Template architecture uses Azure Kubernetes Service",azureIcon:"./img/Azure-Kubernetes-Service.svg",url:"https://azure.microsoft.com/products/kubernetes-service",type:"Service"},azurecdn:{label:"Azure Content Delivery Network",description:"Template architecture uses Azure Content Delivery Network",azureIcon:"./img/Azure-Front-Door-And-CDN.svg",url:"https://azure.microsoft.com/products/cdn",type:"Service"},frontdoor:{label:"Azure Front Door",description:"Template architecture uses Azure Front Door",azureIcon:"./img/Azure-Front-Door-And-CDN.svg",url:"https://azure.microsoft.com/products/frontdoor",type:"Service"},grafana:{label:"Azure Managed Grafana",description:"Template architecture uses Azure Managed Grafana",azureIcon:"./img/Azure-Managed-Grafana.svg",url:"https://azure.microsoft.com/products/managed-grafana",type:"Service"},azurespringapps:{label:"Azure Spring Apps",description:"Template architecture uses Azure Spring Apps",azureIcon:"./img/Azure-Spring-Apps.svg",url:"https://azure.microsoft.com/products/spring-apps",type:"Service"},rediscache:{label:"Azure Cache for Redis",description:"Template architecture uses Azure Cache for Redis",azureIcon:"./img/Azure-Cache-for-Redis.svg",url:"https://azure.microsoft.com/products/cache",type:"Service"},agw:{label:"Azure Application Gateway",description:"Template architecture uses Azure Application Gateway",azureIcon:"./img/Azure-Application-Gateway.svg",url:"https://azure.microsoft.com/products/application-gateway",type:"Service"},azurebot:{label:"Azure AI Bot Service",description:"Template architecture uses Azure AI Bot Service",azureIcon:"./img/Azure-AI-Bot-Services.svg",url:"https://azure.microsoft.com/products/ai-services/ai-bot-service",type:"Service"},ade:{label:"Azure Deployment Environments",description:"Template architecture uses Azure Deployment Environments",azureIcon:"./img/Azure-Deployment-Environments.svg",url:"https://azure.microsoft.com/products/deployment-environments",type:"Service"},eventhub:{label:"Azure Event Hubs",description:"Template architecture uses Azure Event Hubs",azureIcon:"./img/Azure-Event-Hubs.svg",url:"https://azure.microsoft.com/products/event-hubs",type:"Service"},azurestorage:{label:"Azure Storage",description:"Template architecture uses Azure Storage",azureIcon:"./img/Azure-Storage.svg",url:"https://azure.microsoft.com/products/storage",type:"Service"},azureappconfig:{label:"Azure App Configuration",description:"Template architecture uses Azure App Configuration",azureIcon:"./img/Azure-App-Configuration.svg",url:"https://azure.microsoft.com/products/app-configuration",type:"Service"},aistudio:{label:"Azure AI Studio",description:"Template architecture uses Azure AI Studio",azureIcon:"./img/Azure-AI-Studio.svg",url:"https://azure.microsoft.com/products/ai-studio",type:"Service"},apicenter:{label:"Azure API Center",description:"Template architecture uses Azure API Center",azureIcon:"./img/Azure-API-Center.svg",url:"https://learn.microsoft.com/azure/api-center/overview",type:"Service"},eventgrid:{label:"Azure Event Grid",description:"Template architecture uses Azure Event Grid",azureIcon:"./img/Azure-Event-Grid.svg",url:"https://learn.microsoft.com/azure/event-grid/overview",type:"Service"},diagnosticsettings:{label:"Azure Diagnostic Settings",description:"Template architecture uses Azure Diagnostic Settings",azureIcon:"./img/Azure-Diagnostic-Settings.svg",url:"https://learn.microsoft.com/azure/azure-monitor/essentials/diagnostic-settings",type:"Service"},logicapps:{label:"Azure Logic Apps",description:"Template architecture uses Azure Logic Apps",azureIcon:"./img/Azure-Logic-Apps.svg",url:"https://learn.microsoft.com/azure/logic-apps/logic-apps-overview",type:"Service"},managedidentity:{label:"Azure Managed Identities",description:"Template architecture uses Azure Managed Identities",azureIcon:"./img/Azure-Managed-Identities.svg",url:"https://learn.microsoft.com/entra/identity/managed-identities-azure-resources/overview",type:"Service"},serviceprincipal:{label:"Azure Service Principal",description:"Template architecture uses Azure Service Principal",azureIcon:"./img/Azure-Service-Principal.svg",url:"https://learn.microsoft.com/entra/identity-platform/app-objects-and-service-principals",type:"Service"},azuredatafactory:{label:"Azure Data Factory",description:"Template architecture uses Azure Data Factory",azureIcon:"./img/Azure-Data-Factory.svg",url:"https://learn.microsoft.com/azure/data-factory/introduction",type:"Service"},datascience:{label:"Data Science",description:"Template architecture involves Data Science",type:"Topic"},enterprisepatterns:{label:"Enterprise App Patterns",description:"Template architecture involves Enterprise Application Patterns",type:"Topic"},ai:{label:"Artificial Intelligence",description:"Template architecture involves Artificial Intelligence",type:"Topic"},platformengineering:{label:"Platform Engineering",description:"Template architecture involves Platform Engineering",type:"Topic"}}},6114:(e,t,a)=>{a.d(t,{PS:()=>o,_J:()=>n,xc:()=>i});var s=a(2495),r=a(7190);const i=JSON.parse('[{"title":"Starter - Bicep","description":"A starter template with Bicep as infrastructure provider","preview":"./templates/images/test.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/azd-starter-bicep","tags":["bicep","msft"]},{"title":"Starter - Terraform","description":"A starter template with Terraform as infrastructure provider","preview":"./templates/images/test.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/azd-starter-terraform","tags":["terraform","msft"]},{"title":"WordPress with Azure Container Apps","description":"A blueprint to easily and quickly create and deploy your first scalable and secure WordPress site to Azure, leveraging Azure Container Apps with Azure Database for MariaDb.","preview":"./templates/images/apptemplate-wordpress-on-ACA.png","website":"https://github.com/kpantos","author":"Konstantinos Pantos","source":"https://github.com/Azure-Samples/apptemplate-wordpress-on-ACA","tags":["php","javascript","aca","agw","rediscache","monitor","keyvault","bicep","msft"]},{"title":"React Web App with C# API and MongoDB","description":"A blueprint for getting a React web app with a C# API and a MongoDB database on Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly.","preview":"./templates/images/todo-csharp.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-csharp-cosmos-sql","tags":["dotnetCsharp","typescript","javascript","appservice","cosmosdb","mongodb","monitor","keyvault","reactjs","bicep","msft"]},{"title":"Rock, Paper, Orleans (RPO) - Distributed .NET","description":"Rock, Paper, Orleans (RPO) is a game built using dotnet, Orleans, and runs in Azure.The idea behind RPO is that you write a \\"player bot\\" in which you implement your player logic.","preview":"./templates/images/rock-paper-orleans.png","website":"https://rockpaperorleans.net/","author":"Brady Gaster","source":"https://github.com/bradygaster/RockPaperOrleans","tags":["dotnetCsharp","cosmosdb","aca","bicep","community"]},{"title":"Scalable Django on Azure App Service","description":"Deploy your Django web application with Microsoft Azure, for scale, using a cloud architecture with integrated monitoring and load testing.","preview":"./templates/images/pycon-django.png","website":"https://github.com/tonybaloney","author":"Anthony Shaw","source":"https://github.com/tonybaloney/django-on-azure","tags":["django","python","azuredb-postgreSQL","webapps","vnets","bicep","community"]},{"title":"React Web App with Node.js API and MongoDB","description":"A blueprint for getting a React web app with a Node.js API and a MongoDB database on Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly. This architecture is for hosting web apps and APIs without worrying about the infrastructure.","preview":"./templates/images/todo-nodejs-mongo.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-nodejs-mongo","tags":["bicep","nodejs","typescript","javascript","appservice","cosmosdb","monitor","keyvault","mongodb","reactjs","msft"]},{"title":"Static React Web App + Functions with Node.js API and MongoDB","description":"A blueprint for getting a React web app with a Node.js API and a MongoDB database on Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly. This architecture is for hosting static web apps with serverless logic and functionality.","preview":"./templates/images/todo-nodejs-mongo-swa-func.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-nodejs-mongo-swa-func","tags":["bicep","swa","functions","nodejs","typescript","javascript","cosmosdb","monitor","keyvault","mongodb","reactjs","appservice","msft"]},{"title":"Static React Web App + Functions with Python API and MongoDB","description":"A blueprint for getting a React.js web app with Python (FastAPI) API and a MongoDB API in Cosmos database onto Azure. The frontend, currently a ToDo application, is designed as a placeholder that can easily be removed and replaced with your own frontend code. This architecture is for hosting static web apps with serverless logic and functionality.","preview":"./templates/images/todo-python-mongo-swa-func.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-python-mongo-swa-func","tags":["bicep","swa","functions","python","typescript","javascript","cosmosdb","monitor","keyvault","mongodb","reactjs","appservice","fastapi","msft"]},{"title":"React Web App with Python API and MongoDB - Terraform","description":"A blueprint for getting a React.js web app with Python (FastAPI) API and a MongoDB API in Cosmos database onto Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Terraform) to get up and running quickly. This architecture is for hosting web apps and APIs without worrying about the infrastructure.","preview":"./templates/images/todo-python-terraform.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-python-mongo-terraform","tags":["python","typescript","javascript","cosmosdb","mongodb","monitor","keyvault","reactjs","terraform","appservice","fastapi","msft"]},{"title":"React Web App with Node.js API and MongoDB - Terraform","description":"A blueprint for getting a React web app with a Node.js API and a MongoDB database on Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Terraform) to get up and running quickly. This architecture is for hosting web apps and APIs without worrying about the infrastructure.","preview":"./templates/images/todo-nodejs-mongo-terraform.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-nodejs-mongo-terraform","tags":["nodejs","typescript","javascript","cosmosdb","mongodb","monitor","keyvault","reactjs","terraform","appservice","msft"]},{"title":"React Web App with Python API and MongoDB","description":"A blueprint for getting a React.js web app with Python (FastAPI) API and a MongoDB API in Cosmos database onto Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly. This architecture is for hosting web apps and APIs without worrying about the infrastructure.","preview":"./templates/images/todo-python.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-python-mongo","tags":["bicep","python","typescript","javascript","appservice","cosmosdb","monitor","keyvault","mongodb","reactjs","fastapi","msft"]},{"title":"Containerized React Web App with Node.js API and MongoDB","description":"A blueprint for getting a React web app with a Node.js API and a MongoDB database onto Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly. This architecture is for running containerized apps or microservices on a serverless platform This architecture is for running containerized microservices without managing the servers.","preview":"./templates/images/todo-node-aca.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-nodejs-mongo-aca","tags":["bicep","nodejs","typescript","javascript","appservice","cosmosdb","monitor","keyvault","mongodb","reactjs","aca","msft"]},{"title":"Containerized React Web App with Python API and MongoDB","description":"A blueprint for getting a React.js web app with Python (FastAPI) API and a MongoDB API in Cosmos database onto Azure. The frontend, currently a ToDo application, is designed as a placeholder that can easily be removed and replaced with your own frontend code. This architecture is for running containerized apps or microservices on a serverless platform.","preview":"./templates/images/todo-python-aca.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-python-mongo-aca","tags":["bicep","python","typescript","javascript","aca","cosmosdb","monitor","keyvault","mongodb","reactjs","fastapi","msft"]},{"title":"React Web App with C# API and SQL Database ","description":"A blueprint for getting a React web app with a C# API and a SQL database on Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly.","preview":"./templates/images/todo-csharp-sql.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-csharp-sql","tags":["bicep","dotnetCsharp","typescript","javascript","appservice","azuresql","monitor","keyvault","mongodb","reactjs","msft"]},{"title":"React Web App with Java API and MongoDB ","description":"A blueprint for getting a React.js web app with a Java API and a MongoDB database on Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly. This architecture is for hosting web apps and APIs without worrying about the infrastructure.","preview":"./templates/images/todo-java-mongo.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-java-mongo","tags":["bicep","java","typescript","appservice","cosmosdb","keyvault","monitor","mongodb","reactjs","msft"]},{"title":"Containerized React Web App with Java API and MongoDB","description":"A blueprint for getting a React web app with a Java API and a MongoDB database on Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly. This architecture is for running containerized apps or microservices on a serverless platform.","preview":"./templates/images/todo-java-mongo-aca.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-java-mongo-aca","tags":["bicep","java","typescript","appservice","cosmosdb","keyvault","monitor","mongodb","reactjs","msft"]},{"title":"Static React Web App + Functions with C# API and SQL Database","description":"A blueprint for getting a React web app with a C# API and a SQL database on Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly. This architecture is for hosting static web apps with serverless logic and functionality.","preview":"./templates/images/todo-csharp-sql-swa-func.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-csharp-sql-swa-func","tags":["bicep","swa","functions","dotnetCsharp","typescript","javascript","monitor","keyvault","reactjs","appservice","azuresql","msft"]},{"title":"Kubernetes React Web App with Node.js API and MongoDB","description":"A blueprint for getting a React.js web app with a Node.js API and a MongoDB database on Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly. This architecture is for running Kubernetes clusters without setting up the control plane.","preview":"./templates/images/todo-nodejs-mongo-aks.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-nodejs-mongo-aks","tags":["bicep","nodejs","typescript","javascript","mongodb","monitor","keyvault","reactjs","appservice","cosmosdb","aks","msft"]},{"title":"Static React Web App with Java API and PostgreSQL","description":"A blueprint for getting a React web app with a Java API and a Azure Database for PostgreSQL - Flexible Server on Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly. This architecture is for hosting web apps and APIs without worrying about the infrastructure.","preview":"./templates/images/todo-java-postgres-asa.png","website":"https://github.com/Azure-Samples/","author":"Yi Liu","source":"https://github.com/Azure-Samples/ASA-Samples-Web-Application","tags":["bicep","java","nodejs","spring","webapps","azurespringapps","azuredb-postgreSQL","msft"]},{"title":"ChatGPT + Enterprise Data with Azure OpenAI and AI Search","description":"A sample app for the Retrieval-Augmented Generation pattern running in Azure, using Azure AI Search for retrieval and Azure OpenAI large language models to power ChatGPT-style and Q&A experiences.","preview":"./templates/images/chatgpt-enterprise-dotnet.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/azure-search-openai-demo-csharp","tags":["bicep","dotnetCsharp","aks","kubernetes","aca","aisearch","openai","gpt","rediscache","ai","msft","popular"]},{"title":"Simple Chat Application using Azure OpenAI","description":"A sample chat app that uses Python and the Flask framework to stream ChatGPT completions as server-sent events to a simple frontend.","preview":"./templates/images/simplechat-azureopenai.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/chatgpt-quickstart","tags":["bicep","python","openai","gpt","ai","flask","aca","msft"]},{"title":"Spring ChatGPT Application using Azure OpenAI on Azure Spring Apps","description":"A sample that uses Java Spring framework to build ChatGPT-style application running in Azure Spring Apps.","preview":"./templates/images/asa-chatgpt.png","website":"https://github.com/Azure-Samples","author":"Yi Liu","source":"https://github.com/Azure-Samples/spring-chatgpt-sample","tags":["bicep","java","openai","gpt","ai","blobstorage","azurespringapps","msft"]},{"title":"Enterprise-Grade Reference Architecture for JavaScript","description":"A reference architecture and components for building enterprise-grade modern composable frontends (or micro-frontends) and cloud-native applications. It is a collection of best practices, architecture patterns, and functional components that can be used to build and deploy modern JavaScript applications to Azure.","preview":"./templates/images/enterprise-grade-reference-architecture-for-javascript.png","website":"https://github.com/Azure-Samples, https://github.com/anfibiacreativa","author":"JavaScript Advocacy Team, Natalia Venditto","source":"https://github.com/Azure-Samples/contoso-real-estate","tags":["bicep","javascript","swa","aca","keyvault","blobstorage","azuredb-postgreSQL","cosmosdb","apim","enterprisepatterns","msft","popular"]},{"title":"Python (Django) Web App with PostgreSQL in VNet","description":"A restaurants review web app that uses whitenoise for static assets and PostgreSQL for the database. Ready for deployment on App Service with a PostgreSQL Flexible Server inside a VNet.","preview":"./templates/images/msdocs-django-postgresql-sample-app.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/msdocs-django-postgresql-sample-app","tags":["python","django","webapps","azuredb-postgreSQL","appservice","vnets","msft","popular"]},{"title":"Python (Django) Web App with PostgreSQL via Azure Container Apps","description":"A space tourism web app that uses PostgreSQL for the database. The web app is containerize and deploy with Azure Container Apps with secrets managed by Azure Key Vault","preview":"./templates/images/azure-django-postgres-aca.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/azure-django-postgres-aca","tags":["python","django","aca","azuredb-postgreSQL","bicep","msft"]},{"title":"Python (Flask) Web App with PostgreSQL in VNet","description":"A restaurants review web app with a PostgreSQL database, written in the Python Flask framework plus SQL-Alchemy plus Alembic for database interactions. Ready for deployment on App Service with a PostgreSQL Flexible Server inside a VNet.","preview":"./templates/images/msdocs-flask-postgresql-sample-app.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/msdocs-flask-postgresql-sample-app","tags":["python","webapps","azuredb-postgreSQL","appservice","vnets","flask","msft","popular"]},{"title":"Microservices App - Dapr PubSub C# ACA ServiceBus","description":"A complete microservice application featuring Dapr Pub-Sub, deployed to Azure Container Apps and Azure Service Bus Topics with dead-lettering support.","preview":"./templates/images/test.png","website":"https://github.com/Azure/azure-dev","author":"Azure Content Team","source":"https://github.com/Azure-Samples/pubsub-dapr-csharp-servicebus","tags":["bicep","dotnetCsharp","aca","dapr","servicebus","msft"]},{"title":"Microservices App - Dapr PubSub Python ACA ServiceBus","description":"A complete microservice application featuring Dapr Pub-Sub, deployed to Azure Container Apps and Azure Service Bus Topics with dead-lettering support.","preview":"./templates/images/test.png","website":"https://github.com/Azure/azure-dev","author":"Azure Content Team","source":"https://github.com/Azure-Samples/pubsub-dapr-python-servicebus","tags":["bicep","python","aca","dapr","servicebus","msft"]},{"title":"Microservices App - Dapr PubSub Node.js ACA ServiceBus","description":"A complete microservice application featuring Dapr Pub-Sub, deployed to Azure Container Apps and Azure Service Bus Topics with dead-lettering support.","preview":"./templates/images/test.png","website":"https://github.com/Azure/azure-dev","author":"Azure Content Team","source":"https://github.com/Azure-Samples/pubsub-dapr-nodejs-servicebus","tags":["bicep","javascript","nodejs","aca","dapr","servicebus","msft"]},{"title":"Microservices App - Dapr Bindings Cron C# ACA PostgreSQL","description":"Create microservice to demonstrate Dapr\'s bindings API to work with external systems as inputs and outputs. The service listens to input binding events from a system CRON and then outputs the contents of local data to a PostgreSQL output binding.","preview":"./templates/images/bindings-dapr-cron-postgres.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/bindings-dapr-csharp-cron-postgres","tags":["dapr","dotnetCsharp","azuredb-postgreSQL","aca","msft"]},{"title":"Microservices App - Dapr Bindings Cron Python ACA PostgreSQL","description":"Create a microservice app to demonstrate Dapr\'s bindings API to work with external systems as inputs and outputs. The service listens to input binding events from a system CRON and then outputs the contents of local data to a postgreSQL output binding.","preview":"./templates/images/bindings-dapr-cron-postgres.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/bindings-dapr-python-cron-postgres","tags":["dapr","python","azuredb-postgreSQL","aca","msft"]},{"title":"Microservices App - Dapr Bindings Cron Node.js ACA PostgreSQL","description":"Create a microservice app to demonstrate Dapr\'s bindings API to work with external systems as inputs and outputs. The service listens to input binding events from a system CRON and then outputs the contents of local data to a postgreSQL output binding.","preview":"./templates/images/bindings-dapr-cron-postgres.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/bindings-dapr-nodejs-cron-postgres","tags":["dapr","nodejs","azuredb-postgreSQL","javascript","aca","msft"]},{"title":"Microservices App - Dapr Service Invoke Node.js ACA","description":"Create two microservices that communicate using Dapr\'s Service Invocation API. The Service Invocation API enables your applications to communicate reliably and securely by leveraging auto-mTLS and built-in retries.","preview":"./templates/images/svc-invoke-dapr.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/svc-invoke-dapr-nodejs","tags":["dapr","nodejs","aca","msft"]},{"title":"Microservices App - Dapr Service Invoke Python ACA","description":"Create two microservices that communicate using Dapr\'s Service Invocation API. The Service Invocation API enables your applications to communicate reliably and securely by leveraging auto-mTLS and built-in retries.","preview":"./templates/images/svc-invoke-dapr.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/svc-invoke-dapr-python","tags":["dapr","python","aca","msft"]},{"title":"Microservices App - Dapr Service Invoke C# ACA","description":"Create two microservices that communicate using Dapr\'s Service Invocation API. The Service Invocation API enables your applications to communicate reliably and securely by leveraging auto-mTLS and built-in retries.","preview":"./templates/images/svc-invoke-dapr.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/svc-invoke-dapr-csharp","tags":["dapr","dotnetCsharp","aca","msft"]},{"title":"ChatGPT + Enterprise data with Azure OpenAI and AI Search","description":"A sample app for the Retrieval-Augmented Generation pattern running in Azure, using Azure AI Search for retrieval and Azure OpenAI large language models to power ChatGPT-style and Q&A experiences.","preview":"./templates/images/azure-search-openai-demo-appcomponents.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/azure-search-openai-demo","tags":["openai","gpt","aisearch","python","typescript","bicep","nodejs","ai","msft","popular","blobstorage","appservice","build2024"]},{"title":"FastAPI on Azure Functions","description":"A simple FastAPI app deployed to Azure Functions. Can also be run and debugged locally with the Azure Functions Core Tool emulator.","preview":"./templates/images/fastapi-on-azure-functions.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/fastapi-on-azure-functions","tags":["python","fastapi","functions","msft"]},{"title":"Spring PetClinic - Java Spring MySQL","description":"Spring PetClinic application using a set of Azure solutions. Azure App Service for app hosting, Azure Database for MySQL for storage, Azure Key Vault for securing secret and Azure Application Insights for monitoring and logging.","preview":"./templates/images/spring-petclinic-java-mysql.png","website":"https://github.com/wangmingliang-ms","author":"Miller Wang","source":"https://github.com/Azure-Samples/spring-petclinic-java-mysql","tags":["java","appservice","azuresql","monitor","keyvault","appinsights","bicep","spring","thymeleaf","msft"]},{"title":"Event Driven Java Application with Azure Service Bus on Azure Spring Apps","description":"A complete event-driven application that includes everything you need to build, deploy, and monitor an Azure solution. ","preview":"./templates/images/event-driven-spring-apps.png","website":"https://github.com/Azure-Samples/","author":"Azure Content Team","source":"https://github.com/Azure-Samples/ASA-Samples-Event-Driven-Application","tags":["java","servicebus","monitor","keyvault","azurespringapps","bicep","spring","msft"]},{"title":"SAP Cloud SDK on Azure App Service Quickstart (TypeScript)","description":"This repos serves as quick-start project showcasing SAP Cloud SDK for JavaScript OData consumption running on Azure App Services. Its primary purpose is to set you up for success for your SAP extension project on Azure and reduce the lead time to your first successful deployment as much as possible with developer friendly commands.","preview":"./templates/images/app-service-javascript-sap-cloud-sdk-quickstart.png","website":"https://github.com/MartinPankraz, https://github.com/lechnerc77","author":"Martin Pankraz, Christian Lechner","source":"https://github.com/Azure-Samples/app-service-javascript-sap-cloud-sdk-quickstart","tags":["typescript","nodejs","bicep","webapps","apim","keyvault","appinsights","nestjs","sap","sapcloudsdk","msft"]},{"title":"Service Bus messages processing to Dataverse","description":"Starter solution to process Service Bus messages to Dataverse, C# for the Azure Functions app processing the messages, Azure Service Bus for the reception of the messages, and Azure Monitor for monitoring and logging.","preview":"./templates/images/servicebus-csharp-function-dataverse.jpg","website":"https://github.com/rpothin","author":"Raphael Pothin","source":"https://github.com/rpothin/servicebus-csharp-function-dataverse","tags":["dotnetCsharp","functions","servicebus","monitor","keyvault","dataverse","community"]},{"title":"Simple Flask AZD","description":"A tiny, no-frills, template to deploy Python\'s Flask web framework to Azure App Service in the free tier.","preview":"./templates/images/simple-flask-azd.png","website":"https://github.com/tonybaloney","author":"Anthony Shaw","source":"https://github.com/tonybaloney/simple-flask-azd","tags":["python","appservice","flask","community"]},{"title":"Azure Functions - Text Summarization using AI Cognitive Language Service (C#-Isolated)","description":"This sample shows how to take text documents as a input via BlobTrigger, does Text Summarization processing using the AI Congnitive Language service, and then outputs to another text document using BlobOutput binding.","preview":"./templates/images/test.png","website":"https://github.com/Azure-Samples","author":"Paul Yuknewicz","source":"https://github.com/Azure-Samples/function-csharp-ai-textsummarize","tags":["functions","aisearch","dotnetCsharp","azureai","ai","msft"]},{"title":"Azure Functions - Text Summarization using AI Cognitive Language Service (Python v2 Function)","description":"This sample shows how to take text documents as a input via BlobTrigger, does Text Summarization processing using the AI Congnitive Language service, and then outputs to another text document using BlobOutput binding.","preview":"./templates/images/test.png","website":"https://github.com/Azure-Samples","author":"Paul Yuknewicz","source":"https://github.com/Azure-Samples/function-python-ai-textsummarize","tags":["functions","aisearch","python","azureai","ai","msft"]},{"title":"Flask Container with CDN","description":"A simple photos website written with Python Flask and Bootstrap. Can be run locally with Docker and then deployed to Azure Container Apps with an Azure CDN in front.","preview":"./templates/images/flask-cdn-container-app.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/pamelafox/flask-gallery-container-app","tags":["python","flask","webapps","aca","azurecdn","community"]},{"title":"Flask Surveys Container App","description":"A survey app written with the Python Flask framework which uses Flask-SQLAlchemy with a PostgreSQL database. Can be developed locally with Docker Compose and then deployed to Azure Container Apps (using KeyVault SDK for Flask secrets).","preview":"./templates/images/flask-surveys-container-app.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/pamelafox/flask-surveys-container-app","tags":["python","flask","keyvault","aca","webapps","azuredb-postgreSQL","community"]},{"title":"Flask API on Azure Container Apps","description":"A simple JSON API using the Python Flask framework, designed for deployment on Azure Container Apps.","preview":"./templates/images/simple-flask-api-container.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/pamelafox/simple-flask-api-container","tags":["python","bicep","aca","flask","community"]},{"title":"FastAPI with API Management","description":"A FastAPI app deployed as a secured Azure Function with an API Management Policy in front, set up such that API calls require a subscription key but auto-generated documentation is publicly viewable. Project also includes 100% test coverage with Pytest plus a development workflow with ruff, isort, and black.","preview":"./templates/images/fastapi-azure-function-apim.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/pamelafox/fastapi-azure-function-apim","tags":["python","fastapi","functions","apim","community"]},{"title":"Flask Chart API on ACA and CDN","description":"A Charts API that renders PNGs of bar and pie charts, built with Python Flask, APIFlask, and matplotlib. Can be run locally with Docker and then deployed to Azure Container Apps with an Azure CDN in front.","preview":"./templates/images/flask-cdn-container-app.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/pamelafox/flask-charts-api-container-app","tags":["python","flask","webapps","aca","azurecdn","community"]},{"title":"Static Maps API Function and CDN","description":"A FastAPI app that renders map images for the given location. Deployed as a secured Azure function with an Azure CDN in front for caching.","preview":"./templates/images/staticmaps-function.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/pamelafox/staticmaps-function","tags":["python","functions","fastapi","monitor","azurecdn","community"]},{"title":"Jupyter Notebooks Web App on Azure Container Apps","description":"A web application used for hosting, sharing, and interacting with Jupyter Notebooks via Mercury, hosted on Azure Container Apps.","preview":"./templates/images/jupyter-mercury-aca.png","website":"https://github.com/savannahostrowski","author":"Savannah Ostrowski","source":"https://github.com/savannahostrowski/jupyter-mercury-aca","tags":["python","bicep","webapps","aca","jupyter","datascience","community"]},{"title":"Python (Django) Web App with PostgreSQL and Key Vault","description":"A Python Django app on App Service with a PostgreSQL flexible server database. Database access is restricted to Azure IPs, and all administrative secrets are stored in Key Vault.","preview":"./templates/images/django-quiz-app.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/pamelafox/django-quiz-app","tags":["python","django","webapps","appservice","bicep","azuredb-postgreSQL","keyvault","community"]},{"title":"Reliable Web App Pattern for .NET","description":"A multi-region enterprise web app with a 99.9% SLO and a focus on 12-factor apps and the well-architected framework. The sample app creates a concert booking application.","preview":"./templates/images/reliable-web-app-for-dotnet.png","website":"https://github.com/Azure","author":"Azure Content Team","source":"https://github.com/Azure/reliable-web-app-pattern-dotnet","tags":["dotnetCsharp","bicep","appservice","keyvault","frontdoor","azuresql","appinsights","blobstorage","webapps","enterprisepatterns","msft"]},{"title":"FastAPI on Azure Container Apps","description":"A simple JSON API using the Python FastAPI app framework, designed for deployment on Azure Container Apps. Includes auto-configuration of gunicorn with uvicorn worker count based on CPUs available.","preview":"./templates/images/simple-fastapi-container.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/pamelafox/simple-fastapi-container","tags":["python","fastapi","bicep","aca","community"]},{"title":"Containerized Apps on Azure Kubernetes Service","description":"A base Azure Kubernetes Service template with placeholders to include the application source code (no application source code included) and Kubernetes manifest files.","preview":"./templates/images/basic-aks-template.png","website":"https://github.com/sabbour/","author":"Ahmed Sabbour","source":"https://github.com/sabbour/aks-app-template","tags":["bicep","aks","kubernetes","keda","grafana","prometheus","community"]},{"title":"React Component Toolkit with ChatGPT and OpenAI ","description":"A sample demo for building and testing react components and includes a set of unique features including AI component generation and automatic conversion to Azure APIM Widgets","preview":"./templates/images/react-component-toolkit-openai.png","website":"https://github.com/jenny0322","author":"Jenny Chen","source":"https://github.com/Azure-Samples/react-component-toolkit-openai-demo","tags":["bicep","openai","gpt","ai","apim","reactjs","typescript","javascript","msft"]},{"title":"Python (Flask) Web App with PostgreSQL","description":"A Python Flask app on App Service with a PostgreSQL flexible server database. Database access is restricted to Azure IPs, and admin password is generated randomly","preview":"./templates/images/flask-db-quiz-example.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/pamelafox/flask-db-quiz-example","tags":["python","flask","bicep","appservice","webapps","azuredb-postgreSQL","community"]},{"title":"DotNet Function App with Service Bus","description":"A sample that uses a C# Function App with native Service Bus bindings to both add and react to Queued Messages","preview":"./templates/images/servicebus-dotnet-functionapp.png","website":"https://github.com/gordonby","author":"Gordon Byers","source":"https://github.com/Gordonby/servicebus-dotnet-functionapp","tags":["dotnetCsharp","functions","bicep","servicebus","community"]},{"title":"FastAPI, htmx, TailwindCSS on App Service","description":"A sample web app using FastAPI, htmx, and TailwindCSS that demonstrates dynamic design. Does not require a database provision.","preview":"./templates/images/fastapi-apps-loganalytics.png","website":"https://github.com/tataraba","author":"Mario Munoz","source":"https://github.com/tataraba/musicbinder-azd","tags":["fastapi","python","appservice","webapps","loganalytics","bicep","community"]},{"title":"Simple Streamlit","description":"A tiny, no-frills, template to deploy Python\'s Streamlit web framework to Azure App Service in the free tier.","preview":"./templates/images/simple-flask-azd.png","website":"https://github.com/MiguelElGallo","author":"Miguel P. Z.","source":"https://github.com/MiguelElGallo/simple-streamlit-azd","tags":["python","appservice","streamlit","community"]},{"title":"Azure API Management with Azure OpenAI","description":"Unleash the power of Azure OpenAI to your application developers in a secure & manageable way with Azure API Management.","preview":"./templates/images/apim-openai.png","website":"https://github.com/pascalvanderheiden","author":"Pascal van der Heiden","source":"https://github.com/pascalvanderheiden/ais-apim-openai","tags":["bicep","apim","openai","ai","appinsights","monitor","enterprisepatterns","keyvault","community"]},{"title":"Docusaurus with Azure Container Apps","description":"A blueprint to easily and quickly create and deploy your product documentation in Docusaurus using Azure Container Apps.","preview":"./templates/images/docusaurus-aca-template.png","website":"https://github.com/jsburckhardt","author":"Juan Burckhardt","source":"https://github.com/jsburckhardt/docusaurus-aca","tags":["javascript","aca","bicep","community"]},{"title":"Java Spring Apps with Azure OpenAI","description":"AI Shopping Cart is a sample app template that supercharges your shopping experience with the power of AI. It leverages Azure OpenAI and Azure Spring Apps to build a recommendation engine that is not only scalable, resilient, and secure, but also personalized to your needs.","preview":"./templates/images/java-springapps-openai.png","website":"https://github.com/pmalarme","author":"Pierre Malarme","source":"https://github.com/Azure-Samples/app-templates-java-openai-springapps","tags":["spring","openai","ai","aca","azurespringapps","azuredb-postgreSQL","monitor","reactjs","bicep","msft"]},{"title":"React Web App with Azure API Management exposing SAP OData APIs","description":"Expose your SAP OData APIs via Azure API Management and link it with Azure Static Web App to create & integrate a serverless Web App blazing fast with GitHub Copilot or ChatGPT.","preview":"./templates/images/apim-odata-reactjs.png","website":"https://github.com/pascalvanderheiden","author":"Pascal van der Heiden","source":"https://github.com/pascalvanderheiden/ais-apim-odata-reactjs","tags":["bicep","swa","apim","sap","reactjs","typescript","javascript","monitor","keyvault","appinsights","gpt","community"]},{"title":"Azure OpenAI with Azure Bot and Custom API calling, Behind a Firewall","description":"A Teams Chatbot running behind a Firewall that leverages OpenAI to call private APIs.","preview":"./templates/images/locked-down-bot-openai.png","website":"https://github.com/graemefoster","author":"Graeme Foster","source":"https://github.com/graemefoster/LockedDownChatBot","tags":["openai","ai","dotnetCsharp","appservice","azurebot","agw","community"]},{"title":"Hello world Java Application on Azure Spring Apps","description":"A complete hello-world application that includes everything you need to build, deploy, and run an Azure Spring Apps solution.","preview":"./templates/images/asa-helloworld.png","website":"https://github.com/spring-guides/","author":"Yi Liu","source":"https://github.com/spring-guides/gs-spring-boot-for-azure","tags":["java","azurespringapps","webapps","bicep","spring","community"]},{"title":"Terraform template to bootstrap Azure Deployment Environments","description":"A template to deploy Azure DevCenter with the minimun configuration to start using Azure Deployment Environments and supercharge your platform engineering story. Infrastructure as Code (written in Terraform) will get you started quickly to enable developers to self-serve environments via the Developer Portal, Azure CLI or CI/CD pipelines.","preview":"./templates/images/azure-deployment-environments.png","website":"https://github.com/lopezleandro03","author":"Leandro Lopez","source":"https://github.com/lopezleandro03/azd-devcenter","tags":["terraform","platformengineering","ade","community"]},{"title":"Java - ChatGPT + Enterprise data with Azure OpenAI and AI Search","description":"This repo is the java conversion of the well known chatGPT + Enterprise data code sample originally developed in python","preview":"./templates/images/azure-search-openai-demo-java.png","website":"https://github.com/dantelmomsft","author":"Davide Antelmo","source":"https://github.com/Azure-Samples/azure-search-openai-demo-java","tags":["java","spring","openai","ai","appservice","aisearch","semantickernel","reactjs","bicep","msft"]},{"title":"Next.js on Container Apps","description":"A blueprint for getting a Next.js app running on Azure Container Apps with CDN and Application Insights.","preview":"./templates/images/nextjs-aca.png","website":"https://github.com/CMeeg","author":"Chris Meagher","source":"https://github.com/CMeeg/nextjs-aca","tags":["typescript","reactjs","nodejs","bicep","aca","azurecdn","appinsights","community"]},{"title":"ChatGPT and RAG with Azure OpenAI and AI Search for JavaScript","description":"A reference sample to build Retrieval Augmented Generation applications using Azure AI Search and Azure OpenAI.","preview":"./templates/images/azure-search-openai-javascript.png","website":"https://github.com/Azure-Samples, https://github.com/anfibiacreativa, https://github.com/shibbas","author":"JavaScript Advocacy Team, Natalia Venditto, Shibani Basava","source":"https://github.com/Azure-Samples/azure-search-openai-javascript","tags":["ai","bicep","gpt","aisearch","javascript","nodejs","openai","typescript","webcomponents","microfrontend","msft","build2024"]},{"title":"Bicep template to bootstrap Azure Deployment Environments","description":"A template to deploy Azure DevCenter with the minimun configuration to start using Azure Deployment Environments and supercharge your platform engineering story. Infrastructure as Code (written in Bicep) will get you started quickly to enable developers to self-serve environments via the Developer Portal, Azure CLI or CI/CD pipelines.","preview":"./templates/images/azure-deployment-environments.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/azd-deployment-environments","tags":["bicep","platformengineering","ade","msft"]},{"title":".NET eShop on Web App with Redis Cache","description":"A web application hosted in App Services Web App using Redis Cache for shopping cart and session data, and using SQL database for product catelog. Cache aside pattern applied","preview":"./templates/images/webapp-rediscache-sql-vnet.png","website":"https://github.com/CawaMS","author":"Catherine Wang","source":"https://github.com/CawaMS/eShop","tags":["dotnetCsharp","rediscache","azuresql","appservice","community"]},{"title":"Real time game leaderboard with Azure Container Apps and Redis Cache","description":"Azure container app for a real-time game leaderboard that saves players and scores as sorted set in Azure Cache for Redis","preview":"./templates/images/containerapp-rediscache-leaderboard.png","website":"https://github.com/CawaMS","author":"Catherine Wang","source":"https://github.com/CawaMS/GameLeaderboard","tags":["aca","dotnetCsharp","rediscache","community"]},{"title":".NET Redis OutputCache with Azure OpenAI","description":"An AI image gallery.Azure Container app that uses Redis Cache to save web responses for improving Azure Open AI API calls performance, consistency, and efficiency","preview":"./templates/images/aca-openai-redis-artgallery.png","website":"https://github.com/CawaMS","author":"Catherine Wang","source":"https://github.com/CawaMS/OutputCacheOpenAI","tags":["aca","dotnetCsharp","rediscache","ai","openai","community"]},{"title":"Azure OpenAI Conference Session Recommender","description":"Build a recommender using OpenAI, Azure Functions, Azure Static Web Apps, Azure SQL DB, Data API builder and Text Embeddings","preview":"./templates/images/session-recommender-architecture.png","website":"https://sessionfinder.dotnetconf.net/","author":"Davide Mauri","source":"https://github.com/Azure-Samples/azure-sql-db-session-recommender","tags":["msft","reactjs","appservice","functions","azuresql","swa","appinsights","openai","azureai","enterprisepatterns","ai"]},{"title":"Microservices App - Dapr PubSub Java AKS","description":"Demonstrate event-driven communication between microservices by leveraging the pub/sub messaging architecture using Dapr for a Java application running in an AKS cluster.","preview":"./templates/images/dapr-pubsub-java-aks-diagram.png","website":"https://github.com/Azure-Samples","author":"Mahmut Canga","source":"https://github.com/Azure-Samples/pubsub-dapr-aks-java","tags":["dapr","java","aks","msft"]},{"title":"Azure Functions - Chat using ChatGPT (Node.js JavaScript Function)","description":"This sample shows how to take a ChatGPT prompt as HTTP Get or Post input, calculates the completions using OpenAI ChatGPT service, and then returns the output plus caches in a Blob state store.","preview":"./templates/images/test.png","website":"https://github.com/Azure-Samples","author":"Paul Yuknewicz","source":"https://github.com/Azure-Samples/function-javascript-ai-openai-chatgpt","tags":["functions","openai","javascript","ai","gpt","msft"]},{"title":"Azure Functions - Chat using ChatGPT (Python v2 Function)","description":"This sample shows how to take a ChatGPT prompt as HTTP Get or Post input, calculates the completions using OpenAI ChatGPT service, and then returns the output plus caches in a Blob state store.","preview":"./templates/images/test.png","website":"https://github.com/Azure-Samples","author":"Paul Yuknewicz","source":"https://github.com/Azure-Samples/function-python-ai-openai-chatgpt","tags":["functions","openai","python","ai","gpt","msft"]},{"title":"Azure Functions - LangChain with Azure OpenAI and ChatGPT (Python v2 Function)","description":"This sample shows how to take a human prompt as HTTP Get or Post input, calculates the completions using chains of human input and templates. This is a starting point that can be used for more sophisticated chains.","preview":"./templates/images/test.png","website":"https://github.com/Azure-Samples","author":"Paul Yuknewicz","source":"https://github.com/Azure-Samples/function-python-ai-langchain","tags":["functions","python","ai","msft"]},{"title":"Multi-repo ChatGPT and Enterprise data with Azure OpenAI and AI Search","description":"Azure OpenAI at scale in a secure manner.","preview":"./templates/images/GPT-Rag-Architecture-Zero-Trust.png","website":"https://github.com/Azure","author":"Azure Content Team","source":"https://github.com/Azure/GPT-RAG","tags":["openai","gpt","aisearch","python","typescript","bicep","nodejs","ai","msft"]},{"title":"Blazor Web App with C# and SQL Database on Azure","description":"A starter project for creating a Blazor web app using C# and a SQL database hosted on Azure. The project contains sample application code which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get the app up and running quickly.","preview":"./templates/images/azd-blazor.png","website":"https://jasontaylor.dev","author":"JasonTaylorDev","source":"https://github.com/JasonTaylorDev/azd-blazor","tags":["bicep","dotnetCsharp","appservice","azuresql","monitor","keyvault","blazor","community"]},{"title":"Using FastAPI Framework with Azure Functions to serve paginated data from Snowflake","description":"This is a sample Azure Function app created with the FastAPI framework to serve data from Snowflake using pagination","preview":"./templates/images/simple-fastapi-snow-azd.png","website":"https://github.com/MiguelElGallo","author":"Miguel P. Z.","source":"https://github.com/MiguelElGallo/simple-fastapi-snow-azd","tags":["python","fastapi","functions","bicep","community"]},{"title":"Python (Flask) Web App with MySQL and Key Vault","description":"A Python Flask app on App Service with a MySQL flexible server database. Database access is restricted to Azure IPs, and all administrative secrets are stored in Key Vault.","preview":"./templates/images/flask-db-mysql-example.png","website":"https://github.com/john0isaac","author":"John Aziz","source":"https://github.com/john0isaac/flask-webapp-mysql-db","tags":["python","flask","bicep","appservice","webapps","azuredb-mySQL","keyvault","community"]},{"title":"Azure Function with Event Hub with optional virtual network capabilities","description":"An Azure Function app which sends events to and consumes from an Event Hub. The Function app can optionally be configured to integrate with a virtual network, and dependent resources configured with virtual network private endpoints. Managed identity is used for authentication to dependent resources.","preview":"./templates/images/function-eventhub-vnet.png","website":"https://github.com/Azure-Samples/","author":"Michael S. Collier","source":"https://github.com/Azure-Samples/function-eventhub-vnet","tags":["bicep","dotnetCsharp","functions","appinsights","keyvault","eventhub","azurestorage","vnets","msft"]},{"title":"URL Shortener using Microsoft Orleans and Azure for hosting and data","description":"An ASP.NET Core 8.0 web application to illustrate basic Microsoft Orleans concepts; such as working with Grains, Silos, and persistent state. Uses Azure Developer CLI (azd) to build, deploy, and monitor.","preview":"./templates/images/test.png","website":"https://github.com/Azure-Samples","author":"Azure Cosmos DB Content Team","source":"https://github.com/azure-samples/orleans-url-shortener","tags":["bicep","dotnetCsharp","cosmosdb","msft","aca"]},{"title":"Azure OpenAI priority-based load balancer with Azure Container Apps","description":"A load balancer crafted specifically for Azure OpenAI, which is aware of \'retry-after\' headers and intelligently pause traffic when certain OpenAI endpoints reach maximum capacity.","preview":"./templates/images/openai-aca-loadbalancer.png","website":"https://github.com/Azure-Samples","author":"Andre Dewes","source":"https://github.com/Azure-Samples/openai-aca-lb","tags":["aca","openai","ai","msft","bicep","dotnetCsharp"]},{"title":"Azure Kubernetes Service Store Demo","description":"Sample microservices app for AKS demos, tutorials, and experiments.","preview":"./templates/images/aks-store-demo.png","website":"https://github.com/Azure-Samples","author":"AKS Content Team","source":"https://github.com/azure-samples/aks-store-demo","tags":["terraform","aks","openai","ai","msft","kubernetes","helm"]},{"title":"Setting up Azure OpenAI as a central capability within your organization","description":"Unleash the power of Azure AI to all your application developers in a secure & manageable way with Azure API Management and Azure Container Apps, utilizing Azure OpenAI PTUs across your organization with chargeback capabilities.","preview":"./templates/images/enterprise-azureai.png","website":"https://github.com/Azure, https://github.com/azureholic, https://github.com/iMicknl, https://github.com/pascalvanderheiden","author":"Azure AI Content Team, Remco Brosky, Mick Vleeshouwer, Pascal van der Heiden","source":"https://github.com/Azure/enterprise-azureai","tags":["bicep","apim","openai","ai","appinsights","monitor","enterprisepatterns","aca","dotnetCsharp","msft"]},{"title":"SAP Cloud SDK on Azure Functions Quickstart (TypeScript)","description":"This repos serves as quick-start project showcasing SAP Cloud SDK for JavaScript OData consumption running on Azure Functions. Its primary purpose is to set you up for success for your SAP extension project on Azure and reduce the lead time to your first successful deployment as much as possible with developer friendly commands.","preview":"./templates/images/functions-javascript-sap-cloud-sdk-quickstart.png","website":"https://github.com/MartinPankraz, https://github.com/lechnerc77","author":"Martin Pankraz, Christian Lechner","source":"https://github.com/Azure-Samples/functions-javascript-sap-cloud-sdk-quickstart","tags":["typescript","nodejs","bicep","webapps","apim","keyvault","appinsights","nestjs","sap","sapcap","msft"]},{"title":"SAP CAP on Azure App Service Quickstart","description":"This repos serves as quick-start project showcasing SAP Cloud Application Programming Model (CAP) for Node.js OData consumption from SAP S/4HANA running on Azure App Services backed with Azure Cosmos DB for PostgreSQL. SAP offers a native module cds-dbs for PostgreSQL integration.","preview":"./templates/images/app-service-javascript-sap-cap-quickstart.png","website":"https://github.com/MartinPankraz, https://github.com/vobu","author":"Martin Pankraz, Volker Buzek","source":"https://github.com/Azure-Samples/app-service-javascript-sap-cap-quickstart","tags":["nodejs","bicep","webapps","apim","keyvault","appinsights","nestjs","sap","cosmosdb","azuredb-postgreSQL","sapcloudsdk","msft"]},{"title":"Azure API Management policy for priority-based routing to Azure OpenAI","description":"A load balancer policy crafted specifically for Azure OpenAI, which is aware of \'retry-after\' headers and intelligently pause traffic when certain OpenAI endpoints reach maximum capacity.","preview":"./templates/images/openai-apim-loadbalancer.png","website":"https://github.com/Azure-Samples, https://github.com/codebytes","author":"Andre Dewes, Chris Ayers","source":"https://github.com/Azure-Samples/openai-apim-lb","tags":["apim","openai","ai","msft","bicep"]},{"title":"Langfuse on Azure","description":"Deploy Langfuse (open-source LLM observability platform) to Azure Container Apps with PostgreSQL Flexible Server.","preview":"./templates/images/aca_postgres_keyvault.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/Azure-Samples/langfuse-on-azure","tags":["aca","azuredb-postgreSQL","keyvault","ai","msft","bicep"]},{"title":"PostgreSQL + Pgvector","description":"Deploy a PostgreSQL Flexible Server with Pgvector extension and keyless auth, then access it from Python scripts.","preview":"./templates/images/postgres_entra.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/Azure-Samples/azure-postgres-pgvector-python","tags":["azuredb-postgreSQL","ai","msft","bicep","python"]},{"title":"Azure Open AI management and logging via Azure API Management","description":"To use Azure Open AI in production, you need to manage each application and user by issuing new keys, and monitor their usage such as number of tokens they consume and types of endpoint and mode they use. The solution uses Azure APIM and other resources to support such requirements.","preview":"./templates/images/aoai_apim.svg","website":"https://github.com/microsoft","author":"Kenichiro Nakamura","source":"https://github.com/microsoft/aoai-logging-with-apim","tags":["bicep","msft","ai","openai","apim","keyvault","dotnetCsharp"]},{"title":"Remix on Container Apps","description":"A blueprint for getting a Remix app running on Azure Container Apps with CDN and Application Insights.","preview":"./templates/images/remix-aca.png","website":"https://github.com/CMeeg","author":"Chris Meagher","source":"https://github.com/CMeeg/remix-aca","tags":["typescript","reactjs","nodejs","bicep","aca","azurecdn","appinsights","community"]},{"title":".NET AI samples with Azure OpenAI","description":".NET samples demonstrating how to use AI in your .NET applications. Each sample demonstrate a specific AI scenario with only a few lines of code. It consists of a console application, running locally, that will send request(s) to an Azure OpenAI Service deployed in your Azure subscription","preview":"./templates/images/dotnet-ai-samples.png","website":"https://github.com/fboucher","author":"Frank Boucher","source":"https://github.com/dotnet/ai-samples","tags":["ai","openai","dotnetCsharp","azureai","msft","gpt","dall-e","semantickernel","bicep"]},{"title":"Azure OpenAI Conference Session Assistant","description":"Build a conference assistant using using Vector Search and Retrieval Augmented Generator to allow attendees to ask questions about conference in natural language","preview":"./templates/images/session-assistant-architecture.png","website":"https://ai.lasvegas.vslive.com/","author":"Davide Mauri","source":"https://github.com/Azure-Samples/azure-sql-db-session-recommender-v2","tags":["bicep","msft","reactjs","appservice","functions","azuresql","swa","appinsights","openai","azureai","enterprisepatterns","ai"]},{"title":"Simple Flask (Python) Web App (Terraform) on Azure","description":"A simple Python Flask website, made for demonstration purposes only, and deployed to Azure App service and Azure Monitoring.","preview":"./templates/images/flask-app-terraform.png","website":"https://github.com/john0isaac","author":"John Aziz","source":"https://github.com/john0isaac/simple-flask-app-terraform","tags":["python","flask","terraform","appservice","loganalytics","monitor","appinsights","community"]},{"title":"Dynamic Configuration for AKS workloads (w/o changing ConfigMaps or with Azure App Configuration)","description":"A sample that demonstrates how to dynamically configure an Azure Kubernetes Service (AKS) workload with Azure App Configuration.","preview":"./templates/images/azure-appconfig-aks.png","website":"https://github.com/Azure/AppConfiguration","author":"Azure App Configuration","source":"https://github.com/Azure-Samples/azure-appconfig-aks","tags":["azureappconfig","kubernetes","aks","dotnetCsharp","bicep","webapps","msft"]},{"title":"Chat with your Data Solution Accelerator","description":"A Solution Accelerator for the RAG pattern running in Azure, using Azure AI Search for retrieval and Azure OpenAI large language models to power ChatGPT-style and Q&A experiences. This includes most common requirements and best practices.","preview":"./templates/images/cwyd-solution-architecture.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/chat-with-your-data-solution-accelerator","tags":["bicep","python","typescript","flask","aisearch","openai","gpt","ai","msft"]},{"title":"Sample Ruby on Rails app deployed (Bicep) on Azure Container App with PostgreSQL","description":"A sample Ruby on Rails Web App, made for demonstration purposes only, and deployed to Azure Container App and PostgreSQL.","preview":"./templates/images/azure-rails-starter.png","website":"https://github.com/dbroeglin","author":"Dominique Broeglin","source":"https://github.com/dbroeglin/azure-rails-starter","tags":["ruby","rubyonrails","bicep","aca","azuredb-postgreSQL","monitor","community"]},{"title":"RAG using Semantic Kernel with Azure OpenAI and Azure Cosmos DB for MongoDB vCore","description":"A Python sample for implementing retrieval augmented generation using Azure Open AI to generate embeddings, Azure Cosmos DB for MongoDB vCore to perform vector search and semantic kernel. Deployed to Azure App service using Azure Developer CLI (azd).","preview":"./templates/images/rag-semantic-kernel-mongodb-vcore.png","website":"https://github.com/john0isaac","author":"John Aziz","source":"https://github.com/john0isaac/rag-semantic-kernel-mongodb-vcore","tags":["openai","gpt","cosmosdb","mongodb","python","bicep","ai","community"]},{"title":"Serverless ChatGPT with RAG using LangChain.js","description":"A Serverless ChatGPT-like experience with Retrieval-Augmented Generation using LangChain.js, TypeScript and Azure","preview":"./templates/images/serverless-chat-langchainjs.gif","website":"https://github.com/glaucia86, https://github.com/sinedied","author":"Glaucia Lemos, Yohan Lasorsa","source":"https://github.com/Azure-Samples/serverless-chat-langchainjs","tags":["ai","bicep","gpt","serverlessapi","javascript","nodejs","openai","typescript","webcomponents","cosmosdb","msft","langchain","functions","swa","azureai"]},{"title":".NET Isolated Azure Function with Zip Deploy","description":"Create a .NET Isolated Azure Function and use Zip Push to deploy the code to the Azure Function App. For example, the .NET 8 code in the repository and the release package are used in the template. Execute the AZD UP command from the deployment folder to deploy the function app. Once the Azure Function is deployed, test it using the URL: https://.azurewebsites.net/api/getadventurers.","preview":"./templates/images/dotnet-azfunc-zipdeploy.png","website":"https://github.com/fboucher","author":"Frank Boucher","source":"https://github.com/FBoucher/ZipDeploy-AzFunc","tags":["dotnetCsharp","community","bicep","functions","appinsights","blobstorage"]},{"title":"Azure AI Starter","description":"Bicep template that deploys Azure AI services with configured machine learning models.","preview":"./templates/images/test.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/azd-ai-starter","tags":["bicep","ai","azureai","openai","msft"]},{"title":"Azure AI Studio Starter","description":"Bicep template that deploys everything you need to get started with Azure AI Studio. Includes AI Hub with dependent resources, AI project, AI Services and an online endpoint","preview":"./templates/images/test.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/azd-aistudio-starter","tags":["bicep","ai","azureai","openai","msft"]},{"title":"Simple Chat Application using Azure OpenAI (Python)","description":"Build a chat application using Azure OpenAI GPT models.","preview":"./templates/images/openai-chat-app-quickstart_diagram.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/openai-chat-app-quickstart","tags":["msft","build2024","python","openai","aca","bicep","ai"]},{"title":"RAG on PostgreSQL","description":"A RAG app to ask questions about rows in a database table. Deployable on Azure Container Apps with PostgreSQL Flexible Server.","preview":"./templates/images/rag-postgres-openai-python-screenshot_chat.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/rag-postgres-openai-python","tags":["msft","build2024","python","openai","aca","bicep","ai","azuredb-postgreSQL"]},{"title":"Creative Writing Assistant: Working with Agents using Promptflow (Python Implementation)","description":"A creative writing multi-agent solution to help users write articles.","preview":"./templates/images/agent-openai-python-prompty-creative_writing.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/agent-openai-python-prompty","tags":["msft","build2024","python","openai","aks","terraform","ai","aisearch"]},{"title":"Process Automation: Speech to Text and Summarization with AI Studio","description":"This solution converts speech to text and then processes and summarizes the text based on the prompt scenario.","preview":"./templates/images/summarization-openai-python-promptflow-architecture-diagram.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/summarization-openai-python-promptflow","tags":["msft","build2024","python","openai","aca","bicep","ai"]},{"title":"Function Calling with Prompty, LangChain and Elastic Search","description":"Function calling for vector database lookup based on user question.","preview":"./templates/images/agent-python-openai-prompty-langchain-architecture-diagram.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/agent-python-openai-prompty-langchain","tags":["msft","build2024","python","openai","aistudio","bicep","ai"]},{"title":"Function Calling with Prompty, LangChain and Pinecone","description":"Function calling for vector database lookup based on user question.","preview":"./templates/images/agent-openai-python-prompty-langchain-pinecone-architecture-diagram.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/agent-openai-python-prompty-langchain-pinecone","tags":["msft","build2024","python","openai","aistudio","bicep","ai","pinecone"]},{"title":"Contoso Chat Retail with Azure AI Studio and Promptflow","description":"This sample has the full End2End process of creating RAG application with Prompt Flow and AI Studio. It includes GPT 3.5 Turbo LLM application code, evaluations, deployment automation with AZD CLI, GitHub actions for evaluation and deployment and intent mapping for multiple LLM task mapping.","preview":"./templates/images/contoso-chat-architecture-diagram.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/contoso-chat","tags":["msft","build2024","python","openai","aistudio","bicep","cosmosdb","aisearch","ai"]},{"title":"API Center Analyzer","description":"This sample provides an Azure API Center along with Azure Functions and Azure Event Grid to analyze API specs when registering or updating API specs to Azure API Center.","preview":"./templates/images/apic-analyzer.png","website":"https://github.com/justinyoo, https://github.com/pierceboggan","author":"Justin Yoo, Pierce Boggan","source":"https://github.com/Azure/APICenter-Analyzer","tags":["msft","bicep","apicenter","functions","eventgrid","managedidentity","appinsights","loganalytics","diagnosticsettings","typescript"]},{"title":"API Center Portal","description":"This sample provides an Azure API Center along with Azure Static Web Apps that governs API specs registered on Azure API Center for developers and stakeholders.","preview":"./templates/images/apic-portal.png","website":"https://github.com/justinyoo, https://github.com/pierceboggan","author":"Justin Yoo, Pierce Boggan","source":"https://github.com/Azure/APICenter-Portal-Starter","tags":["msft","bicep","apicenter","swa","serviceprincipal","typescript"]},{"title":"API Center Reference Sample","description":"This sample provides an Azure API Center along with Azure App Service, Static Web Apps and Azure Functions that governs, analyzes and performs service discovery of API specs registered on Azure API Center.","preview":"./templates/images/apic-reference.png","website":"https://github.com/Azure-Samples","author":"Justin Yoo","source":"https://github.com/Azure-Samples/APICenter-Reference","tags":["msft","bicep","apicenter","appservice","functions","eventgrid","managedidentity","appinsights","loganalytics","diagnosticsettings","swa","serviceprincipal","logicapps","apim","dotnetCsharp","typescript"]},{"title":"GPT Video Analysis-In-A-Box","description":"This solution is part of the the AI-in-a-Box framework developed by the team of Microsoft Customer Engineers and Architects to accelerate the deployment of AI and ML solutions. Our goal is to simplify the adoption of AI technologies by providing ready-to-use accelerators that ensure quality, efficiency, and rapid deployment.","preview":"./templates/images/contoso-chat-architecture-diagram.png","website":"https://github.com/Azure-Samples/gpt-video-analysis-in-a-box","author":"AI-in-a-Box Team","source":"https://github.com/Azure-Samples/gpt-video-analysis-in-a-box","tags":["msft","openai","bicep","cosmosdb","azuredatafactory","blobstorage","ai"]},{"title":"Deploy Phoenix to Azure","description":"Phoenix provides MLOps and LLMOps insights at lightning speed with zero-config observability.","preview":"./templates/images/arize-phoenix.png","website":"https://github.com/Arize-ai","author":"Arize AI Team","source":"https://github.com/Arize-ai/phoenix-on-azure","tags":["community","bicep","python","aca","ai","new"]},{"title":"Build a Copilot app using Azure Cosmos DB, Azure OpenAI Service and Azure App Service","description":"Build a copilot application with Azure OpenAI Service, Azure Cosmos DB for NoSQL vector database & Azure App Service.","preview":"./templates/images/cosmos-nosql-copilot.png","website":"https://github.com/AzureCosmosDB","author":"Azure Cosmos DB Content Team","source":"https://github.com/AzureCosmosDB/cosmosdb-nosql-copilot","tags":["msft","openai","gpt","cosmosdb","bicep","ai","dotnetCsharp","managedidentity","appservice","semantickernel","blazor","new"]},{"title":"Azure Serverless App with Angular and MSAL","description":"Azure Serverless Template using Angular-standalone, Azure Functions App, Cosmos DB and APIM","preview":"./templates/images/serverless-application-flow.png","website":"https://github.com/ryanninodizon","author":"Ryan Ni\xf1o Dizon","source":"https://github.com/ryanninodizon/AzureServerlessApp-with-auth-for-dotnet-angular","tags":["apim","functions","msal","dotnetCsharp","cosmosdb","serverlessapi","angular","new","community"]},{"title":"Pinecone RAG Demo","description":"This example application sets up an Azure container app with Next.js, linking to a Pinecone index and an OpenAI embedding model for storing and retrieving context for a RAG model.","preview":"./templates/images/pinecone-rag-demo-azd.png","website":"https://pinecone.io","author":"Pinecone Team","source":"https://github.com/pinecone-io/pinecone-rag-demo-azd","tags":["community","pinecone","bicep","aca","nextjs","typescript","ai","new"]}]'),o=Object.keys(r.$);const n=function(){let e=i;return e=(0,s.M)(e,(e=>e.title.toLowerCase())),e}()},2267:(e,t,a)=>{a.r(t),a.d(t,{default:()=>m});var s=a(7294),r=a(5666),i=(a(7190),a(6114)),o=a(2761),n=a(220),p=a(1689),c=a(4435),l=a(3010),u=(a(9524),a(5812),a(3586),a(5893));const d=["New to old","Old to new","Alphabetical (A - Z)","Alphabetical (Z - A)"];const h="name";function m(e){let{setActiveTags:t,selectedTags:a,location:m,setSelectedTags:g,readSearchTags:b,replaceSearchTags:A}=e;const[v,f]=(0,s.useState)([]),[y,z]=(0,s.useState)(!0),[w,x]=(0,s.useState)(null),[S,C]=(0,s.useState)([]);(0,s.useEffect)((()=>{var e;g(b(m.search)),C(function(e){if(e==d[0])return i.xc.slice().reverse();if(e==d[1])return i.xc;if(e==d[2])return i._J;if(e==d[3])return i._J.slice().reverse();return i._J}(v[0])),x((e=m.search,new URLSearchParams(e).get(h))),function(e){const{scrollTopPosition:t,focusedElementId:a}=e??{scrollTopPosition:0,focusedElementId:void 0};document.getElementById(a)?.focus(),window.scrollTo({top:t})}(m.state),z(!1)}),[m,v]);var j=(0,s.useMemo)((()=>function(e,t,a){return a&&(e=e.filter((e=>e.title.toLowerCase().includes(a.toLowerCase())))),t&&0!==t.length?e.filter((e=>!(!e&&!e.tags&&0===e.tags.length)&&t.every((t=>e.tags.includes(t))))):e}(S,a,w)),[S,a,w]);(0,s.useEffect)((()=>{const e=new Set;j.forEach((t=>t.tags.forEach((t=>e.add(t))))),t(Array.from(e))}),[j]);const k=j?j.length:0;return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)("div",{style:{display:"flex",alignItems:"center"},children:[(0,u.jsxs)("div",{style:{display:"flex",gap:"4px",flex:1},children:[(0,u.jsx)(o.x,{size:400,children:"Viewing"}),(0,u.jsx)(o.x,{size:400,weight:"bold",children:k}),1!=k?(0,u.jsx)(o.x,{size:400,children:"templates"}):(0,u.jsx)(o.x,{size:400,children:"template"}),null!=r.u?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(o.x,{size:400,children:"for"}),(0,u.jsxs)(o.x,{size:400,weight:"bold",children:["'",r.u,"'"]})]}):null]}),(0,u.jsxs)("div",{style:{display:"flex",gap:"8px",alignItems:"center"},children:[(0,u.jsx)(o.x,{size:400,children:"Sort by: "}),(0,u.jsx)(n.h,{style:{minWidth:"unset"},input:{style:{width:"130px"}},"aria-labelledby":"combo-default",placeholder:d[2],onOptionSelect:(e,t)=>{z(!0),f(t.selectedOptions)},children:d.map((e=>(0,u.jsx)(p.W,{children:e},e)))})]})]}),y?(0,u.jsx)(c.$,{labelPosition:"below",label:"Loading..."}):(0,u.jsx)(l.default,{filteredUsers:j})]})}},3010:(e,t,a)=>{a.r(t),a.d(t,{default:()=>ue});var s=a(7294),r=a(5666),i=a(9524),o=a(2761),n=a(990);const p={colorLink:"colorLink_hb2i"};var c=a(8560),l=a(5893);function u(e){let{id:t}=e;return(0,l.jsxs)("div",{id:t,style:{display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column",gap:"40px"},children:[(0,l.jsx)("div",{style:{paddingTop:"100px",display:"flex",flexDirection:"column",gap:"10px"},children:null!=r.u?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(o.x,{size:500,weight:"bold",align:"center",children:["We couldn\u2019t find any results for '",r.u,"'"]}),(0,l.jsx)(o.x,{size:400,align:"center",children:"Check for spelling or try searching for another term."})]}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(o.x,{size:500,weight:"bold",align:"center",children:"We couldn\u2019t find any results."}),(0,l.jsx)(o.x,{size:400,align:"center",children:"Check for tags or try filtering for another tag."})]})}),(0,l.jsx)(c.Z,{style:{borderRadius:"8px",padding:"24px"},children:(0,l.jsxs)("div",{style:{display:"flex",columnGap:"30px"},children:[(0,l.jsx)("img",{height:50,src:(0,i.Z)("/img/smile.svg"),alt:"smile",style:{flex:1}}),(0,l.jsxs)("div",{style:{display:"flex",flexDirection:"column",rowGap:"5px",paddingRight:"50px"},children:[(0,l.jsx)(o.x,{size:400,weight:"bold",children:"Want to be the change you wish to see in the world?"}),(0,l.jsx)(o.x,{size:300,children:"awesome-azd is always looking for new templates!"}),(0,l.jsx)(n.r,{href:"https://azure.github.io/awesome-azd/docs/contribute",target:"_blank",className:p.colorLink,children:"\u2022 Learn how to contribute an azd template"},"emptySearch_contributeTemplate"),(0,l.jsx)(n.r,{href:"https://github.com/Azure/awesome-azd/issues/new?assignees=nigkulintya%2C+savannahostrowski&labels=requested-contribution&template=%F0%9F%A4%94-submit-a-template-request.md&title=%5BIdea%5D+%3Cyour-template-name%3E",target:"_blank",className:p.colorLink,children:"\u2022 View our template request board"},"emptySearch_requestBoard")]})]})})]})}var d=a(5812);const h={cardBreakLine:"cardBreakLine_W3Dr",card:"card_AqPL",headerText:"headerText_wMQG",headerTextCardPanel:"headerTextCardPanel_RIQo",cardDescription:"cardDescription_Xcnv",cardTextBy:"cardTextBy_WLLh",input:"input_tXlf",copyIconButton:"copyIconButton_x9jS",cardTitle:"cardTitle_RS1Y"};var m=a(6616),g=a(5216),b=a(6304),A=a(7915),v=a(2765),f=a(2347),y=a(8502),z=a(5545),w=a(339),x=a(4404),S=a(7692),C=a(5247),j=a(2457);const k={cardAuthor:"cardAuthor_u7r0",cardAuthorPanel:"cardAuthorPanel_ynPX"};var T=a(9200);function I(e){let{user:t,cardPanel:a}=e;const{colorMode:s}=(0,T.I)(),r=t.author,o=t.website;let p=0;if(r.includes(", ")){var c=o.split(", "),u=r.split(", ");if(c.length!=u.length)throw new Error("The number of multiple authors and websites are not equal.");return c.map(((e,t)=>function(e,t,a,s,r,o,p){return r!=s-1?o?(0,l.jsxs)(n.r,{href:a,className:k.cardAuthorPanel,target:"_blank",style:{display:"flex",alignItems:"center",columnGap:"5px",fontSize:"14px",fontWeight:"400",flexShrink:0},children:[t,"dark"!=p?(0,l.jsx)("img",{src:(0,i.Z)("/img/redirect.svg"),alt:"Redirect",height:13}):(0,l.jsx)("img",{src:(0,i.Z)("/img/redirectDark.svg"),alt:"Redirect",height:13}),","]},r):(0,l.jsxs)(n.r,{className:k.cardAuthor,href:a,target:"_blank",style:{flexShrink:0,fontSize:"12px"},children:[t,","]},r):o?(0,l.jsxs)(n.r,{className:k.cardAuthorPanel,href:a,target:"_blank",style:{display:"flex",alignItems:"center",columnGap:"5px",fontSize:"14px",fontWeight:"400",flexShrink:0},children:[t,"dark"!=p?(0,l.jsx)("img",{src:(0,i.Z)("/img/redirect.svg"),alt:"Redirect",height:13}):(0,l.jsx)("img",{src:(0,i.Z)("/img/redirectDark.svg"),alt:"Redirect",height:13})]},r):(0,l.jsx)(n.r,{className:k.cardAuthor,href:a,target:"_blank",style:{flexShrink:0,fontSize:"12px"},children:t},r)}(0,u[t],c[t],c.length,p++,a,s)))}return a?(0,l.jsxs)(n.r,{className:k.cardAuthorPanel,href:o,target:"_blank",style:{display:"flex",alignItems:"center",columnGap:"5px",fontSize:"14px",fontWeight:"400",flexShrink:0},children:[r,"dark"!=s?(0,l.jsx)("img",{src:(0,i.Z)("/img/redirect.svg"),alt:"Redirect",height:13}):(0,l.jsx)("img",{src:(0,i.Z)("/img/redirectDark.svg"),alt:"Redirect",height:13})]}):(0,l.jsx)(n.r,{className:k.cardAuthor,href:o,target:"_blank",style:{fontSize:"12px",flexShrink:0},children:r})}const P={cardDescription:"cardDescription_WIGs",cardTag:"cardTag_H5My",textColor:"textColor_Hgwr",squareColor:"squareColor_BaIl",terminalSquareTopColor:"terminalSquareTopColor_rV69",terminalSquareBottomColor:"terminalSquareBottomColor_ipK1",borderBottomColor:"borderBottomColor_kX02",commandColor:"commandColor_Xpos",color:"color_PxFt",purple:"purple__8uX"};var D=a(7190),L=a(6114),F=a(2495),B=a(229),M=a(9565),N=a(7266),_=a(3234),R=a(2752),Q=a(5966),q=a(19),O=a(5037),W=a(2355),G=a(2583);const E={cardPanelTag:"cardPanelTag__ZXP"};var Z=a(2335),J=a(9138);const K=s.forwardRef(((e,t)=>{let{label:a,description:s}=e;return(0,l.jsx)(Z.C,{appearance:"outline",size:"medium",ref:t,title:s,color:"informative",style:{alignContent:"center",fontSize:"10px",width:"auto"},children:a})})),H=(0,m.Z)({tooltip:{textAlign:"center"}});function V(e){let{tags:t,moreTag:a}=e;const s=t.filter((e=>"msft"!=e&&"community"!=e&&"new"!=e&&"popular"!=e)).map((e=>({tag:e,...D.$[e]}))),r=(0,F.M)(s,(e=>L.PS.indexOf(e.tag))),i=r.filter((e=>e.label.includes("Azure"))),o=r.length;let n=10;i.length>5&&(n=7);const p=o-n,c=r.slice(n,o).map((e=>e.label)).join("\n"),u=H();return a?o>n?(0,l.jsxs)(l.Fragment,{children:[r.slice(0,n).map(((e,t)=>{const a=`showcase_card_tag_${e.tag}`;return(0,l.jsx)(K,{id:a,...e},t)})),(0,l.jsx)(J.u,{withArrow:!0,content:{children:(0,l.jsx)("span",{style:{whiteSpace:"pre-line"},children:c}),className:u.tooltip},relationship:"label",children:(0,l.jsxs)(Z.C,{appearance:"outline",size:"medium",color:"informative",style:{alignContent:"center",fontSize:"10px",width:"auto"},children:["+ ",p," more"]})})]}):(0,l.jsx)(l.Fragment,{children:r.map(((e,t)=>{const a=`showcase_card_tag_${e.tag}`;return(0,l.jsx)(K,{id:a,...e},a)}))}):(0,l.jsx)(l.Fragment,{children:r.map(((e,t)=>{const a=`showcase_card_tag_${e.tag}`;return(0,l.jsx)("div",{id:a,className:E.cardPanelTag,children:e.label},t)}))})}function $(e){let{url:t,colorMode:a}=e;const s=(0,i.Z)("/img/purpleCopy.svg"),r=(0,B.M)("copyButton"),[o,{toggle:n}]=(0,x.k)(!1),p=(0,B.M)("callout-label"),c=(0,B.M)("callout-description");return(0,l.jsxs)("div",{children:[(0,l.jsxs)(M.a,{id:r,className:P.purple,style:{padding:"0px",minHeight:"20px",borderColor:"transparent",backgroundColor:"transparent"},onClick:()=>{n(),navigator.clipboard.writeText(t)},children:[(0,l.jsx)("img",{src:s,height:20,alt:"Copy"}),(0,l.jsx)("div",{style:{fontSize:"12px"},children:"Copy"})]}),o&&(0,l.jsx)(N.U,{ariaLabelledBy:p,ariaDescribedBy:c,role:"dialog",gapSpace:0,target:`#${r}`,onDismiss:n,setInitialFocus:!0,directionalHint:_.b.topCenter,styles:"dark"!=a?{calloutMain:{padding:"3px 10px"}}:{beak:{background:"#292929"},beakCurtain:{background:"#292929"},calloutMain:{background:"transparent",padding:"3px 10px"}},children:(0,l.jsx)(R.x,{variant:"small",children:"Copied"})})]})}function U(e){let{user:t}=e;const[a,{toggle:s}]=(0,x.k)(!0),[r,{toggle:o}]=(0,x.k)(!0);let p=t.source.replace("https://github.com/","").toLowerCase();p.includes("azure-samples/")&&(p=p.replace("azure-samples/",""));const c="azd init -t "+p;let u=(0,i.Z)("/img/leftChevron.svg"),d="black";const{colorMode:h}=(0,T.I)();"dark"==h&&(d="white",u=(0,i.Z)("/img/leftChevronDark.svg"));const m={linkIsSelected:[{selectors:{":before":"dark"!=h?{backgroundColor:"#6656d1"}:{backgroundColor:"#A79CF1"},":hover":"dark"!=h?{backgroundColor:"#f3f2f1"}:{backgroundColor:"#242424"}}}],root:"",link:{selectors:{":active":"dark"!=h?{backgroundColor:"#f3f2f1"}:{backgroundColor:"#242424"},":hover":"dark"!=h?{backgroundColor:"#f3f2f1"}:{backgroundColor:"#242424"}}},linkContent:"",text:{color:d},count:"",icon:"",linkInMenu:"",overflowMenuButton:""};return(0,l.jsxs)("div",{children:[(0,l.jsxs)("div",{style:{display:"flex",alignItems:"center",columnGap:"5px",padding:"10px 0",flexWrap:"wrap"},children:[(0,l.jsx)("div",{className:P.cardDescription,children:"by"}),(0,l.jsx)(I,{user:t,cardPanel:!0},"author_"+t.title),(0,l.jsx)("div",{className:P.textColor,children:"\u2022"}),(0,l.jsxs)(n.r,{href:t.source,target:"_blank",style:{display:"flex",alignItems:"center",columnGap:"5px"},className:P.color,children:["View in GitHub","dark"!=h?(0,l.jsx)("img",{src:(0,i.Z)("/img/redirect.svg"),alt:"Redirect",height:13}):(0,l.jsx)("img",{src:(0,i.Z)("/img/redirectDark.svg"),alt:"Redirect",height:13})]})]}),(0,l.jsx)("div",{className:P.cardTag,style:{display:"flex",overflow:"hidden",columnGap:"5px",flexFlow:"wrap",padding:"5px 0"},children:(0,l.jsx)(V,{tags:t.tags,moreTag:!1},"tag_"+t.title)}),(0,l.jsxs)(Q.o,{"aria-label":"Template Details and Legal",styles:m,style:{paddingTop:"20px"},children:[(0,l.jsx)(q.M,{style:{fontSize:"14px"},headerText:"Template Details",children:(0,l.jsxs)(O._,{children:[(0,l.jsx)("div",{className:P.textColor,style:{fontSize:"14px",fontWeight:"400"},children:t.description}),(0,l.jsxs)("div",{children:[(0,l.jsxs)("div",{className:P.borderBottomColor,style:{display:"flex",paddingTop:"30px"},children:[(0,l.jsx)("div",{className:P.textColor,style:{fontSize:"14px",flex:"1"},children:"Quick Use"}),(0,l.jsx)(M.a,{style:{backgroundColor:"transparent",borderColor:"transparent",minWidth:"0px",padding:"0px",height:"20px"},children:(0,l.jsx)("img",{onClick:s,src:u,height:20,alt:"Expand"})})]}),a&&(0,l.jsxs)(W.G,{children:[(0,l.jsx)("div",{className:P.textColor,style:{fontSize:"14px",fontWeight:"400",padding:"10px 0"},children:"If you already have the Azure Developer CLI installed on your machine, using this template is as simple as running this command in a new directory."}),(0,l.jsxs)("div",{className:P.terminalSquareTopColor,style:{display:"flex",height:"32px",justifyContent:"center",alignItems:"center"},children:[(0,l.jsx)("div",{className:P.textColor,style:{flex:"1",fontSize:"12px",paddingLeft:"11px"},children:"Terminal Command"}),(0,l.jsx)($,{colorMode:h,url:c})]}),(0,l.jsx)("div",{className:P.terminalSquareBottomColor,style:{height:"46px",padding:"11px"},children:(0,l.jsx)("div",{className:P.commandColor,style:{margin:"auto",whiteSpace:"nowrap",overflow:"hidden",fontFamily:"Consolas, Courier New, Courier, monospace",fontSize:"14px",fontWeight:"400"},children:c})}),(0,l.jsx)("div",{style:{paddingTop:"10px"},children:(0,l.jsx)(G.Z,{alignContent:"start",children:"Or"})}),(0,l.jsxs)("div",{className:P.textColor,style:{fontSize:"14px",fontWeight:"400",padding:"10px 0"},children:["If using the"," ",(0,l.jsx)("a",{href:"https://marketplace.visualstudio.com/items?itemName=ms-azuretools.azure-dev",target:"_blank",className:P.color,children:"azd VS Code extension"})," ","you can paste this URL in the VS Code command terminal."]}),(0,l.jsxs)("div",{className:P.terminalSquareTopColor,style:{display:"flex",height:"32px",justifyContent:"center",alignItems:"center"},children:[(0,l.jsx)("div",{className:P.textColor,style:{flex:"1",paddingLeft:"11px",fontSize:"12px"},children:"Terminal URL"}),(0,l.jsx)($,{colorMode:h,url:p})]}),(0,l.jsx)("div",{className:P.terminalSquareBottomColor,style:{height:"46px",padding:"11px"},children:(0,l.jsx)("div",{className:P.commandColor,style:{margin:"auto",whiteSpace:"nowrap",overflow:"hidden",fontFamily:"Consolas, Courier New, Courier, monospace",fontSize:"14px",fontWeight:"400"},children:p})})]})]}),(0,l.jsxs)("div",{children:[(0,l.jsxs)("div",{className:P.borderBottomColor,style:{display:"flex",paddingTop:"30px"},children:[(0,l.jsx)("div",{className:P.textColor,style:{fontSize:"14px",flex:"1"},children:"Included in this template"}),(0,l.jsx)(M.a,{style:{backgroundColor:"transparent",borderColor:"transparent",minWidth:"0px",padding:"0px",height:"20px"},children:(0,l.jsx)("img",{onClick:o,src:u,height:20,alt:"Expand"})})]}),r&&(0,l.jsxs)(W.G,{children:[(0,l.jsxs)("div",{className:P.textColor,style:{fontSize:"14px",fontWeight:"400",padding:"10px 0"},children:["The services used in this template are subject to their normal usage fees and charges. Learn more about the cost of individual services by visiting the"," ",(0,l.jsx)("a",{href:"https://azure.microsoft.com/en-us/pricing/calculator/",target:"_blank",className:P.color,children:"Azure Pricing Calculator"}),"."]}),(0,l.jsx)(Y,{tags:t.tags,colorMode:h},"azure_tag_"+t.title)]})]})]})}),(0,l.jsx)(q.M,{style:{color:"#424242",fontSize:"14px",fontWeight:"400"},headerText:"Legal",children:(0,l.jsx)(O._,{children:(0,l.jsxs)("div",{className:P.textColor,style:{fontSize:"14px",fontWeight:"400"},children:[(0,l.jsx)("div",{style:{padding:"10px 0"},children:"Awesome AZD Templates is a place for Azure Developer CLI users to discover open-source Azure Developer CLI templates."}),(0,l.jsx)("div",{style:{padding:"10px 0"},children:"Please note that each template is licensed by its respective owner (which may or may not be Microsoft) under the agreement which accompanies the template. It is your responsibility to determine what license applies to any template you choose to use."}),(0,l.jsx)("div",{style:{padding:"10px 0"},children:"Microsoft is not responsible for any non-Microsoft code and does not screen templates included in the Awesome AZD Templates for security, privacy, compatibility, or performance issues."}),(0,l.jsx)("div",{style:{padding:"10px 0"},children:"The templates included in Awesome AZD Templates are not supported by any Microsoft support program or service. Awesome AZD Templates and any Microsoft-provided templates are provided without warranty of any kind."})]})})})]})]})}function Y(e){let{tags:t,colorMode:a}=e;const s=t.map((e=>({tag:e,...D.$[e]})));return(0,F.M)(s,(e=>L.PS.indexOf(e.tag))).map(((e,t)=>e.label.includes("Azure")?(0,l.jsxs)("div",{style:{display:"flex",padding:"5px 0"},children:[(0,l.jsx)("div",{className:P.squareColor,style:{height:"40px",width:"40px",float:"left",display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)("img",{src:"dark"!=a||null==e.darkModeAzureIcon?(0,i.Z)(e.azureIcon):(0,i.Z)(e.darkModeAzureIcon),alt:"Azure Service Icon",height:20})}),(0,l.jsxs)("div",{style:{float:"right",height:"40px",paddingLeft:"20px"},children:[(0,l.jsx)("div",{className:P.textColor,style:{fontSize:"14px"},children:e.label}),(0,l.jsxs)("div",{style:{display:"flex",alignItems:"center"},children:[(0,l.jsx)("div",{style:{color:"#707070",fontSize:"12px",fontWeight:"400"},children:"Azure Service"}),(0,l.jsx)("div",{style:{color:"#707070",fontSize:"12px",fontWeight:"400",padding:"0 6px"},children:"\u2022"}),(0,l.jsx)("a",{href:e.url,target:"_blank",style:{fontSize:"12px",fontWeight:"400"},className:P.color,children:"Learn More"})]})]})]},t):null))}const X=(0,m.Z)({cardTag:{fontSize:"10px",color:"#606060"},cardFooterQuickUse:{fontSize:"10px",color:"#424242",fontWeight:"600"}}),ee={semanticColors:{bodyBackground:"white",bodyText:"black"}},te={semanticColors:{bodyBackground:"#292929",bodyText:"white"}};function ae(e){let{user:t}=e;const a=X(),r=t.title,o=t.tags,p=t.source,u=(0,i.Z)("/img/Sparkle.svg"),d=(0,i.Z)("/img/Fire.svg");let m="azd init -t "+p.replace("https://github.com/","").toLowerCase();m.includes("azure-samples/")&&(m=m.replace("azure-samples/",""));let k=(0,i.Z)("/img/Community.svg"),P="Community Authored";const D=`{"id":"${r}","cN":"Copy Button (azd init)"}`,{colorMode:L}=(0,T.I)(),[F,{setTrue:B,setFalse:M}]=(0,x.k)(!1);o.includes("msft")&&(k=(0,i.Z)("/img/Microsoft.svg"),P="Microsoft Authored");const N=s.useCallback(((e,t)=>(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{style:{display:"flex",paddingLeft:"24px",alignItems:"center",flex:"8"},children:[(0,l.jsx)("img",{src:k,alt:"Logo",height:16,style:{margin:"5px 0px",fontWeight:"550"}}),(0,l.jsx)("div",{className:h.headerTextCardPanel,children:P}),o.includes("new")?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("img",{src:u,alt:"Star",height:16,style:{paddingLeft:"10px"}}),(0,l.jsx)("div",{style:{color:"#11910D",fontSize:"10px"},children:"New"})]}):null,o.includes("popular")?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("img",{src:d,alt:"Fire",height:16,style:{paddingLeft:"10px"}}),(0,l.jsx)("div",{style:{color:"#F7630C",fontSize:"10px"},children:"Popular"})]}):null]}),t(e)]})),[]);return(0,l.jsxs)(c.Z,{className:h.card,children:[(0,l.jsx)(g.O,{header:(0,l.jsxs)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",flex:"1"},children:[(0,l.jsx)("img",{src:k,height:16,alt:"logo",className:h.headerLogo}),(0,l.jsx)("div",{className:h.headerText,children:P}),o.includes("new")?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("img",{src:u,alt:"Star",height:16,style:{paddingLeft:"10px"}}),(0,l.jsx)("div",{style:{color:"#11910D",fontWeight:"600",fontSize:"10px"},children:"New"})]}):null,o.includes("popular")?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("img",{src:d,alt:"Fire",height:16,style:{paddingLeft:"10px"}}),(0,l.jsx)("div",{style:{color:"#F7630C",fontWeight:"600",fontSize:"10px"},children:"Popular"})]}):null]})}),(0,l.jsx)(b.f,{className:h.cardBreakLine}),(0,l.jsxs)("div",{style:{display:"flex",flexDirection:"column",position:"relative",maxHeight:"inherit"},children:[(0,l.jsx)(n.r,{className:h.cardTitle,onClick:B,children:r}),(0,l.jsxs)("div",{style:{verticalAlign:"middle",display:"flex",paddingTop:"2px",alignItems:"center",columnGap:"3px",overflow:"hidden"},children:[(0,l.jsx)("div",{className:h.cardTextBy,children:"by"}),(0,l.jsx)(I,{user:t,cardPanel:!1},"author_"+r)]}),(0,l.jsx)("div",{className:h.cardDescription,children:t.description}),(0,l.jsx)(S.f,{theme:"dark"!=L?ee:te,children:(0,l.jsx)(C.s,{headerText:r,isLightDismiss:!0,isOpen:F,onDismiss:M,closeButtonAriaLabel:"Close",type:j.w.medium,onRenderNavigationContent:N,children:(0,l.jsx)(U,{user:t})})}),(0,l.jsx)("div",{style:{paddingTop:"10px",position:"absolute",bottom:"0px",width:"100%"},children:(0,l.jsx)("div",{className:a.cardTag,style:{display:"flex",overflow:"hidden",gap:"4px",flexFlow:"wrap"},children:(0,l.jsx)(V,{tags:o,moreTag:!0},r)})})]}),(0,l.jsx)(b.f,{className:h.cardBreakLine}),(0,l.jsxs)(A.e,{children:[(0,l.jsx)(v.I,{id:"input_"+r,size:"small",spellCheck:!1,defaultValue:m,className:h.input,placeholder:m}),(0,l.jsxs)(f.J,{trapFocus:!0,withArrow:!0,size:"small",children:[(0,l.jsx)(y.x,{disableButtonEnhancement:!0,children:(0,l.jsx)(z.z,{size:"small",className:h.copyIconButton,onClick:()=>{navigator.clipboard.writeText(m)},"data-m":D,children:(0,l.jsx)("img",{src:(0,i.Z)("/img/Copy.svg"),height:20,alt:"Copy"})})}),(0,l.jsx)(w.o,{style:{padding:"5px",fontSize:"12px"},children:(0,l.jsx)("div",{children:"Copied!"})})]})]})]},r)}const se=s.memo(ae),re={card:"card_lo1B",text:"text_M4ue",surveyButton:"surveyButton_pNjG",closeButton:"closeButton_PSGk"};var ie=a(22),oe=a(7697),ne=a(831),pe=a(3069);const ce="surveyCardDisplay";function le(){const{colorMode:e}=(0,T.I)();return"undefined"!=typeof window&&localStorage.getItem(ce)?null:(0,l.jsxs)(c.Z,{className:re.card,appearance:"filled",id:"surveyCard",children:[(0,l.jsx)(ie.C,{onClick:()=>function(e){let t=document.getElementById(e);t.style.display="none","undefined"!=typeof window&&localStorage.setItem(ce,t.style.display)}("surveyCard"),size:"small",appearance:"transparent",icon:(0,l.jsx)(oe.E,{src:(0,i.Z)("/img/close.svg"),height:16,width:16,alt:"Close"}),className:re.closeButton}),(0,l.jsx)(oe.E,{src:"dark"!=e?(0,i.Z)("/img/chatPencil.svg"):(0,i.Z)("/img/chatPencilDark.svg"),alt:"surveyCard",height:128,width:128}),(0,l.jsxs)("div",{className:re.text,children:[(0,l.jsx)(ne.d,{align:"center",children:"Got a minute? We're all ears!"}),(0,l.jsx)(pe.p,{align:"center",children:"Help us shape the future of our template library by sharing your feedback."})]}),(0,l.jsx)(A.e,{children:(0,l.jsx)(z.z,{appearance:"primary",size:"large",className:re.surveyButton,onClick:()=>{window.open("https://aka.ms/awesome-azd-survey","_blank")},icon:(0,l.jsx)(oe.E,{src:(0,i.Z)("/img/openLink.svg"),alt:"surveyCard",height:20,width:20}),children:"Take the survey"})})]})}function ue(e){let{filteredUsers:t}=e;const a=t?t.length:0;return 0===a?(0,l.jsx)(u,{id:"showcase.usersList.noResult"}):(0,l.jsx)("section",{children:(0,l.jsx)("div",{className:d.Z.showcaseFavorite,children:(0,l.jsx)("div",{className:d.Z.showcaseList,children:t.map(((e,t)=>(0,l.jsx)(s.Fragment,{children:a<6&&t===a-1||4===t?(0,l.jsxs)(s.Fragment,{children:[(0,l.jsx)(s.Fragment,{children:(0,l.jsx)(se,{user:e})},e.title),(0,l.jsx)(s.Fragment,{children:(0,l.jsx)(le,{})},"fragment_surveyCard")]},"cardWithSurveyCard"):(0,l.jsx)(s.Fragment,{children:(0,l.jsx)(se,{user:e})},e.title)},t)))})})})}},3586:(e,t,a)=>{a.r(t),a.d(t,{default:()=>B,prepareUserState:()=>I});var s=a(7294),r=a(104),i=a(6550),o=a(2495),n=a(8714),p=a(5893);function c(e){let{label:t,tag:a,id:s,activeTags:r,selectedCheckbox:c,setSelectedCheckbox:l,location:u,readSearchTags:d,replaceSearchTags:h}=e;const m=(0,i.k6)(),g=()=>{const e=d(u.search),t=(0,o.$)(e,a),s=h(u.search,t);m.push({...u,search:s,state:I()})},b=`{"id":"${s.replace("showcase_checkbox_id_","")}","cN":"Tags"}`,A=e=>{c.includes(e)?l(c.filter((t=>t!==e))):l([...c,e])};return(0,p.jsx)(p.Fragment,{children:(0,p.jsx)(n.X,{id:s,"data-m":b,onKeyDown:e=>{"Enter"===e.key&&g(),A(a)},onChange:()=>{g(),A(a)},checked:c.includes(a),label:t,disabled:!r?.includes(a)})})}var l=a(9524),u=a(6551),d=a(1471),h=a(8467),m=a(6137),g=a(7190),b=a(6114);const A={checkboxListItem:"checkboxListItem_lT16",color:"color_CFd5",filterTop:"filterTop_nQho",clearAll:"clearAll_cOba",filterBy:"filterBy_oxiV"};var v=a(9200);function f(e){let{tags:t,number:a,activeTags:r,selectedCheckbox:i,setSelectedCheckbox:o,location:n,readSearchTags:b,replaceSearchTags:f}=e;const[y,z]=s.useState(["0"]),{colorMode:w}=(0,v.I)(),x="dark"!=w?(0,p.jsx)("img",{src:(0,l.Z)("/img/smallChevron.svg")}):(0,p.jsx)("img",{src:(0,l.Z)("/img/smallChevronDark.svg")}),S="dark"!=w?(0,p.jsx)("img",{style:{transform:"rotate(180deg)"},src:(0,l.Z)("/img/smallChevron.svg")}):(0,p.jsx)("img",{style:{transform:"rotate(180deg)"},src:(0,l.Z)("/img/smallChevronDark.svg")});let C=a+"2";return(0,p.jsxs)(p.Fragment,{children:[t.slice(0,6).map(((e,a)=>{const s=g.$[e],l=`showcase_checkbox_key_${e}`,u=`showcase_checkbox_id_${e}`;return a==t.length-1?(0,p.jsx)("div",{className:A.checkboxListItem,style:{marginBottom:"7px"},children:(0,p.jsx)(c,{id:u,tag:e,label:s.label,activeTags:r,selectedCheckbox:i,setSelectedCheckbox:o,location:n,readSearchTags:b,replaceSearchTags:f})},l):(0,p.jsx)("div",{className:A.checkboxListItem,children:(0,p.jsx)(c,{id:u,tag:e,label:s.label,activeTags:r,selectedCheckbox:i,setSelectedCheckbox:o,location:n,readSearchTags:b,replaceSearchTags:f})},l)})),t.length>5?(0,p.jsx)(u.U,{openItems:y,onToggle:(e,t)=>{z(t.openItems)},multiple:!0,collapsible:!0,children:(0,p.jsxs)(d.Q,{value:C,style:{padding:"0px"},children:[(0,p.jsx)(h.H,{style:{margin:"0px"},children:t.slice(6,t.length).map((e=>{const t=g.$[e],a=`showcase_checkbox_key_${e}`,s=`showcase_checkbox_id_${e}`;return(0,p.jsx)("div",{className:A.checkboxListItem,children:(0,p.jsx)(c,{id:s,tag:e,label:t.label,activeTags:r,selectedCheckbox:i,setSelectedCheckbox:o,location:n,readSearchTags:b,replaceSearchTags:f})},a)}))}),(0,p.jsx)(m._,{inline:!0,expandIconPosition:"end",expandIcon:y.includes(C)?S:x,children:(0,p.jsx)("div",{style:{fontSize:"12px"},className:A.color,children:"View All"})})]})}):null]})}function y(e){let{activeTags:t,selectedCheckbox:a,setSelectedCheckbox:r,location:o,selectedTags:n,setSelectedTags:l,readSearchTags:v,replaceSearchTags:y}=e;const z=b.PS.sort(),w=b.PS.filter((e=>void 0===g.$[e].type)),x=z.filter((e=>"Language"===g.$[e].type)),S=z.filter((e=>"Framework"===g.$[e].type)),C=z.filter((e=>"Service"===g.$[e].type)),j=z.filter((e=>"Database"===g.$[e].type)),k=z.filter((e=>"Infrastructure as Code"===g.$[e].type)),T=z.filter((e=>"Tools"===g.$[e].type)),P=z.filter((e=>"Topic"===g.$[e].type)),[D,L]=s.useState([]),F=(0,i.k6)(),B=new URLSearchParams(o.search);return(0,p.jsxs)(u.U,{openItems:D,onToggle:(e,t)=>{L(t.openItems)},multiple:!0,collapsible:!0,children:[(0,p.jsxs)("div",{style:{paddingBottom:"7px"},children:[(0,p.jsxs)("div",{className:A.filterTop,children:[(0,p.jsx)("div",{className:A.filterBy,children:"Filter by"}),n.length>0?(0,p.jsx)("div",{className:A.clearAll,onClick:()=>{r([]),l([]),B.delete("tags"),F.push({...o,search:B.toString(),state:I()})},children:"Clear all"}):null]}),w.map((e=>{const s=g.$[e],i=`showcase_checkbox_key_${e}`,n=`showcase_checkbox_id_${e}`;return(0,p.jsx)("div",{className:A.checkboxListItem,style:{paddingLeft:"12px"},children:(0,p.jsx)(c,{id:n,tag:e,label:s.label,activeTags:t,selectedCheckbox:a,setSelectedCheckbox:r,location:o,readSearchTags:v,replaceSearchTags:y})},i)}))]}),(0,p.jsxs)(d.Q,{value:"1",children:[(0,p.jsx)(m._,{expandIconPosition:"end",style:{background:"linear-gradient(#D1D1D1 0 0) top /89.8% 0.6px no-repeat"},children:(0,p.jsx)("div",{style:{fontSize:"16px",fontWeight:"500"},children:"Language"})}),(0,p.jsx)(h.H,{children:(0,p.jsx)(f,{tags:x,number:"1",activeTags:t,selectedCheckbox:a,setSelectedCheckbox:r,location:o,readSearchTags:v,replaceSearchTags:y})})]}),(0,p.jsxs)(d.Q,{value:"2",children:[(0,p.jsx)(m._,{expandIconPosition:"end",style:{background:"linear-gradient(#D1D1D1 0 0) top /89.8% 0.6px no-repeat"},children:(0,p.jsx)("div",{style:{fontSize:"16px",fontWeight:"500"},children:"Framework"})}),(0,p.jsx)(h.H,{children:(0,p.jsx)(f,{tags:S,number:"2",activeTags:t,selectedCheckbox:a,setSelectedCheckbox:r,location:o,readSearchTags:v,replaceSearchTags:y})})]}),(0,p.jsxs)(d.Q,{value:"3",children:[(0,p.jsx)(m._,{expandIconPosition:"end",style:{background:"linear-gradient(#D1D1D1 0 0) top /89.8% 0.6px no-repeat"},children:(0,p.jsx)("div",{style:{fontSize:"16px",fontWeight:"500"},children:"Services"})}),(0,p.jsx)(h.H,{children:(0,p.jsx)(f,{tags:C,number:"3",activeTags:t,selectedCheckbox:a,setSelectedCheckbox:r,location:o,readSearchTags:v,replaceSearchTags:y})})]}),(0,p.jsxs)(d.Q,{value:"4",children:[(0,p.jsx)(m._,{expandIconPosition:"end",style:{background:"linear-gradient(#D1D1D1 0 0) top /89.8% 0.6px no-repeat"},children:(0,p.jsx)("div",{style:{fontSize:"16px",fontWeight:"500"},children:"Database"})}),(0,p.jsx)(h.H,{children:(0,p.jsx)(f,{tags:j,number:"4",activeTags:t,selectedCheckbox:a,setSelectedCheckbox:r,location:o,readSearchTags:v,replaceSearchTags:y})})]}),(0,p.jsxs)(d.Q,{value:"5",children:[(0,p.jsx)(m._,{expandIconPosition:"end",style:{background:"linear-gradient(#D1D1D1 0 0) top /89.8% 0.6px no-repeat"},children:(0,p.jsx)("div",{style:{fontSize:"16px",fontWeight:"500"},children:"Infrastructure as Code"})}),(0,p.jsx)(h.H,{children:(0,p.jsx)(f,{tags:k,number:"5",activeTags:t,selectedCheckbox:a,setSelectedCheckbox:r,location:o,readSearchTags:v,replaceSearchTags:y})})]}),(0,p.jsxs)(d.Q,{value:"6",children:[(0,p.jsx)(m._,{expandIconPosition:"end",style:{background:"linear-gradient(#D1D1D1 0 0) top /89.8% 0.6px no-repeat"},children:(0,p.jsx)("div",{style:{fontSize:"16px",fontWeight:"500"},children:"Tools"})}),(0,p.jsx)(h.H,{children:(0,p.jsx)(f,{tags:T,number:"6",activeTags:t,selectedCheckbox:a,setSelectedCheckbox:r,location:o,readSearchTags:v,replaceSearchTags:y})})]}),(0,p.jsxs)(d.Q,{value:"7",children:[(0,p.jsx)(m._,{expandIconPosition:"end",style:{background:"linear-gradient(#D1D1D1 0 0) top /89.8% 0.6px no-repeat"},children:(0,p.jsx)("div",{style:{fontSize:"16px",fontWeight:"500"},children:"Topic"})}),(0,p.jsx)(h.H,{children:(0,p.jsx)(f,{tags:P,number:"7",activeTags:t,selectedCheckbox:a,setSelectedCheckbox:r,location:o,readSearchTags:v,replaceSearchTags:y})})]})]})}var z=a(5666),w=a(979),x=a(4678),S=a(4579),C=a(7150),j=a(6136),k=a(5812),T=a(2267);function I(){if(j.Z.canUseDOM)return{scrollTopPosition:window.scrollY,focusedElementId:document.activeElement?.id}}(0,C.l)();const P="tags",D=e=>new URLSearchParams(e).getAll(P),L=(e,t)=>{const a=new URLSearchParams(e);return a.delete(P),t.forEach((e=>a.append(P,e))),a.toString()},F=()=>{const{colorMode:e}=(0,v.I)(),[t,a]=(0,s.useState)(!0),[r,o]=(0,s.useState)(b.PS),[n,c]=(0,s.useState)([]),l=(0,i.TH)(),[u,d]=(0,s.useState)([]);return(0,s.useEffect)((()=>{d(D(l.search)),c(D(l.search)),setTimeout((()=>{a(!1)}),500)}),[l]),t?null:(0,p.jsxs)(w.r,{theme:"dark"==e?x.$:S.Y,children:[(0,p.jsx)(z.Z,{}),(0,p.jsxs)("div",{className:k.Z.filterAndCard,children:[(0,p.jsx)("div",{className:k.Z.filter,children:(0,p.jsx)(y,{activeTags:r,selectedCheckbox:n,setSelectedCheckbox:c,location:l,setSelectedTags:d,selectedTags:u,readSearchTags:D,replaceSearchTags:L})}),(0,p.jsx)("div",{className:k.Z.card,children:(0,p.jsx)(T.default,{setActiveTags:o,selectedTags:u,location:l,setSelectedTags:d,readSearchTags:D,replaceSearchTags:L})})]})]})};function B(){return(0,p.jsx)(r.Z,{children:(0,p.jsx)(F,{})})}},2495:(e,t,a)=>{function s(e,t){const a=[...e];return a.sort(((e,a)=>t(e)>t(a)?1:t(a)>t(e)?-1:0)),a}function r(e,t){const a=e.indexOf(t);if(-1===a)return e.concat(t);const s=[...e];return s.splice(a,1),s}a.d(t,{$:()=>r,M:()=>s})},5812:(e,t,a)=>{a.d(t,{Z:()=>s});const s={checkboxList:"checkboxList_autc",showcaseList:"showcaseList_Cwj2",checkboxListItem:"checkboxListItem_CI1c",cover:"cover_YHbb",searchContainer:"searchContainer_FQjg",searchArea:"searchArea_YqZU",heroBar:"heroBar_x6u6",showcaseFavorite:"showcaseFavorite_HPRp",showcaseHelpWanted:"showcaseHelpWanted_r4aa",helpText:"helpText_Pz8G",showcaseFavoriteHeader:"showcaseFavoriteHeader_hNPk",svgIconFavoriteXs:"svgIconFavoriteXs_Yxtr",svgIconFavorite:"svgIconFavorite_skrm",filterAndCard:"filterAndCard_xQZZ",filter:"filter_VYb7",card:"card_UXd2",load:"load_LPr5",cardLoad:"cardLoad_RfPu",clearAll:"clearAll_dyXO",filterBadge:"filterBadge_kkvc"}}}]); \ No newline at end of file diff --git a/assets/js/121ac934.b1eab22c.js b/assets/js/121ac934.b1eab22c.js deleted file mode 100644 index e4a56845..00000000 --- a/assets/js/121ac934.b1eab22c.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[526,608],{5666:(e,t,a)=>{a.d(t,{u:()=>b,Z:()=>z});var s=a(7294),r=a(4444),i=a(6136),o=a(6550),n=a(2761),p=a(990);const c={cover:"cover_PdqE",searchContainer:"searchContainer_cMCc",searchArea:"searchArea_alce",heroBar:"heroBar_wuj5",color:"color_F1qy",learnMoreColor:"learnMoreColor_JGfd"};var l=a(9524),u=a(9200),d=a(5893);const h="Template Library",m="An open-source template gallery to get started with Azure.",g="https://aka.ms/azd";var b=null;function A(){if(i.Z.canUseDOM)return{scrollTopPosition:window.scrollY,focusedElementId:document.activeElement?.id}}const v="name";function f(e){return new URLSearchParams(e).get(v)}function y(){const e=(0,o.k6)(),t=(0,o.TH)(),[a,i]=(0,s.useState)(null);return(0,s.useEffect)((()=>{i(f(t.search))}),[t]),b=a,(0,d.jsx)(d.Fragment,{children:(0,d.jsx)(r.R,{styles:{root:{border:"1px solid #D1D1D1",height:"52px",maxWidth:"740px",borderRadius:"4px"},icon:{fontSize:"24px",paddingLeft:"10px"},field:{paddingLeft:"20px",fontSize:"18px"}},id:"filterBar",value:null!=f(t.search)?a:"",placeholder:"Search for an azd template...",onClear:a=>{i(null);const s=new URLSearchParams(t.search);s.delete(v),e.push({...t,search:s.toString(),state:A()})},onChange:a=>{if(!a)return;i(a.currentTarget.value);const s=new URLSearchParams(t.search);s.delete(v),a.currentTarget.value&&s.set(v,a.currentTarget.value),e.push({...t,search:s.toString(),state:A()}),setTimeout((()=>{document.getElementById("searchbar")?.focus()}),0)}})})}function z(){const{colorMode:e}=(0,u.I)();return(0,d.jsxs)("div",{className:c.searchContainer,children:[(0,d.jsx)("img",{src:"dark"!=e?(0,l.Z)("/img/coverBackground.png"):(0,l.Z)("/img/coverBackgroundDark.png"),className:c.cover,onError:e=>{let{currentTarget:t}=e;t.style.display="none"},alt:""}),(0,d.jsx)("div",{className:c.searchArea,children:(0,d.jsxs)("div",{style:{display:"flex",flexDirection:"column"},children:[(0,d.jsx)("h1",{className:c.heroBar,children:(0,d.jsx)(n.x,{size:800,align:"center",weight:"semibold",style:{background:"linear-gradient(90deg, rgb(112.68, 94.63, 239.06) 0%, rgb(41.21, 120.83, 190.19) 100%)",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"},children:h})}),(0,d.jsx)(n.x,{align:"center",size:400,style:{color:"#242424",padding:"10px 0 20px 0"},children:m}),(0,d.jsx)(y,{}),(0,d.jsxs)(n.x,{align:"center",size:300,style:{color:"#242424",paddingTop:"20px"},children:["Each template is a fully working, cloud-ready application deployable with the Azure Developer CLI (azd)."," "]}),(0,d.jsxs)(n.x,{align:"center",size:300,style:{color:"#242424",paddingBottom:"20px"},children:["New to azd? Welcome!",(0,d.jsx)(p.r,{href:g,target:"_blank",style:{paddingLeft:"3px"},className:c.learnMoreColor,children:"Learn more in our docs."})]})]})})]})}},7190:(e,t,a)=>{a.d(t,{$:()=>s});const s={msft:{label:"Microsoft Authored",description:"This tag is used for Microsoft azd templates."},community:{label:"Community Authored",description:"This tag is used for community templates."},new:{label:"New",description:"This tag is used for new templates."},popular:{label:"Popular",description:"This tag is used for popular templates."},build2024:{label:"Build 2024 Collection",description:"This tag is used for templates included in the Microsoft Build 2024 conference collection."},javascript:{label:"JavaScript",description:"Template contains JavaScript app code",type:"Language"},typescript:{label:"TypeScript",description:"Template contains TypeScript app code",type:"Language"},dotnetCsharp:{label:".NET/C#",description:"Template contains .NET and/or C# app code",type:"Language"},java:{label:"Java",description:"Template contains Java app code",type:"Language"},python:{label:"Python",description:"Template contains Python app code",type:"Language"},nodejs:{label:"Node.js",description:"Template architecture uses Node.js",type:"Language"},php:{label:"PHP",description:"Template architecture uses PHP",type:"Language"},ruby:{label:"Ruby",description:"Template architecture uses Ruby",type:"Language"},reactjs:{label:"React.js",description:"Template architecture uses React.js",type:"Tools"},sap:{label:"SAP",description:"Template architecture uses Systems Applications and Products in data processing (SAP)",type:"Tools"},sapcloudsdk:{label:"SAP Cloud SDK",description:"Template architecture uses SAP Cloud SDK",type:"Tools"},sapcap:{label:"SAP CAP",description:"Template architecture uses SAP Cloud Application Programming Model",type:"Tools"},thymeleaf:{label:"Thymeleaf",description:"Template architecture uses Thymeleaf template engine",type:"Tools"},"dall-e":{label:"Dall-E",description:"Template architecture uses Dall-E",type:"Tools"},jupyter:{label:"Jupyter Notebooks",description:"Template architecture uses Jupyter Notebooks",type:"Tools"},keda:{label:"KEDA",description:"Template architecture uses Kubernetes Event Driven Autoscaling (KEDA)",type:"Tools"},dapr:{label:"Dapr",description:"Template architecture uses Distributed Application Runtime (dapr)",type:"Tools"},webcomponents:{label:"Web Components",description:"Template architecture uses Web Components",type:"Tools"},helm:{label:"Helm",description:"Template architecture uses Helm",type:"Tools"},gpt:{label:"GPT",description:"Template architecture uses GPT AI model",type:"Tools"},bicep:{label:"Bicep",description:"Template uses Bicep for Infra as Code",type:"Infrastructure as Code"},terraform:{label:"Terraform",description:"Template uses Terraform for Infra as Code",type:"Infrastructure as Code"},mongodb:{label:"MongoDB",description:"Template architecture uses MongoDB",type:"Database"},prometheus:{label:"Prometheus",description:"Template architecture uses Prometheus",type:"Database"},fastapi:{label:"FastAPI",description:"Template architecture uses FastAPI web framework",type:"Framework"},flask:{label:"Flask",description:"Template architecture uses Flask web framework",type:"Framework"},django:{label:"Django",description:"Template architecture uses Django web framework",type:"Framework"},nestjs:{label:"NestJS",description:"Template architecture uses NestJS framework",type:"Framework"},spring:{label:"Spring",description:"Template architecture uses Spring framework",type:"Framework"},streamlit:{label:"Streamlit",description:"Template architecture uses Streamlit library",type:"Framework"},semantickernel:{label:"Semantic Kernel",description:"Template architecture uses Semantic Kernel",type:"Framework"},microfrontend:{label:"Micro Frontend",description:"Template architecture uses Micro Frontend",type:"Framework"},blazor:{label:"Blazor",description:"Template architecture uses Blazor",type:"Framework"},rubyonrails:{label:"Ruby on Rails",description:"Template architecture uses Ruby on Rails web application framework",type:"Framework"},langchain:{label:"LangChain",description:"Template architecture uses LangChain framework",type:"Framework"},kubernetes:{label:"Kubernetes",description:"Template architecture uses Kubernetes",type:"Platform"},dataverse:{label:"Dataverse",description:"Template architecture uses Microsoft Dataverse",type:"Service"},webapps:{label:"Web Apps",description:"Template architecture uses Web Apps",type:"Service"},serverlessapi:{label:"Serverless API",description:"Template architecture uses Serverless API",type:"Service"},appinsights:{label:"Azure Application Insights",description:"Template architecture uses Azure Application Insights",azureIcon:"./img/Azure-Application-Insights.svg",url:"https://learn.microsoft.com/azure/azure-monitor/app/app-insights-overview",type:"Service"},loganalytics:{label:"Azure Log Analytics",description:"Template architecture uses Azure Log Analytics",azureIcon:"./img/Azure-Log-Analytics.svg",url:"https://learn.microsoft.com/azure/azure-monitor/logs/log-analytics-overview",type:"Service"},appservice:{label:"Azure App Service",description:"Template architecture uses Azure App Service",azureIcon:"./img/Azure-App-Service.svg",url:"https://azure.microsoft.com/products/app-service",type:"Service"},monitor:{label:"Azure Monitor",description:"Template architecture uses Azure Monitor Service",azureIcon:"./img/Azure-Monitor.svg",url:"https://azure.microsoft.com/products/monitor",type:"Service"},keyvault:{label:"Azure Key Vault",description:"Template architecture uses Azure Key Vault",azureIcon:"./img/Azure-Key-Vault.svg",url:"https://azure.microsoft.com/products/key-vault",type:"Service"},aca:{label:"Azure Container Apps",description:"Template architecture uses Azure Container Apps",azureIcon:"./img/Azure-Container-Apps.svg",url:"https://azure.microsoft.com/products/container-apps",type:"Service"},cosmosdb:{label:"Azure CosmosDB",description:"Template architecture uses Azure CosmosDB",azureIcon:"./img/Azure-Cosmos-DB.svg",url:"https://azure.microsoft.com/products/cosmos-db/",type:"Service"},functions:{label:"Azure Functions",description:"Template architecture uses Azure Functions",azureIcon:"./img/Azure-Function.svg",url:"https://azure.microsoft.com/products/functions",type:"Service"},blobstorage:{label:"Azure Blob Storage",description:"Template architecture uses Azure Blob Storage",azureIcon:"./img/Azure-Storage.svg",url:"https://azure.microsoft.com/products/storage/blobs",type:"Service"},azuresql:{label:"Azure SQL",description:"Template architecture uses Azure SQL",azureIcon:"./img/Azure-SQL.svg",url:"https://azure.microsoft.com/products/azure-sql/database",type:"Database"},"azuredb-postgreSQL":{label:"Azure PostgreSQL",description:"Template architecture uses Azure Database for PostgreSQL",azureIcon:"./img/Azure-PostgreSQL.svg",url:"https://azure.microsoft.com/products/postgresql",type:"Database"},"azuredb-mySQL":{label:"Azure MySQL",description:"Template architecture uses Azure Database for MySQL",azureIcon:"./img/Azure-MySQL.svg",url:"https://azure.microsoft.com/products/mysql",type:"Database"},swa:{label:"Azure Static Web Apps",description:"Template architecture uses Azure Static Web Apps",azureIcon:"./img/Azure-Static-Web-Apps.svg",url:"https://azure.microsoft.com/products/app-service/static",type:"Service"},servicebus:{label:"Azure Service Bus",description:"Template architecture uses Azure Service Bus",azureIcon:"./img/Azure-Service-Bus.svg",url:"https://azure.microsoft.com/products/service-bus",type:"Service"},vnets:{label:"Azure Virtual Networks (VNET)",description:"Template architecture uses Azure Virtual Networks",azureIcon:"./img/Azure-Virtual-Networks.svg",url:"https://azure.microsoft.com/products/virtual-network",type:"Service"},aisearch:{label:"Azure AI Search",description:"Template architecture uses Azure AI Search",azureIcon:"./img/Azure-AI-Search.svg",url:"https://azure.microsoft.com/products/ai-services/ai-search",type:"Service"},openai:{label:"Azure OpenAI Service",description:"Template architecture uses Azure OpenAI Service",azureIcon:"./img/Azure-OpenAI-Service.svg",darkModeAzureIcon:"./img/Azure-OpenAI-Service-white.svg",url:"https://azure.microsoft.com/products/ai-services/openai-service",type:"Service"},azureai:{label:"Azure AI Service",description:"Template architecture uses Azure AI Service",azureIcon:"./img/Azure-AI-Service.svg",url:"https://azure.microsoft.com/solutions/ai",type:"Service"},apim:{label:"Azure API Management",description:"Template architecture uses Azure API Management",azureIcon:"./img/Azure-API-Management.svg",url:"https://azure.microsoft.com/products/api-management",type:"Service"},aks:{label:"Azure Kubernetes Service",description:"Template architecture uses Azure Kubernetes Service",azureIcon:"./img/Azure-Kubernetes-Service.svg",url:"https://azure.microsoft.com/products/kubernetes-service",type:"Service"},azurecdn:{label:"Azure Content Delivery Network",description:"Template architecture uses Azure Content Delivery Network",azureIcon:"./img/Azure-Front-Door-And-CDN.svg",url:"https://azure.microsoft.com/products/cdn",type:"Service"},frontdoor:{label:"Azure Front Door",description:"Template architecture uses Azure Front Door",azureIcon:"./img/Azure-Front-Door-And-CDN.svg",url:"https://azure.microsoft.com/products/frontdoor",type:"Service"},grafana:{label:"Azure Managed Grafana",description:"Template architecture uses Azure Managed Grafana",azureIcon:"./img/Azure-Managed-Grafana.svg",url:"https://azure.microsoft.com/products/managed-grafana",type:"Service"},azurespringapps:{label:"Azure Spring Apps",description:"Template architecture uses Azure Spring Apps",azureIcon:"./img/Azure-Spring-Apps.svg",url:"https://azure.microsoft.com/products/spring-apps",type:"Service"},rediscache:{label:"Azure Cache for Redis",description:"Template architecture uses Azure Cache for Redis",azureIcon:"./img/Azure-Cache-for-Redis.svg",url:"https://azure.microsoft.com/products/cache",type:"Service"},agw:{label:"Azure Application Gateway",description:"Template architecture uses Azure Application Gateway",azureIcon:"./img/Azure-Application-Gateway.svg",url:"https://azure.microsoft.com/products/application-gateway",type:"Service"},azurebot:{label:"Azure AI Bot Service",description:"Template architecture uses Azure AI Bot Service",azureIcon:"./img/Azure-AI-Bot-Services.svg",url:"https://azure.microsoft.com/products/ai-services/ai-bot-service",type:"Service"},ade:{label:"Azure Deployment Environments",description:"Template architecture uses Azure Deployment Environments",azureIcon:"./img/Azure-Deployment-Environments.svg",url:"https://azure.microsoft.com/products/deployment-environments",type:"Service"},eventhub:{label:"Azure Event Hubs",description:"Template architecture uses Azure Event Hubs",azureIcon:"./img/Azure-Event-Hubs.svg",url:"https://azure.microsoft.com/products/event-hubs",type:"Service"},azurestorage:{label:"Azure Storage",description:"Template architecture uses Azure Storage",azureIcon:"./img/Azure-Storage.svg",url:"https://azure.microsoft.com/products/storage",type:"Service"},azureappconfig:{label:"Azure App Configuration",description:"Template architecture uses Azure App Configuration",azureIcon:"./img/Azure-App-Configuration.svg",url:"https://azure.microsoft.com/products/app-configuration",type:"Service"},aistudio:{label:"Azure AI Studio",description:"Template architecture uses Azure AI Studio",azureIcon:"./img/Azure-AI-Studio.svg",url:"https://azure.microsoft.com/products/ai-studio",type:"Service"},apicenter:{label:"Azure API Center",description:"Template architecture uses Azure API Center",azureIcon:"./img/Azure-API-Center.svg",url:"https://learn.microsoft.com/azure/api-center/overview",type:"Service"},eventgrid:{label:"Azure Event Grid",description:"Template architecture uses Azure Event Grid",azureIcon:"./img/Azure-Event-Grid.svg",url:"https://learn.microsoft.com/azure/event-grid/overview",type:"Service"},diagnosticsettings:{label:"Azure Diagnostic Settings",description:"Template architecture uses Azure Diagnostic Settings",azureIcon:"./img/Azure-Diagnostic-Settings.svg",url:"https://learn.microsoft.com/azure/azure-monitor/essentials/diagnostic-settings",type:"Service"},logicapps:{label:"Azure Logic Apps",description:"Template architecture uses Azure Logic Apps",azureIcon:"./img/Azure-Logic-Apps.svg",url:"https://learn.microsoft.com/azure/logic-apps/logic-apps-overview",type:"Service"},managedidentity:{label:"Azure Managed Identities",description:"Template architecture uses Azure Managed Identities",azureIcon:"./img/Azure-Managed-Identities.svg",url:"https://learn.microsoft.com/entra/identity/managed-identities-azure-resources/overview",type:"Service"},serviceprincipal:{label:"Azure Service Principal",description:"Template architecture uses Azure Service Principal",azureIcon:"./img/Azure-Service-Principal.svg",url:"https://learn.microsoft.com/entra/identity-platform/app-objects-and-service-principals",type:"Service"},azuredatafactory:{label:"Azure Data Factory",description:"Template architecture uses Azure Data Factory",azureIcon:"./img/Azure-Data-Factory.svg",url:"https://learn.microsoft.com/azure/data-factory/introduction",type:"Service"},datascience:{label:"Data Science",description:"Template architecture involves Data Science",type:"Topic"},enterprisepatterns:{label:"Enterprise App Patterns",description:"Template architecture involves Enterprise Application Patterns",type:"Topic"},ai:{label:"Artificial Intelligence",description:"Template architecture involves Artificial Intelligence",type:"Topic"},platformengineering:{label:"Platform Engineering",description:"Template architecture involves Platform Engineering",type:"Topic"}}},6114:(e,t,a)=>{a.d(t,{PS:()=>o,_J:()=>n,xc:()=>i});var s=a(2495),r=a(7190);const i=JSON.parse('[{"title":"Starter - Bicep","description":"A starter template with Bicep as infrastructure provider","preview":"./templates/images/test.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/azd-starter-bicep","tags":["bicep","msft"]},{"title":"Starter - Terraform","description":"A starter template with Terraform as infrastructure provider","preview":"./templates/images/test.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/azd-starter-terraform","tags":["terraform","msft"]},{"title":"WordPress with Azure Container Apps","description":"A blueprint to easily and quickly create and deploy your first scalable and secure WordPress site to Azure, leveraging Azure Container Apps with Azure Database for MariaDb.","preview":"./templates/images/apptemplate-wordpress-on-ACA.png","website":"https://github.com/kpantos","author":"Konstantinos Pantos","source":"https://github.com/Azure-Samples/apptemplate-wordpress-on-ACA","tags":["php","javascript","aca","agw","rediscache","monitor","keyvault","bicep","msft"]},{"title":"React Web App with C# API and MongoDB","description":"A blueprint for getting a React web app with a C# API and a MongoDB database on Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly.","preview":"./templates/images/todo-csharp.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-csharp-cosmos-sql","tags":["dotnetCsharp","typescript","javascript","appservice","cosmosdb","mongodb","monitor","keyvault","reactjs","bicep","msft"]},{"title":"Rock, Paper, Orleans (RPO) - Distributed .NET","description":"Rock, Paper, Orleans (RPO) is a game built using dotnet, Orleans, and runs in Azure.The idea behind RPO is that you write a \\"player bot\\" in which you implement your player logic.","preview":"./templates/images/rock-paper-orleans.png","website":"https://rockpaperorleans.net/","author":"Brady Gaster","source":"https://github.com/bradygaster/RockPaperOrleans","tags":["dotnetCsharp","cosmosdb","aca","bicep","community"]},{"title":"Scalable Django on Azure App Service","description":"Deploy your Django web application with Microsoft Azure, for scale, using a cloud architecture with integrated monitoring and load testing.","preview":"./templates/images/pycon-django.png","website":"https://github.com/tonybaloney","author":"Anthony Shaw","source":"https://github.com/tonybaloney/django-on-azure","tags":["django","python","azuredb-postgreSQL","webapps","vnets","bicep","community"]},{"title":"React Web App with Node.js API and MongoDB","description":"A blueprint for getting a React web app with a Node.js API and a MongoDB database on Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly. This architecture is for hosting web apps and APIs without worrying about the infrastructure.","preview":"./templates/images/todo-nodejs-mongo.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-nodejs-mongo","tags":["bicep","nodejs","typescript","javascript","appservice","cosmosdb","monitor","keyvault","mongodb","reactjs","msft"]},{"title":"Static React Web App + Functions with Node.js API and MongoDB","description":"A blueprint for getting a React web app with a Node.js API and a MongoDB database on Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly. This architecture is for hosting static web apps with serverless logic and functionality.","preview":"./templates/images/todo-nodejs-mongo-swa-func.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-nodejs-mongo-swa-func","tags":["bicep","swa","functions","nodejs","typescript","javascript","cosmosdb","monitor","keyvault","mongodb","reactjs","appservice","msft"]},{"title":"Static React Web App + Functions with Python API and MongoDB","description":"A blueprint for getting a React.js web app with Python (FastAPI) API and a MongoDB API in Cosmos database onto Azure. The frontend, currently a ToDo application, is designed as a placeholder that can easily be removed and replaced with your own frontend code. This architecture is for hosting static web apps with serverless logic and functionality.","preview":"./templates/images/todo-python-mongo-swa-func.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-python-mongo-swa-func","tags":["bicep","swa","functions","python","typescript","javascript","cosmosdb","monitor","keyvault","mongodb","reactjs","appservice","fastapi","msft"]},{"title":"React Web App with Python API and MongoDB - Terraform","description":"A blueprint for getting a React.js web app with Python (FastAPI) API and a MongoDB API in Cosmos database onto Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Terraform) to get up and running quickly. This architecture is for hosting web apps and APIs without worrying about the infrastructure.","preview":"./templates/images/todo-python-terraform.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-python-mongo-terraform","tags":["python","typescript","javascript","cosmosdb","mongodb","monitor","keyvault","reactjs","terraform","appservice","fastapi","msft"]},{"title":"React Web App with Node.js API and MongoDB - Terraform","description":"A blueprint for getting a React web app with a Node.js API and a MongoDB database on Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Terraform) to get up and running quickly. This architecture is for hosting web apps and APIs without worrying about the infrastructure.","preview":"./templates/images/todo-nodejs-mongo-terraform.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-nodejs-mongo-terraform","tags":["nodejs","typescript","javascript","cosmosdb","mongodb","monitor","keyvault","reactjs","terraform","appservice","msft"]},{"title":"React Web App with Python API and MongoDB","description":"A blueprint for getting a React.js web app with Python (FastAPI) API and a MongoDB API in Cosmos database onto Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly. This architecture is for hosting web apps and APIs without worrying about the infrastructure.","preview":"./templates/images/todo-python.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-python-mongo","tags":["bicep","python","typescript","javascript","appservice","cosmosdb","monitor","keyvault","mongodb","reactjs","fastapi","msft"]},{"title":"Containerized React Web App with Node.js API and MongoDB","description":"A blueprint for getting a React web app with a Node.js API and a MongoDB database onto Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly. This architecture is for running containerized apps or microservices on a serverless platform This architecture is for running containerized microservices without managing the servers.","preview":"./templates/images/todo-node-aca.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-nodejs-mongo-aca","tags":["bicep","nodejs","typescript","javascript","appservice","cosmosdb","monitor","keyvault","mongodb","reactjs","aca","msft"]},{"title":"Containerized React Web App with Python API and MongoDB","description":"A blueprint for getting a React.js web app with Python (FastAPI) API and a MongoDB API in Cosmos database onto Azure. The frontend, currently a ToDo application, is designed as a placeholder that can easily be removed and replaced with your own frontend code. This architecture is for running containerized apps or microservices on a serverless platform.","preview":"./templates/images/todo-python-aca.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-python-mongo-aca","tags":["bicep","python","typescript","javascript","aca","cosmosdb","monitor","keyvault","mongodb","reactjs","fastapi","msft"]},{"title":"React Web App with C# API and SQL Database ","description":"A blueprint for getting a React web app with a C# API and a SQL database on Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly.","preview":"./templates/images/todo-csharp-sql.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-csharp-sql","tags":["bicep","dotnetCsharp","typescript","javascript","appservice","azuresql","monitor","keyvault","mongodb","reactjs","msft"]},{"title":"React Web App with Java API and MongoDB ","description":"A blueprint for getting a React.js web app with a Java API and a MongoDB database on Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly. This architecture is for hosting web apps and APIs without worrying about the infrastructure.","preview":"./templates/images/todo-java-mongo.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-java-mongo","tags":["bicep","java","typescript","appservice","cosmosdb","keyvault","monitor","mongodb","reactjs","msft"]},{"title":"Containerized React Web App with Java API and MongoDB","description":"A blueprint for getting a React web app with a Java API and a MongoDB database on Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly. This architecture is for running containerized apps or microservices on a serverless platform.","preview":"./templates/images/todo-java-mongo-aca.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-java-mongo-aca","tags":["bicep","java","typescript","appservice","cosmosdb","keyvault","monitor","mongodb","reactjs","msft"]},{"title":"Static React Web App + Functions with C# API and SQL Database","description":"A blueprint for getting a React web app with a C# API and a SQL database on Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly. This architecture is for hosting static web apps with serverless logic and functionality.","preview":"./templates/images/todo-csharp-sql-swa-func.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-csharp-sql-swa-func","tags":["bicep","swa","functions","dotnetCsharp","typescript","javascript","monitor","keyvault","reactjs","appservice","azuresql","msft"]},{"title":"Kubernetes React Web App with Node.js API and MongoDB","description":"A blueprint for getting a React.js web app with a Node.js API and a MongoDB database on Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly. This architecture is for running Kubernetes clusters without setting up the control plane.","preview":"./templates/images/todo-nodejs-mongo-aks.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/todo-nodejs-mongo-aks","tags":["bicep","nodejs","typescript","javascript","mongodb","monitor","keyvault","reactjs","appservice","cosmosdb","aks","msft"]},{"title":"Static React Web App with Java API and PostgreSQL","description":"A blueprint for getting a React web app with a Java API and a Azure Database for PostgreSQL - Flexible Server on Azure. The blueprint includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get up and running quickly. This architecture is for hosting web apps and APIs without worrying about the infrastructure.","preview":"./templates/images/todo-java-postgres-asa.png","website":"https://github.com/Azure-Samples/","author":"Yi Liu","source":"https://github.com/Azure-Samples/ASA-Samples-Web-Application","tags":["bicep","java","nodejs","spring","webapps","azurespringapps","azuredb-postgreSQL","msft"]},{"title":"ChatGPT + Enterprise Data with Azure OpenAI and AI Search","description":"A sample app for the Retrieval-Augmented Generation pattern running in Azure, using Azure AI Search for retrieval and Azure OpenAI large language models to power ChatGPT-style and Q&A experiences.","preview":"./templates/images/chatgpt-enterprise-dotnet.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/azure-search-openai-demo-csharp","tags":["bicep","dotnetCsharp","aks","kubernetes","aca","aisearch","openai","gpt","rediscache","ai","msft","popular"]},{"title":"Simple Chat Application using Azure OpenAI","description":"A sample chat app that uses Python and the Flask framework to stream ChatGPT completions as server-sent events to a simple frontend.","preview":"./templates/images/simplechat-azureopenai.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/chatgpt-quickstart","tags":["bicep","python","openai","gpt","ai","flask","aca","msft"]},{"title":"Spring ChatGPT Application using Azure OpenAI on Azure Spring Apps","description":"A sample that uses Java Spring framework to build ChatGPT-style application running in Azure Spring Apps.","preview":"./templates/images/asa-chatgpt.png","website":"https://github.com/Azure-Samples","author":"Yi Liu","source":"https://github.com/Azure-Samples/spring-chatgpt-sample","tags":["bicep","java","openai","gpt","ai","blobstorage","azurespringapps","msft"]},{"title":"Enterprise-Grade Reference Architecture for JavaScript","description":"A reference architecture and components for building enterprise-grade modern composable frontends (or micro-frontends) and cloud-native applications. It is a collection of best practices, architecture patterns, and functional components that can be used to build and deploy modern JavaScript applications to Azure.","preview":"./templates/images/enterprise-grade-reference-architecture-for-javascript.png","website":"https://github.com/Azure-Samples, https://github.com/anfibiacreativa","author":"JavaScript Advocacy Team, Natalia Venditto","source":"https://github.com/Azure-Samples/contoso-real-estate","tags":["bicep","javascript","swa","aca","keyvault","blobstorage","azuredb-postgreSQL","cosmosdb","apim","enterprisepatterns","msft","popular"]},{"title":"Python (Django) Web App with PostgreSQL in VNet","description":"A restaurants review web app that uses whitenoise for static assets and PostgreSQL for the database. Ready for deployment on App Service with a PostgreSQL Flexible Server inside a VNet.","preview":"./templates/images/msdocs-django-postgresql-sample-app.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/msdocs-django-postgresql-sample-app","tags":["python","django","webapps","azuredb-postgreSQL","appservice","vnets","msft","popular"]},{"title":"Python (Django) Web App with PostgreSQL via Azure Container Apps","description":"A space tourism web app that uses PostgreSQL for the database. The web app is containerize and deploy with Azure Container Apps with secrets managed by Azure Key Vault","preview":"./templates/images/azure-django-postgres-aca.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/azure-django-postgres-aca","tags":["python","django","aca","azuredb-postgreSQL","bicep","msft"]},{"title":"Python (Flask) Web App with PostgreSQL in VNet","description":"A restaurants review web app with a PostgreSQL database, written in the Python Flask framework plus SQL-Alchemy plus Alembic for database interactions. Ready for deployment on App Service with a PostgreSQL Flexible Server inside a VNet.","preview":"./templates/images/msdocs-flask-postgresql-sample-app.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/msdocs-flask-postgresql-sample-app","tags":["python","webapps","azuredb-postgreSQL","appservice","vnets","flask","msft","popular"]},{"title":"Microservices App - Dapr PubSub C# ACA ServiceBus","description":"A complete microservice application featuring Dapr Pub-Sub, deployed to Azure Container Apps and Azure Service Bus Topics with dead-lettering support.","preview":"./templates/images/test.png","website":"https://github.com/Azure/azure-dev","author":"Azure Content Team","source":"https://github.com/Azure-Samples/pubsub-dapr-csharp-servicebus","tags":["bicep","dotnetCsharp","aca","dapr","servicebus","msft"]},{"title":"Microservices App - Dapr PubSub Python ACA ServiceBus","description":"A complete microservice application featuring Dapr Pub-Sub, deployed to Azure Container Apps and Azure Service Bus Topics with dead-lettering support.","preview":"./templates/images/test.png","website":"https://github.com/Azure/azure-dev","author":"Azure Content Team","source":"https://github.com/Azure-Samples/pubsub-dapr-python-servicebus","tags":["bicep","python","aca","dapr","servicebus","msft"]},{"title":"Microservices App - Dapr PubSub Node.js ACA ServiceBus","description":"A complete microservice application featuring Dapr Pub-Sub, deployed to Azure Container Apps and Azure Service Bus Topics with dead-lettering support.","preview":"./templates/images/test.png","website":"https://github.com/Azure/azure-dev","author":"Azure Content Team","source":"https://github.com/Azure-Samples/pubsub-dapr-nodejs-servicebus","tags":["bicep","javascript","nodejs","aca","dapr","servicebus","msft"]},{"title":"Microservices App - Dapr Bindings Cron C# ACA PostgreSQL","description":"Create microservice to demonstrate Dapr\'s bindings API to work with external systems as inputs and outputs. The service listens to input binding events from a system CRON and then outputs the contents of local data to a PostgreSQL output binding.","preview":"./templates/images/bindings-dapr-cron-postgres.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/bindings-dapr-csharp-cron-postgres","tags":["dapr","dotnetCsharp","azuredb-postgreSQL","aca","msft"]},{"title":"Microservices App - Dapr Bindings Cron Python ACA PostgreSQL","description":"Create a microservice app to demonstrate Dapr\'s bindings API to work with external systems as inputs and outputs. The service listens to input binding events from a system CRON and then outputs the contents of local data to a postgreSQL output binding.","preview":"./templates/images/bindings-dapr-cron-postgres.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/bindings-dapr-python-cron-postgres","tags":["dapr","python","azuredb-postgreSQL","aca","msft"]},{"title":"Microservices App - Dapr Bindings Cron Node.js ACA PostgreSQL","description":"Create a microservice app to demonstrate Dapr\'s bindings API to work with external systems as inputs and outputs. The service listens to input binding events from a system CRON and then outputs the contents of local data to a postgreSQL output binding.","preview":"./templates/images/bindings-dapr-cron-postgres.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/bindings-dapr-nodejs-cron-postgres","tags":["dapr","nodejs","azuredb-postgreSQL","javascript","aca","msft"]},{"title":"Microservices App - Dapr Service Invoke Node.js ACA","description":"Create two microservices that communicate using Dapr\'s Service Invocation API. The Service Invocation API enables your applications to communicate reliably and securely by leveraging auto-mTLS and built-in retries.","preview":"./templates/images/svc-invoke-dapr.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/svc-invoke-dapr-nodejs","tags":["dapr","nodejs","aca","msft"]},{"title":"Microservices App - Dapr Service Invoke Python ACA","description":"Create two microservices that communicate using Dapr\'s Service Invocation API. The Service Invocation API enables your applications to communicate reliably and securely by leveraging auto-mTLS and built-in retries.","preview":"./templates/images/svc-invoke-dapr.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/svc-invoke-dapr-python","tags":["dapr","python","aca","msft"]},{"title":"Microservices App - Dapr Service Invoke C# ACA","description":"Create two microservices that communicate using Dapr\'s Service Invocation API. The Service Invocation API enables your applications to communicate reliably and securely by leveraging auto-mTLS and built-in retries.","preview":"./templates/images/svc-invoke-dapr.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/svc-invoke-dapr-csharp","tags":["dapr","dotnetCsharp","aca","msft"]},{"title":"ChatGPT + Enterprise data with Azure OpenAI and AI Search","description":"A sample app for the Retrieval-Augmented Generation pattern running in Azure, using Azure AI Search for retrieval and Azure OpenAI large language models to power ChatGPT-style and Q&A experiences.","preview":"./templates/images/azure-search-openai-demo-appcomponents.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/azure-search-openai-demo","tags":["openai","gpt","aisearch","python","typescript","bicep","nodejs","ai","msft","popular","blobstorage","appservice","build2024"]},{"title":"FastAPI on Azure Functions","description":"A simple FastAPI app deployed to Azure Functions. Can also be run and debugged locally with the Azure Functions Core Tool emulator.","preview":"./templates/images/fastapi-on-azure-functions.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/fastapi-on-azure-functions","tags":["python","fastapi","functions","msft"]},{"title":"Spring PetClinic - Java Spring MySQL","description":"Spring PetClinic application using a set of Azure solutions. Azure App Service for app hosting, Azure Database for MySQL for storage, Azure Key Vault for securing secret and Azure Application Insights for monitoring and logging.","preview":"./templates/images/spring-petclinic-java-mysql.png","website":"https://github.com/wangmingliang-ms","author":"Miller Wang","source":"https://github.com/Azure-Samples/spring-petclinic-java-mysql","tags":["java","appservice","azuresql","monitor","keyvault","appinsights","bicep","spring","thymeleaf","msft"]},{"title":"Event Driven Java Application with Azure Service Bus on Azure Spring Apps","description":"A complete event-driven application that includes everything you need to build, deploy, and monitor an Azure solution. ","preview":"./templates/images/event-driven-spring-apps.png","website":"https://github.com/Azure-Samples/","author":"Azure Content Team","source":"https://github.com/Azure-Samples/ASA-Samples-Event-Driven-Application","tags":["java","servicebus","monitor","keyvault","azurespringapps","bicep","spring","msft"]},{"title":"SAP Cloud SDK on Azure App Service Quickstart (TypeScript)","description":"This repos serves as quick-start project showcasing SAP Cloud SDK for JavaScript OData consumption running on Azure App Services. Its primary purpose is to set you up for success for your SAP extension project on Azure and reduce the lead time to your first successful deployment as much as possible with developer friendly commands.","preview":"./templates/images/app-service-javascript-sap-cloud-sdk-quickstart.png","website":"https://github.com/MartinPankraz, https://github.com/lechnerc77","author":"Martin Pankraz, Christian Lechner","source":"https://github.com/Azure-Samples/app-service-javascript-sap-cloud-sdk-quickstart","tags":["typescript","nodejs","bicep","webapps","apim","keyvault","appinsights","nestjs","sap","sapcloudsdk","msft"]},{"title":"Service Bus messages processing to Dataverse","description":"Starter solution to process Service Bus messages to Dataverse, C# for the Azure Functions app processing the messages, Azure Service Bus for the reception of the messages, and Azure Monitor for monitoring and logging.","preview":"./templates/images/servicebus-csharp-function-dataverse.jpg","website":"https://github.com/rpothin","author":"Raphael Pothin","source":"https://github.com/rpothin/servicebus-csharp-function-dataverse","tags":["dotnetCsharp","functions","servicebus","monitor","keyvault","dataverse","community"]},{"title":"Simple Flask AZD","description":"A tiny, no-frills, template to deploy Python\'s Flask web framework to Azure App Service in the free tier.","preview":"./templates/images/simple-flask-azd.png","website":"https://github.com/tonybaloney","author":"Anthony Shaw","source":"https://github.com/tonybaloney/simple-flask-azd","tags":["python","appservice","flask","community"]},{"title":"Azure Functions - Text Summarization using AI Cognitive Language Service (C#-Isolated)","description":"This sample shows how to take text documents as a input via BlobTrigger, does Text Summarization processing using the AI Congnitive Language service, and then outputs to another text document using BlobOutput binding.","preview":"./templates/images/test.png","website":"https://github.com/Azure-Samples","author":"Paul Yuknewicz","source":"https://github.com/Azure-Samples/function-csharp-ai-textsummarize","tags":["functions","aisearch","dotnetCsharp","azureai","ai","msft"]},{"title":"Azure Functions - Text Summarization using AI Cognitive Language Service (Python v2 Function)","description":"This sample shows how to take text documents as a input via BlobTrigger, does Text Summarization processing using the AI Congnitive Language service, and then outputs to another text document using BlobOutput binding.","preview":"./templates/images/test.png","website":"https://github.com/Azure-Samples","author":"Paul Yuknewicz","source":"https://github.com/Azure-Samples/function-python-ai-textsummarize","tags":["functions","aisearch","python","azureai","ai","msft"]},{"title":"Flask Container with CDN","description":"A simple photos website written with Python Flask and Bootstrap. Can be run locally with Docker and then deployed to Azure Container Apps with an Azure CDN in front.","preview":"./templates/images/flask-cdn-container-app.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/pamelafox/flask-gallery-container-app","tags":["python","flask","webapps","aca","azurecdn","community"]},{"title":"Flask Surveys Container App","description":"A survey app written with the Python Flask framework which uses Flask-SQLAlchemy with a PostgreSQL database. Can be developed locally with Docker Compose and then deployed to Azure Container Apps (using KeyVault SDK for Flask secrets).","preview":"./templates/images/flask-surveys-container-app.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/pamelafox/flask-surveys-container-app","tags":["python","flask","keyvault","aca","webapps","azuredb-postgreSQL","community"]},{"title":"Flask API on Azure Container Apps","description":"A simple JSON API using the Python Flask framework, designed for deployment on Azure Container Apps.","preview":"./templates/images/simple-flask-api-container.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/pamelafox/simple-flask-api-container","tags":["python","bicep","aca","flask","community"]},{"title":"FastAPI with API Management","description":"A FastAPI app deployed as a secured Azure Function with an API Management Policy in front, set up such that API calls require a subscription key but auto-generated documentation is publicly viewable. Project also includes 100% test coverage with Pytest plus a development workflow with ruff, isort, and black.","preview":"./templates/images/fastapi-azure-function-apim.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/pamelafox/fastapi-azure-function-apim","tags":["python","fastapi","functions","apim","community"]},{"title":"Flask Chart API on ACA and CDN","description":"A Charts API that renders PNGs of bar and pie charts, built with Python Flask, APIFlask, and matplotlib. Can be run locally with Docker and then deployed to Azure Container Apps with an Azure CDN in front.","preview":"./templates/images/flask-cdn-container-app.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/pamelafox/flask-charts-api-container-app","tags":["python","flask","webapps","aca","azurecdn","community"]},{"title":"Static Maps API Function and CDN","description":"A FastAPI app that renders map images for the given location. Deployed as a secured Azure function with an Azure CDN in front for caching.","preview":"./templates/images/staticmaps-function.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/pamelafox/staticmaps-function","tags":["python","functions","fastapi","monitor","azurecdn","community"]},{"title":"Jupyter Notebooks Web App on Azure Container Apps","description":"A web application used for hosting, sharing, and interacting with Jupyter Notebooks via Mercury, hosted on Azure Container Apps.","preview":"./templates/images/jupyter-mercury-aca.png","website":"https://github.com/savannahostrowski","author":"Savannah Ostrowski","source":"https://github.com/savannahostrowski/jupyter-mercury-aca","tags":["python","bicep","webapps","aca","jupyter","datascience","community"]},{"title":"Python (Django) Web App with PostgreSQL and Key Vault","description":"A Python Django app on App Service with a PostgreSQL flexible server database. Database access is restricted to Azure IPs, and all administrative secrets are stored in Key Vault.","preview":"./templates/images/django-quiz-app.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/pamelafox/django-quiz-app","tags":["python","django","webapps","appservice","bicep","azuredb-postgreSQL","keyvault","community"]},{"title":"Reliable Web App Pattern for .NET","description":"A multi-region enterprise web app with a 99.9% SLO and a focus on 12-factor apps and the well-architected framework. The sample app creates a concert booking application.","preview":"./templates/images/reliable-web-app-for-dotnet.png","website":"https://github.com/Azure","author":"Azure Content Team","source":"https://github.com/Azure/reliable-web-app-pattern-dotnet","tags":["dotnetCsharp","bicep","appservice","keyvault","frontdoor","azuresql","appinsights","blobstorage","webapps","enterprisepatterns","msft"]},{"title":"FastAPI on Azure Container Apps","description":"A simple JSON API using the Python FastAPI app framework, designed for deployment on Azure Container Apps. Includes auto-configuration of gunicorn with uvicorn worker count based on CPUs available.","preview":"./templates/images/simple-fastapi-container.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/pamelafox/simple-fastapi-container","tags":["python","fastapi","bicep","aca","community"]},{"title":"Containerized Apps on Azure Kubernetes Service","description":"A base Azure Kubernetes Service template with placeholders to include the application source code (no application source code included) and Kubernetes manifest files.","preview":"./templates/images/basic-aks-template.png","website":"https://github.com/sabbour/","author":"Ahmed Sabbour","source":"https://github.com/sabbour/aks-app-template","tags":["bicep","aks","kubernetes","keda","grafana","prometheus","community"]},{"title":"React Component Toolkit with ChatGPT and OpenAI ","description":"A sample demo for building and testing react components and includes a set of unique features including AI component generation and automatic conversion to Azure APIM Widgets","preview":"./templates/images/react-component-toolkit-openai.png","website":"https://github.com/jenny0322","author":"Jenny Chen","source":"https://github.com/Azure-Samples/react-component-toolkit-openai-demo","tags":["bicep","openai","gpt","ai","apim","reactjs","typescript","javascript","msft"]},{"title":"Python (Flask) Web App with PostgreSQL","description":"A Python Flask app on App Service with a PostgreSQL flexible server database. Database access is restricted to Azure IPs, and admin password is generated randomly","preview":"./templates/images/flask-db-quiz-example.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/pamelafox/flask-db-quiz-example","tags":["python","flask","bicep","appservice","webapps","azuredb-postgreSQL","community"]},{"title":"DotNet Function App with Service Bus","description":"A sample that uses a C# Function App with native Service Bus bindings to both add and react to Queued Messages","preview":"./templates/images/servicebus-dotnet-functionapp.png","website":"https://github.com/gordonby","author":"Gordon Byers","source":"https://github.com/Gordonby/servicebus-dotnet-functionapp","tags":["dotnetCsharp","functions","bicep","servicebus","community"]},{"title":"FastAPI, htmx, TailwindCSS on App Service","description":"A sample web app using FastAPI, htmx, and TailwindCSS that demonstrates dynamic design. Does not require a database provision.","preview":"./templates/images/fastapi-apps-loganalytics.png","website":"https://github.com/tataraba","author":"Mario Munoz","source":"https://github.com/tataraba/musicbinder-azd","tags":["fastapi","python","appservice","webapps","loganalytics","bicep","community"]},{"title":"Simple Streamlit","description":"A tiny, no-frills, template to deploy Python\'s Streamlit web framework to Azure App Service in the free tier.","preview":"./templates/images/simple-flask-azd.png","website":"https://github.com/MiguelElGallo","author":"Miguel P. Z.","source":"https://github.com/MiguelElGallo/simple-streamlit-azd","tags":["python","appservice","streamlit","community"]},{"title":"Azure API Management with Azure OpenAI","description":"Unleash the power of Azure OpenAI to your application developers in a secure & manageable way with Azure API Management.","preview":"./templates/images/apim-openai.png","website":"https://github.com/pascalvanderheiden","author":"Pascal van der Heiden","source":"https://github.com/pascalvanderheiden/ais-apim-openai","tags":["bicep","apim","openai","ai","appinsights","monitor","enterprisepatterns","keyvault","community"]},{"title":"Docusaurus with Azure Container Apps","description":"A blueprint to easily and quickly create and deploy your product documentation in Docusaurus using Azure Container Apps.","preview":"./templates/images/docusaurus-aca-template.png","website":"https://github.com/jsburckhardt","author":"Juan Burckhardt","source":"https://github.com/jsburckhardt/docusaurus-aca","tags":["javascript","aca","bicep","community"]},{"title":"Java Spring Apps with Azure OpenAI","description":"AI Shopping Cart is a sample app template that supercharges your shopping experience with the power of AI. It leverages Azure OpenAI and Azure Spring Apps to build a recommendation engine that is not only scalable, resilient, and secure, but also personalized to your needs.","preview":"./templates/images/java-springapps-openai.png","website":"https://github.com/pmalarme","author":"Pierre Malarme","source":"https://github.com/Azure-Samples/app-templates-java-openai-springapps","tags":["spring","openai","ai","aca","azurespringapps","azuredb-postgreSQL","monitor","reactjs","bicep","msft"]},{"title":"React Web App with Azure API Management exposing SAP OData APIs","description":"Expose your SAP OData APIs via Azure API Management and link it with Azure Static Web App to create & integrate a serverless Web App blazing fast with GitHub Copilot or ChatGPT.","preview":"./templates/images/apim-odata-reactjs.png","website":"https://github.com/pascalvanderheiden","author":"Pascal van der Heiden","source":"https://github.com/pascalvanderheiden/ais-apim-odata-reactjs","tags":["bicep","swa","apim","sap","reactjs","typescript","javascript","monitor","keyvault","appinsights","gpt","community"]},{"title":"Azure OpenAI with Azure Bot and Custom API calling, Behind a Firewall","description":"A Teams Chatbot running behind a Firewall that leverages OpenAI to call private APIs.","preview":"./templates/images/locked-down-bot-openai.png","website":"https://github.com/graemefoster","author":"Graeme Foster","source":"https://github.com/graemefoster/LockedDownChatBot","tags":["openai","ai","dotnetCsharp","appservice","azurebot","agw","community"]},{"title":"Hello world Java Application on Azure Spring Apps","description":"A complete hello-world application that includes everything you need to build, deploy, and run an Azure Spring Apps solution.","preview":"./templates/images/asa-helloworld.png","website":"https://github.com/spring-guides/","author":"Yi Liu","source":"https://github.com/spring-guides/gs-spring-boot-for-azure","tags":["java","azurespringapps","webapps","bicep","spring","community"]},{"title":"Terraform template to bootstrap Azure Deployment Environments","description":"A template to deploy Azure DevCenter with the minimun configuration to start using Azure Deployment Environments and supercharge your platform engineering story. Infrastructure as Code (written in Terraform) will get you started quickly to enable developers to self-serve environments via the Developer Portal, Azure CLI or CI/CD pipelines.","preview":"./templates/images/azure-deployment-environments.png","website":"https://github.com/lopezleandro03","author":"Leandro Lopez","source":"https://github.com/lopezleandro03/azd-devcenter","tags":["terraform","platformengineering","ade","community"]},{"title":"Java - ChatGPT + Enterprise data with Azure OpenAI and AI Search","description":"This repo is the java conversion of the well known chatGPT + Enterprise data code sample originally developed in python","preview":"./templates/images/azure-search-openai-demo-java.png","website":"https://github.com/dantelmomsft","author":"Davide Antelmo","source":"https://github.com/Azure-Samples/azure-search-openai-demo-java","tags":["java","spring","openai","ai","appservice","aisearch","semantickernel","reactjs","bicep","msft"]},{"title":"Next.js on Container Apps","description":"A blueprint for getting a Next.js app running on Azure Container Apps with CDN and Application Insights.","preview":"./templates/images/nextjs-aca.png","website":"https://github.com/CMeeg","author":"Chris Meagher","source":"https://github.com/CMeeg/nextjs-aca","tags":["typescript","reactjs","nodejs","bicep","aca","azurecdn","appinsights","community"]},{"title":"ChatGPT and RAG with Azure OpenAI and AI Search for JavaScript","description":"A reference sample to build Retrieval Augmented Generation applications using Azure AI Search and Azure OpenAI.","preview":"./templates/images/azure-search-openai-javascript.png","website":"https://github.com/Azure-Samples, https://github.com/anfibiacreativa, https://github.com/shibbas","author":"JavaScript Advocacy Team, Natalia Venditto, Shibani Basava","source":"https://github.com/Azure-Samples/azure-search-openai-javascript","tags":["ai","bicep","gpt","aisearch","javascript","nodejs","openai","typescript","webcomponents","microfrontend","msft","build2024"]},{"title":"Bicep template to bootstrap Azure Deployment Environments","description":"A template to deploy Azure DevCenter with the minimun configuration to start using Azure Deployment Environments and supercharge your platform engineering story. Infrastructure as Code (written in Bicep) will get you started quickly to enable developers to self-serve environments via the Developer Portal, Azure CLI or CI/CD pipelines.","preview":"./templates/images/azure-deployment-environments.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/azd-deployment-environments","tags":["bicep","platformengineering","ade","msft"]},{"title":".NET eShop on Web App with Redis Cache","description":"A web application hosted in App Services Web App using Redis Cache for shopping cart and session data, and using SQL database for product catelog. Cache aside pattern applied","preview":"./templates/images/webapp-rediscache-sql-vnet.png","website":"https://github.com/CawaMS","author":"Catherine Wang","source":"https://github.com/CawaMS/eShop","tags":["dotnetCsharp","rediscache","azuresql","appservice","community"]},{"title":"Real time game leaderboard with Azure Container Apps and Redis Cache","description":"Azure container app for a real-time game leaderboard that saves players and scores as sorted set in Azure Cache for Redis","preview":"./templates/images/containerapp-rediscache-leaderboard.png","website":"https://github.com/CawaMS","author":"Catherine Wang","source":"https://github.com/CawaMS/GameLeaderboard","tags":["aca","dotnetCsharp","rediscache","community"]},{"title":".NET Redis OutputCache with Azure OpenAI","description":"An AI image gallery.Azure Container app that uses Redis Cache to save web responses for improving Azure Open AI API calls performance, consistency, and efficiency","preview":"./templates/images/aca-openai-redis-artgallery.png","website":"https://github.com/CawaMS","author":"Catherine Wang","source":"https://github.com/CawaMS/OutputCacheOpenAI","tags":["aca","dotnetCsharp","rediscache","ai","openai","community"]},{"title":"Azure OpenAI Conference Session Recommender","description":"Build a recommender using OpenAI, Azure Functions, Azure Static Web Apps, Azure SQL DB, Data API builder and Text Embeddings","preview":"./templates/images/session-recommender-architecture.png","website":"https://sessionfinder.dotnetconf.net/","author":"Davide Mauri","source":"https://github.com/Azure-Samples/azure-sql-db-session-recommender","tags":["msft","reactjs","appservice","functions","azuresql","swa","appinsights","openai","azureai","enterprisepatterns","ai"]},{"title":"Microservices App - Dapr PubSub Java AKS","description":"Demonstrate event-driven communication between microservices by leveraging the pub/sub messaging architecture using Dapr for a Java application running in an AKS cluster.","preview":"./templates/images/dapr-pubsub-java-aks-diagram.png","website":"https://github.com/Azure-Samples","author":"Mahmut Canga","source":"https://github.com/Azure-Samples/pubsub-dapr-aks-java","tags":["dapr","java","aks","msft"]},{"title":"Azure Functions - Chat using ChatGPT (Node.js JavaScript Function)","description":"This sample shows how to take a ChatGPT prompt as HTTP Get or Post input, calculates the completions using OpenAI ChatGPT service, and then returns the output plus caches in a Blob state store.","preview":"./templates/images/test.png","website":"https://github.com/Azure-Samples","author":"Paul Yuknewicz","source":"https://github.com/Azure-Samples/function-javascript-ai-openai-chatgpt","tags":["functions","openai","javascript","ai","gpt","msft"]},{"title":"Azure Functions - Chat using ChatGPT (Python v2 Function)","description":"This sample shows how to take a ChatGPT prompt as HTTP Get or Post input, calculates the completions using OpenAI ChatGPT service, and then returns the output plus caches in a Blob state store.","preview":"./templates/images/test.png","website":"https://github.com/Azure-Samples","author":"Paul Yuknewicz","source":"https://github.com/Azure-Samples/function-python-ai-openai-chatgpt","tags":["functions","openai","python","ai","gpt","msft"]},{"title":"Azure Functions - LangChain with Azure OpenAI and ChatGPT (Python v2 Function)","description":"This sample shows how to take a human prompt as HTTP Get or Post input, calculates the completions using chains of human input and templates. This is a starting point that can be used for more sophisticated chains.","preview":"./templates/images/test.png","website":"https://github.com/Azure-Samples","author":"Paul Yuknewicz","source":"https://github.com/Azure-Samples/function-python-ai-langchain","tags":["functions","python","ai","msft"]},{"title":"Multi-repo ChatGPT and Enterprise data with Azure OpenAI and AI Search","description":"Azure OpenAI at scale in a secure manner.","preview":"./templates/images/GPT-Rag-Architecture-Zero-Trust.png","website":"https://github.com/Azure","author":"Azure Content Team","source":"https://github.com/Azure/GPT-RAG","tags":["openai","gpt","aisearch","python","typescript","bicep","nodejs","ai","msft"]},{"title":"Blazor Web App with C# and SQL Database on Azure","description":"A starter project for creating a Blazor web app using C# and a SQL database hosted on Azure. The project contains sample application code which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (written in Bicep) to get the app up and running quickly.","preview":"./templates/images/azd-blazor.png","website":"https://jasontaylor.dev","author":"JasonTaylorDev","source":"https://github.com/JasonTaylorDev/azd-blazor","tags":["bicep","dotnetCsharp","appservice","azuresql","monitor","keyvault","blazor","community"]},{"title":"Using FastAPI Framework with Azure Functions to serve paginated data from Snowflake","description":"This is a sample Azure Function app created with the FastAPI framework to serve data from Snowflake using pagination","preview":"./templates/images/simple-fastapi-snow-azd.png","website":"https://github.com/MiguelElGallo","author":"Miguel P. Z.","source":"https://github.com/MiguelElGallo/simple-fastapi-snow-azd","tags":["python","fastapi","functions","bicep","community"]},{"title":"Python (Flask) Web App with MySQL and Key Vault","description":"A Python Flask app on App Service with a MySQL flexible server database. Database access is restricted to Azure IPs, and all administrative secrets are stored in Key Vault.","preview":"./templates/images/flask-db-mysql-example.png","website":"https://github.com/john0isaac","author":"John Aziz","source":"https://github.com/john0isaac/flask-webapp-mysql-db","tags":["python","flask","bicep","appservice","webapps","azuredb-mySQL","keyvault","community"]},{"title":"Azure Function with Event Hub with optional virtual network capabilities","description":"An Azure Function app which sends events to and consumes from an Event Hub. The Function app can optionally be configured to integrate with a virtual network, and dependent resources configured with virtual network private endpoints. Managed identity is used for authentication to dependent resources.","preview":"./templates/images/function-eventhub-vnet.png","website":"https://github.com/Azure-Samples/","author":"Michael S. Collier","source":"https://github.com/Azure-Samples/function-eventhub-vnet","tags":["bicep","dotnetCsharp","functions","appinsights","keyvault","eventhub","azurestorage","vnets","msft"]},{"title":"URL Shortener using Microsoft Orleans and Azure for hosting and data","description":"An ASP.NET Core 8.0 web application to illustrate basic Microsoft Orleans concepts; such as working with Grains, Silos, and persistent state. Uses Azure Developer CLI (azd) to build, deploy, and monitor.","preview":"./templates/images/test.png","website":"https://github.com/Azure-Samples","author":"Azure Cosmos DB Content Team","source":"https://github.com/azure-samples/orleans-url-shortener","tags":["bicep","dotnetCsharp","cosmosdb","msft","aca"]},{"title":"Azure OpenAI priority-based load balancer with Azure Container Apps","description":"A load balancer crafted specifically for Azure OpenAI, which is aware of \'retry-after\' headers and intelligently pause traffic when certain OpenAI endpoints reach maximum capacity.","preview":"./templates/images/openai-aca-loadbalancer.png","website":"https://github.com/Azure-Samples","author":"Andre Dewes","source":"https://github.com/Azure-Samples/openai-aca-lb","tags":["aca","openai","ai","msft","bicep","dotnetCsharp"]},{"title":"Azure Kubernetes Service Store Demo","description":"Sample microservices app for AKS demos, tutorials, and experiments.","preview":"./templates/images/aks-store-demo.png","website":"https://github.com/Azure-Samples","author":"AKS Content Team","source":"https://github.com/azure-samples/aks-store-demo","tags":["terraform","aks","openai","ai","msft","kubernetes","helm"]},{"title":"Setting up Azure OpenAI as a central capability within your organization","description":"Unleash the power of Azure AI to all your application developers in a secure & manageable way with Azure API Management and Azure Container Apps, utilizing Azure OpenAI PTUs across your organization with chargeback capabilities.","preview":"./templates/images/enterprise-azureai.png","website":"https://github.com/Azure, https://github.com/azureholic, https://github.com/iMicknl, https://github.com/pascalvanderheiden","author":"Azure AI Content Team, Remco Brosky, Mick Vleeshouwer, Pascal van der Heiden","source":"https://github.com/Azure/enterprise-azureai","tags":["bicep","apim","openai","ai","appinsights","monitor","enterprisepatterns","aca","dotnetCsharp","msft"]},{"title":"SAP Cloud SDK on Azure Functions Quickstart (TypeScript)","description":"This repos serves as quick-start project showcasing SAP Cloud SDK for JavaScript OData consumption running on Azure Functions. Its primary purpose is to set you up for success for your SAP extension project on Azure and reduce the lead time to your first successful deployment as much as possible with developer friendly commands.","preview":"./templates/images/functions-javascript-sap-cloud-sdk-quickstart.png","website":"https://github.com/MartinPankraz, https://github.com/lechnerc77","author":"Martin Pankraz, Christian Lechner","source":"https://github.com/Azure-Samples/functions-javascript-sap-cloud-sdk-quickstart","tags":["typescript","nodejs","bicep","webapps","apim","keyvault","appinsights","nestjs","sap","sapcap","msft"]},{"title":"SAP CAP on Azure App Service Quickstart","description":"This repos serves as quick-start project showcasing SAP Cloud Application Programming Model (CAP) for Node.js OData consumption from SAP S/4HANA running on Azure App Services backed with Azure Cosmos DB for PostgreSQL. SAP offers a native module cds-dbs for PostgreSQL integration.","preview":"./templates/images/app-service-javascript-sap-cap-quickstart.png","website":"https://github.com/MartinPankraz, https://github.com/vobu","author":"Martin Pankraz, Volker Buzek","source":"https://github.com/Azure-Samples/app-service-javascript-sap-cap-quickstart","tags":["nodejs","bicep","webapps","apim","keyvault","appinsights","nestjs","sap","cosmosdb","azuredb-postgreSQL","sapcloudsdk","msft"]},{"title":"Azure API Management policy for priority-based routing to Azure OpenAI","description":"A load balancer policy crafted specifically for Azure OpenAI, which is aware of \'retry-after\' headers and intelligently pause traffic when certain OpenAI endpoints reach maximum capacity.","preview":"./templates/images/openai-apim-loadbalancer.png","website":"https://github.com/Azure-Samples, https://github.com/codebytes","author":"Andre Dewes, Chris Ayers","source":"https://github.com/Azure-Samples/openai-apim-lb","tags":["apim","openai","ai","msft","bicep"]},{"title":"Langfuse on Azure","description":"Deploy Langfuse (open-source LLM observability platform) to Azure Container Apps with PostgreSQL Flexible Server.","preview":"./templates/images/aca_postgres_keyvault.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/Azure-Samples/langfuse-on-azure","tags":["aca","azuredb-postgreSQL","keyvault","ai","msft","bicep"]},{"title":"PostgreSQL + Pgvector","description":"Deploy a PostgreSQL Flexible Server with Pgvector extension and keyless auth, then access it from Python scripts.","preview":"./templates/images/postgres_entra.png","website":"https://github.com/pamelafox","author":"Pamela Fox","source":"https://github.com/Azure-Samples/azure-postgres-pgvector-python","tags":["azuredb-postgreSQL","ai","msft","bicep","python"]},{"title":"Azure Open AI management and logging via Azure API Management","description":"To use Azure Open AI in production, you need to manage each application and user by issuing new keys, and monitor their usage such as number of tokens they consume and types of endpoint and mode they use. The solution uses Azure APIM and other resources to support such requirements.","preview":"./templates/images/aoai_apim.svg","website":"https://github.com/microsoft","author":"Kenichiro Nakamura","source":"https://github.com/microsoft/aoai-logging-with-apim","tags":["bicep","msft","ai","openai","apim","keyvault","dotnetCsharp"]},{"title":"Remix on Container Apps","description":"A blueprint for getting a Remix app running on Azure Container Apps with CDN and Application Insights.","preview":"./templates/images/remix-aca.png","website":"https://github.com/CMeeg","author":"Chris Meagher","source":"https://github.com/CMeeg/remix-aca","tags":["typescript","reactjs","nodejs","bicep","aca","azurecdn","appinsights","community"]},{"title":".NET AI samples with Azure OpenAI","description":".NET samples demonstrating how to use AI in your .NET applications. Each sample demonstrate a specific AI scenario with only a few lines of code. It consists of a console application, running locally, that will send request(s) to an Azure OpenAI Service deployed in your Azure subscription","preview":"./templates/images/dotnet-ai-samples.png","website":"https://github.com/fboucher","author":"Frank Boucher","source":"https://github.com/dotnet/ai-samples","tags":["ai","openai","dotnetCsharp","azureai","msft","gpt","dall-e","semantickernel","bicep"]},{"title":"Azure OpenAI Conference Session Assistant","description":"Build a conference assistant using using Vector Search and Retrieval Augmented Generator to allow attendees to ask questions about conference in natural language","preview":"./templates/images/session-assistant-architecture.png","website":"https://ai.lasvegas.vslive.com/","author":"Davide Mauri","source":"https://github.com/Azure-Samples/azure-sql-db-session-recommender-v2","tags":["bicep","msft","reactjs","appservice","functions","azuresql","swa","appinsights","openai","azureai","enterprisepatterns","ai"]},{"title":"Simple Flask (Python) Web App (Terraform) on Azure","description":"A simple Python Flask website, made for demonstration purposes only, and deployed to Azure App service and Azure Monitoring.","preview":"./templates/images/flask-app-terraform.png","website":"https://github.com/john0isaac","author":"John Aziz","source":"https://github.com/john0isaac/simple-flask-app-terraform","tags":["python","flask","terraform","appservice","loganalytics","monitor","appinsights","community"]},{"title":"Dynamic Configuration for AKS workloads (w/o changing ConfigMaps or with Azure App Configuration)","description":"A sample that demonstrates how to dynamically configure an Azure Kubernetes Service (AKS) workload with Azure App Configuration.","preview":"./templates/images/azure-appconfig-aks.png","website":"https://github.com/Azure/AppConfiguration","author":"Azure App Configuration","source":"https://github.com/Azure-Samples/azure-appconfig-aks","tags":["azureappconfig","kubernetes","aks","dotnetCsharp","bicep","webapps","msft"]},{"title":"Chat with your Data Solution Accelerator","description":"A Solution Accelerator for the RAG pattern running in Azure, using Azure AI Search for retrieval and Azure OpenAI large language models to power ChatGPT-style and Q&A experiences. This includes most common requirements and best practices.","preview":"./templates/images/cwyd-solution-architecture.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/chat-with-your-data-solution-accelerator","tags":["bicep","python","typescript","flask","aisearch","openai","gpt","ai","msft"]},{"title":"Sample Ruby on Rails app deployed (Bicep) on Azure Container App with PostgreSQL","description":"A sample Ruby on Rails Web App, made for demonstration purposes only, and deployed to Azure Container App and PostgreSQL.","preview":"./templates/images/azure-rails-starter.png","website":"https://github.com/dbroeglin","author":"Dominique Broeglin","source":"https://github.com/dbroeglin/azure-rails-starter","tags":["ruby","rubyonrails","bicep","aca","azuredb-postgreSQL","monitor","community"]},{"title":"RAG using Semantic Kernel with Azure OpenAI and Azure Cosmos DB for MongoDB vCore","description":"A Python sample for implementing retrieval augmented generation using Azure Open AI to generate embeddings, Azure Cosmos DB for MongoDB vCore to perform vector search and semantic kernel. Deployed to Azure App service using Azure Developer CLI (azd).","preview":"./templates/images/rag-semantic-kernel-mongodb-vcore.png","website":"https://github.com/john0isaac","author":"John Aziz","source":"https://github.com/john0isaac/rag-semantic-kernel-mongodb-vcore","tags":["openai","gpt","cosmosdb","mongodb","python","bicep","ai","community"]},{"title":"Serverless ChatGPT with RAG using LangChain.js","description":"A Serverless ChatGPT-like experience with Retrieval-Augmented Generation using LangChain.js, TypeScript and Azure","preview":"./templates/images/serverless-chat-langchainjs.gif","website":"https://github.com/glaucia86, https://github.com/sinedied","author":"Glaucia Lemos, Yohan Lasorsa","source":"https://github.com/Azure-Samples/serverless-chat-langchainjs","tags":["ai","bicep","gpt","serverlessapi","javascript","nodejs","openai","typescript","webcomponents","cosmosdb","msft","langchain","functions","swa","azureai"]},{"title":".NET Isolated Azure Function with Zip Deploy","description":"Create a .NET Isolated Azure Function and use Zip Push to deploy the code to the Azure Function App. For example, the .NET 8 code in the repository and the release package are used in the template. Execute the AZD UP command from the deployment folder to deploy the function app. Once the Azure Function is deployed, test it using the URL: https://.azurewebsites.net/api/getadventurers.","preview":"./templates/images/dotnet-azfunc-zipdeploy.png","website":"https://github.com/fboucher","author":"Frank Boucher","source":"https://github.com/FBoucher/ZipDeploy-AzFunc","tags":["dotnetCsharp","community","bicep","functions","appinsights","blobstorage"]},{"title":"Azure AI Starter","description":"Bicep template that deploys Azure AI services with configured machine learning models.","preview":"./templates/images/test.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/azd-ai-starter","tags":["bicep","ai","azureai","openai","msft","new"]},{"title":"Azure AI Studio Starter","description":"Bicep template that deploys everything you need to get started with Azure AI Studio. Includes AI Hub with dependent resources, AI project, AI Services and an online endpoint","preview":"./templates/images/test.png","website":"https://github.com/Azure/azure-dev","author":"Azure Dev","source":"https://github.com/Azure-Samples/azd-aistudio-starter","tags":["bicep","ai","azureai","openai","msft","new"]},{"title":"Simple Chat Application using Azure OpenAI (Python)","description":"Build a chat application using Azure OpenAI GPT models.","preview":"./templates/images/openai-chat-app-quickstart_diagram.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/openai-chat-app-quickstart","tags":["msft","build2024","python","openai","aca","bicep","ai","new"]},{"title":"RAG on PostgreSQL","description":"A RAG app to ask questions about rows in a database table. Deployable on Azure Container Apps with PostgreSQL Flexible Server.","preview":"./templates/images/rag-postgres-openai-python-screenshot_chat.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/rag-postgres-openai-python","tags":["msft","build2024","python","openai","aca","bicep","ai","azuredb-postgreSQL","new"]},{"title":"Creative Writing Assistant: Working with Agents using Promptflow (Python Implementation)","description":"A creative writing multi-agent solution to help users write articles.","preview":"./templates/images/agent-openai-python-prompty-creative_writing.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/agent-openai-python-prompty","tags":["msft","build2024","python","openai","aks","terraform","ai","aisearch","new"]},{"title":"Process Automation: Speech to Text and Summarization with AI Studio","description":"This solution converts speech to text and then processes and summarizes the text based on the prompt scenario.","preview":"./templates/images/summarization-openai-python-promptflow-architecture-diagram.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/summarization-openai-python-promptflow","tags":["msft","build2024","python","openai","aca","bicep","ai","new"]},{"title":"Function Calling with Prompty, LangChain and Elastic Search","description":"Function calling for vector database lookup based on user question.","preview":"./templates/images/agent-python-openai-prompty-langchain-architecture-diagram.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/agent-python-openai-prompty-langchain","tags":["msft","build2024","python","openai","aistudio","bicep","ai","new"]},{"title":"Function Calling with Prompty, LangChain and Pinecone","description":"Function calling for vector database lookup based on user question.","preview":"./templates/images/agent-openai-python-prompty-langchain-pinecone-architecture-diagram.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/agent-openai-python-prompty-langchain-pinecone","tags":["msft","build2024","python","openai","aistudio","bicep","ai","new"]},{"title":"Contoso Chat Retail with Azure AI Studio and Promptflow","description":"This sample has the full End2End process of creating RAG application with Prompt Flow and AI Studio. It includes GPT 3.5 Turbo LLM application code, evaluations, deployment automation with AZD CLI, GitHub actions for evaluation and deployment and intent mapping for multiple LLM task mapping.","preview":"./templates/images/contoso-chat-architecture-diagram.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/contoso-chat","tags":["msft","build2024","python","openai","aistudio","bicep","cosmosdb","aisearch","ai","new"]},{"title":"API Center Analyzer","description":"This sample provides an Azure API Center along with Azure Functions and Azure Event Grid to analyze API specs when registering or updating API specs to Azure API Center.","preview":"./templates/images/apic-analyzer.png","website":"https://github.com/justinyoo, https://github.com/pierceboggan","author":"Justin Yoo, Pierce Boggan","source":"https://github.com/Azure/APICenter-Analyzer","tags":["msft","bicep","apicenter","functions","eventgrid","managedidentity","appinsights","loganalytics","diagnosticsettings","typescript","new"]},{"title":"API Center Portal","description":"This sample provides an Azure API Center along with Azure Static Web Apps that governs API specs registered on Azure API Center for developers and stakeholders.","preview":"./templates/images/apic-portal.png","website":"https://github.com/justinyoo, https://github.com/pierceboggan","author":"Justin Yoo, Pierce Boggan","source":"https://github.com/Azure/APICenter-Portal-Starter","tags":["msft","bicep","apicenter","swa","serviceprincipal","typescript","new"]},{"title":"API Center Reference Sample","description":"This sample provides an Azure API Center along with Azure App Service, Static Web Apps and Azure Functions that governs, analyzes and performs service discovery of API specs registered on Azure API Center.","preview":"./templates/images/apic-reference.png","website":"https://github.com/Azure-Samples","author":"Justin Yoo","source":"https://github.com/Azure-Samples/APICenter-Reference","tags":["msft","bicep","apicenter","appservice","functions","eventgrid","managedidentity","appinsights","loganalytics","diagnosticsettings","swa","serviceprincipal","logicapps","apim","dotnetCsharp","typescript","new"]},{"title":"GPT Video Analysis-In-A-Box","description":"This solution is part of the the AI-in-a-Box framework developed by the team of Microsoft Customer Engineers and Architects to accelerate the deployment of AI and ML solutions. Our goal is to simplify the adoption of AI technologies by providing ready-to-use accelerators that ensure quality, efficiency, and rapid deployment.","preview":"./templates/images/contoso-chat-architecture-diagram.png","website":"https://github.com/Azure-Samples/gpt-video-analysis-in-a-box","author":"AI-in-a-Box Team","source":"https://github.com/Azure-Samples/gpt-video-analysis-in-a-box","tags":["msft","openai","bicep","cosmosdb","azuredatafactory","blobstorage","ai","new"]},{"title":"Deploy Phoenix to Azure","description":"Phoenix provides MLOps and LLMOps insights at lightning speed with zero-config observability.","preview":"./templates/images/arize-phoenix.png","website":"https://github.com/Arize-ai","author":"Arize AI Team","source":"https://github.com/Arize-ai/phoenix-on-azure","tags":["community","bicep","python","aca","ai","new"]},{"title":"Build a Copilot app using Azure Cosmos DB, Azure OpenAI Service and Azure App Service","description":"Build a copilot application with Azure OpenAI Service, Azure Cosmos DB for NoSQL vector database & Azure App Service.","preview":"./templates/images/cosmos-nosql-copilot.png","website":"https://github.com/AzureCosmosDB","author":"Azure Cosmos DB Content Team","source":"https://github.com/AzureCosmosDB/cosmosdb-nosql-copilot","tags":["msft","openai","gpt","cosmosdb","bicep","ai","dotnetCsharp","managedidentity","appservice","semantickernel","blazor","new"]}]'),o=Object.keys(r.$);const n=function(){let e=i;return e=(0,s.M)(e,(e=>e.title.toLowerCase())),e}()},2267:(e,t,a)=>{a.r(t),a.d(t,{default:()=>m});var s=a(7294),r=a(5666),i=(a(7190),a(6114)),o=a(2761),n=a(220),p=a(1689),c=a(4435),l=a(3010),u=(a(9524),a(5812),a(3586),a(5893));const d=["New to old","Old to new","Alphabetical (A - Z)","Alphabetical (Z - A)"];const h="name";function m(e){let{setActiveTags:t,selectedTags:a,location:m,setSelectedTags:g,readSearchTags:b,replaceSearchTags:A}=e;const[v,f]=(0,s.useState)([]),[y,z]=(0,s.useState)(!0),[w,x]=(0,s.useState)(null),[S,C]=(0,s.useState)([]);(0,s.useEffect)((()=>{var e;g(b(m.search)),C(function(e){if(e==d[0])return i.xc.slice().reverse();if(e==d[1])return i.xc;if(e==d[2])return i._J;if(e==d[3])return i._J.slice().reverse();return i._J}(v[0])),x((e=m.search,new URLSearchParams(e).get(h))),function(e){const{scrollTopPosition:t,focusedElementId:a}=e??{scrollTopPosition:0,focusedElementId:void 0};document.getElementById(a)?.focus(),window.scrollTo({top:t})}(m.state),z(!1)}),[m,v]);var k=(0,s.useMemo)((()=>function(e,t,a){return a&&(e=e.filter((e=>e.title.toLowerCase().includes(a.toLowerCase())))),t&&0!==t.length?e.filter((e=>!(!e&&!e.tags&&0===e.tags.length)&&t.every((t=>e.tags.includes(t))))):e}(S,a,w)),[S,a,w]);(0,s.useEffect)((()=>{const e=new Set;k.forEach((t=>t.tags.forEach((t=>e.add(t))))),t(Array.from(e))}),[k]);const j=k?k.length:0;return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)("div",{style:{display:"flex",alignItems:"center"},children:[(0,u.jsxs)("div",{style:{display:"flex",gap:"4px",flex:1},children:[(0,u.jsx)(o.x,{size:400,children:"Viewing"}),(0,u.jsx)(o.x,{size:400,weight:"bold",children:j}),1!=j?(0,u.jsx)(o.x,{size:400,children:"templates"}):(0,u.jsx)(o.x,{size:400,children:"template"}),null!=r.u?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(o.x,{size:400,children:"for"}),(0,u.jsxs)(o.x,{size:400,weight:"bold",children:["'",r.u,"'"]})]}):null]}),(0,u.jsxs)("div",{style:{display:"flex",gap:"8px",alignItems:"center"},children:[(0,u.jsx)(o.x,{size:400,children:"Sort by: "}),(0,u.jsx)(n.h,{style:{minWidth:"unset"},input:{style:{width:"130px"}},"aria-labelledby":"combo-default",placeholder:d[2],onOptionSelect:(e,t)=>{z(!0),f(t.selectedOptions)},children:d.map((e=>(0,u.jsx)(p.W,{children:e},e)))})]})]}),y?(0,u.jsx)(c.$,{labelPosition:"below",label:"Loading..."}):(0,u.jsx)(l.default,{filteredUsers:k})]})}},3010:(e,t,a)=>{a.r(t),a.d(t,{default:()=>ue});var s=a(7294),r=a(5666),i=a(9524),o=a(2761),n=a(990);const p={colorLink:"colorLink_hb2i"};var c=a(8560),l=a(5893);function u(e){let{id:t}=e;return(0,l.jsxs)("div",{id:t,style:{display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column",gap:"40px"},children:[(0,l.jsx)("div",{style:{paddingTop:"100px",display:"flex",flexDirection:"column",gap:"10px"},children:null!=r.u?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(o.x,{size:500,weight:"bold",align:"center",children:["We couldn\u2019t find any results for '",r.u,"'"]}),(0,l.jsx)(o.x,{size:400,align:"center",children:"Check for spelling or try searching for another term."})]}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(o.x,{size:500,weight:"bold",align:"center",children:"We couldn\u2019t find any results."}),(0,l.jsx)(o.x,{size:400,align:"center",children:"Check for tags or try filtering for another tag."})]})}),(0,l.jsx)(c.Z,{style:{borderRadius:"8px",padding:"24px"},children:(0,l.jsxs)("div",{style:{display:"flex",columnGap:"30px"},children:[(0,l.jsx)("img",{height:50,src:(0,i.Z)("/img/smile.svg"),alt:"smile",style:{flex:1}}),(0,l.jsxs)("div",{style:{display:"flex",flexDirection:"column",rowGap:"5px",paddingRight:"50px"},children:[(0,l.jsx)(o.x,{size:400,weight:"bold",children:"Want to be the change you wish to see in the world?"}),(0,l.jsx)(o.x,{size:300,children:"awesome-azd is always looking for new templates!"}),(0,l.jsx)(n.r,{href:"https://azure.github.io/awesome-azd/docs/contribute",target:"_blank",className:p.colorLink,children:"\u2022 Learn how to contribute an azd template"},"emptySearch_contributeTemplate"),(0,l.jsx)(n.r,{href:"https://github.com/Azure/awesome-azd/issues/new?assignees=nigkulintya%2C+savannahostrowski&labels=requested-contribution&template=%F0%9F%A4%94-submit-a-template-request.md&title=%5BIdea%5D+%3Cyour-template-name%3E",target:"_blank",className:p.colorLink,children:"\u2022 View our template request board"},"emptySearch_requestBoard")]})]})})]})}var d=a(5812);const h={cardBreakLine:"cardBreakLine_W3Dr",card:"card_AqPL",headerText:"headerText_wMQG",headerTextCardPanel:"headerTextCardPanel_RIQo",cardDescription:"cardDescription_Xcnv",cardTextBy:"cardTextBy_WLLh",input:"input_tXlf",copyIconButton:"copyIconButton_x9jS",cardTitle:"cardTitle_RS1Y"};var m=a(6616),g=a(5216),b=a(6304),A=a(7915),v=a(2765),f=a(2347),y=a(8502),z=a(5545),w=a(339),x=a(4404),S=a(7692),C=a(5247),k=a(2457);const j={cardAuthor:"cardAuthor_u7r0",cardAuthorPanel:"cardAuthorPanel_ynPX"};var T=a(9200);function I(e){let{user:t,cardPanel:a}=e;const{colorMode:s}=(0,T.I)(),r=t.author,o=t.website;let p=0;if(r.includes(", ")){var c=o.split(", "),u=r.split(", ");if(c.length!=u.length)throw new Error("The number of multiple authors and websites are not equal.");return c.map(((e,t)=>function(e,t,a,s,r,o,p){return r!=s-1?o?(0,l.jsxs)(n.r,{href:a,className:j.cardAuthorPanel,target:"_blank",style:{display:"flex",alignItems:"center",columnGap:"5px",fontSize:"14px",fontWeight:"400",flexShrink:0},children:[t,"dark"!=p?(0,l.jsx)("img",{src:(0,i.Z)("/img/redirect.svg"),alt:"Redirect",height:13}):(0,l.jsx)("img",{src:(0,i.Z)("/img/redirectDark.svg"),alt:"Redirect",height:13}),","]},r):(0,l.jsxs)(n.r,{className:j.cardAuthor,href:a,target:"_blank",style:{flexShrink:0,fontSize:"12px"},children:[t,","]},r):o?(0,l.jsxs)(n.r,{className:j.cardAuthorPanel,href:a,target:"_blank",style:{display:"flex",alignItems:"center",columnGap:"5px",fontSize:"14px",fontWeight:"400",flexShrink:0},children:[t,"dark"!=p?(0,l.jsx)("img",{src:(0,i.Z)("/img/redirect.svg"),alt:"Redirect",height:13}):(0,l.jsx)("img",{src:(0,i.Z)("/img/redirectDark.svg"),alt:"Redirect",height:13})]},r):(0,l.jsx)(n.r,{className:j.cardAuthor,href:a,target:"_blank",style:{flexShrink:0,fontSize:"12px"},children:t},r)}(0,u[t],c[t],c.length,p++,a,s)))}return a?(0,l.jsxs)(n.r,{className:j.cardAuthorPanel,href:o,target:"_blank",style:{display:"flex",alignItems:"center",columnGap:"5px",fontSize:"14px",fontWeight:"400",flexShrink:0},children:[r,"dark"!=s?(0,l.jsx)("img",{src:(0,i.Z)("/img/redirect.svg"),alt:"Redirect",height:13}):(0,l.jsx)("img",{src:(0,i.Z)("/img/redirectDark.svg"),alt:"Redirect",height:13})]}):(0,l.jsx)(n.r,{className:j.cardAuthor,href:o,target:"_blank",style:{fontSize:"12px",flexShrink:0},children:r})}const P={cardDescription:"cardDescription_WIGs",cardTag:"cardTag_H5My",textColor:"textColor_Hgwr",squareColor:"squareColor_BaIl",terminalSquareTopColor:"terminalSquareTopColor_rV69",terminalSquareBottomColor:"terminalSquareBottomColor_ipK1",borderBottomColor:"borderBottomColor_kX02",commandColor:"commandColor_Xpos",color:"color_PxFt",purple:"purple__8uX"};var D=a(7190),L=a(6114),F=a(2495),B=a(229),M=a(9565),N=a(7266),_=a(3234),R=a(2752),Q=a(5966),q=a(19),W=a(5037),O=a(2355),G=a(2583);const E={cardPanelTag:"cardPanelTag__ZXP"};var Z=a(2335),J=a(9138);const K=s.forwardRef(((e,t)=>{let{label:a,description:s}=e;return(0,l.jsx)(Z.C,{appearance:"outline",size:"medium",ref:t,title:s,color:"informative",style:{alignContent:"center",fontSize:"10px",width:"auto"},children:a})})),H=(0,m.Z)({tooltip:{textAlign:"center"}});function V(e){let{tags:t,moreTag:a}=e;const s=t.filter((e=>"msft"!=e&&"community"!=e&&"new"!=e&&"popular"!=e)).map((e=>({tag:e,...D.$[e]}))),r=(0,F.M)(s,(e=>L.PS.indexOf(e.tag))),i=r.filter((e=>e.label.includes("Azure"))),o=r.length;let n=10;i.length>5&&(n=7);const p=o-n,c=r.slice(n,o).map((e=>e.label)).join("\n"),u=H();return a?o>n?(0,l.jsxs)(l.Fragment,{children:[r.slice(0,n).map(((e,t)=>{const a=`showcase_card_tag_${e.tag}`;return(0,l.jsx)(K,{id:a,...e},t)})),(0,l.jsx)(J.u,{withArrow:!0,content:{children:(0,l.jsx)("span",{style:{whiteSpace:"pre-line"},children:c}),className:u.tooltip},relationship:"label",children:(0,l.jsxs)(Z.C,{appearance:"outline",size:"medium",color:"informative",style:{alignContent:"center",fontSize:"10px",width:"auto"},children:["+ ",p," more"]})})]}):(0,l.jsx)(l.Fragment,{children:r.map(((e,t)=>{const a=`showcase_card_tag_${e.tag}`;return(0,l.jsx)(K,{id:a,...e},a)}))}):(0,l.jsx)(l.Fragment,{children:r.map(((e,t)=>{const a=`showcase_card_tag_${e.tag}`;return(0,l.jsx)("div",{id:a,className:E.cardPanelTag,children:e.label},t)}))})}function $(e){let{url:t,colorMode:a}=e;const s=(0,i.Z)("/img/purpleCopy.svg"),r=(0,B.M)("copyButton"),[o,{toggle:n}]=(0,x.k)(!1),p=(0,B.M)("callout-label"),c=(0,B.M)("callout-description");return(0,l.jsxs)("div",{children:[(0,l.jsxs)(M.a,{id:r,className:P.purple,style:{padding:"0px",minHeight:"20px",borderColor:"transparent",backgroundColor:"transparent"},onClick:()=>{n(),navigator.clipboard.writeText(t)},children:[(0,l.jsx)("img",{src:s,height:20,alt:"Copy"}),(0,l.jsx)("div",{style:{fontSize:"12px"},children:"Copy"})]}),o&&(0,l.jsx)(N.U,{ariaLabelledBy:p,ariaDescribedBy:c,role:"dialog",gapSpace:0,target:`#${r}`,onDismiss:n,setInitialFocus:!0,directionalHint:_.b.topCenter,styles:"dark"!=a?{calloutMain:{padding:"3px 10px"}}:{beak:{background:"#292929"},beakCurtain:{background:"#292929"},calloutMain:{background:"transparent",padding:"3px 10px"}},children:(0,l.jsx)(R.x,{variant:"small",children:"Copied"})})]})}function U(e){let{user:t}=e;const[a,{toggle:s}]=(0,x.k)(!0),[r,{toggle:o}]=(0,x.k)(!0);let p=t.source.replace("https://github.com/","").toLowerCase();p.includes("azure-samples/")&&(p=p.replace("azure-samples/",""));const c="azd init -t "+p;let u=(0,i.Z)("/img/leftChevron.svg"),d="black";const{colorMode:h}=(0,T.I)();"dark"==h&&(d="white",u=(0,i.Z)("/img/leftChevronDark.svg"));const m={linkIsSelected:[{selectors:{":before":"dark"!=h?{backgroundColor:"#6656d1"}:{backgroundColor:"#A79CF1"},":hover":"dark"!=h?{backgroundColor:"#f3f2f1"}:{backgroundColor:"#242424"}}}],root:"",link:{selectors:{":active":"dark"!=h?{backgroundColor:"#f3f2f1"}:{backgroundColor:"#242424"},":hover":"dark"!=h?{backgroundColor:"#f3f2f1"}:{backgroundColor:"#242424"}}},linkContent:"",text:{color:d},count:"",icon:"",linkInMenu:"",overflowMenuButton:""};return(0,l.jsxs)("div",{children:[(0,l.jsxs)("div",{style:{display:"flex",alignItems:"center",columnGap:"5px",padding:"10px 0",flexWrap:"wrap"},children:[(0,l.jsx)("div",{className:P.cardDescription,children:"by"}),(0,l.jsx)(I,{user:t,cardPanel:!0},"author_"+t.title),(0,l.jsx)("div",{className:P.textColor,children:"\u2022"}),(0,l.jsxs)(n.r,{href:t.source,target:"_blank",style:{display:"flex",alignItems:"center",columnGap:"5px"},className:P.color,children:["View in GitHub","dark"!=h?(0,l.jsx)("img",{src:(0,i.Z)("/img/redirect.svg"),alt:"Redirect",height:13}):(0,l.jsx)("img",{src:(0,i.Z)("/img/redirectDark.svg"),alt:"Redirect",height:13})]})]}),(0,l.jsx)("div",{className:P.cardTag,style:{display:"flex",overflow:"hidden",columnGap:"5px",flexFlow:"wrap",padding:"5px 0"},children:(0,l.jsx)(V,{tags:t.tags,moreTag:!1},"tag_"+t.title)}),(0,l.jsxs)(Q.o,{"aria-label":"Template Details and Legal",styles:m,style:{paddingTop:"20px"},children:[(0,l.jsx)(q.M,{style:{fontSize:"14px"},headerText:"Template Details",children:(0,l.jsxs)(W._,{children:[(0,l.jsx)("div",{className:P.textColor,style:{fontSize:"14px",fontWeight:"400"},children:t.description}),(0,l.jsxs)("div",{children:[(0,l.jsxs)("div",{className:P.borderBottomColor,style:{display:"flex",paddingTop:"30px"},children:[(0,l.jsx)("div",{className:P.textColor,style:{fontSize:"14px",flex:"1"},children:"Quick Use"}),(0,l.jsx)(M.a,{style:{backgroundColor:"transparent",borderColor:"transparent",minWidth:"0px",padding:"0px",height:"20px"},children:(0,l.jsx)("img",{onClick:s,src:u,height:20,alt:"Expand"})})]}),a&&(0,l.jsxs)(O.G,{children:[(0,l.jsx)("div",{className:P.textColor,style:{fontSize:"14px",fontWeight:"400",padding:"10px 0"},children:"If you already have the Azure Developer CLI installed on your machine, using this template is as simple as running this command in a new directory."}),(0,l.jsxs)("div",{className:P.terminalSquareTopColor,style:{display:"flex",height:"32px",justifyContent:"center",alignItems:"center"},children:[(0,l.jsx)("div",{className:P.textColor,style:{flex:"1",fontSize:"12px",paddingLeft:"11px"},children:"Terminal Command"}),(0,l.jsx)($,{colorMode:h,url:c})]}),(0,l.jsx)("div",{className:P.terminalSquareBottomColor,style:{height:"46px",padding:"11px"},children:(0,l.jsx)("div",{className:P.commandColor,style:{margin:"auto",whiteSpace:"nowrap",overflow:"hidden",fontFamily:"Consolas, Courier New, Courier, monospace",fontSize:"14px",fontWeight:"400"},children:c})}),(0,l.jsx)("div",{style:{paddingTop:"10px"},children:(0,l.jsx)(G.Z,{alignContent:"start",children:"Or"})}),(0,l.jsxs)("div",{className:P.textColor,style:{fontSize:"14px",fontWeight:"400",padding:"10px 0"},children:["If using the"," ",(0,l.jsx)("a",{href:"https://marketplace.visualstudio.com/items?itemName=ms-azuretools.azure-dev",target:"_blank",className:P.color,children:"azd VS Code extension"})," ","you can paste this URL in the VS Code command terminal."]}),(0,l.jsxs)("div",{className:P.terminalSquareTopColor,style:{display:"flex",height:"32px",justifyContent:"center",alignItems:"center"},children:[(0,l.jsx)("div",{className:P.textColor,style:{flex:"1",paddingLeft:"11px",fontSize:"12px"},children:"Terminal URL"}),(0,l.jsx)($,{colorMode:h,url:p})]}),(0,l.jsx)("div",{className:P.terminalSquareBottomColor,style:{height:"46px",padding:"11px"},children:(0,l.jsx)("div",{className:P.commandColor,style:{margin:"auto",whiteSpace:"nowrap",overflow:"hidden",fontFamily:"Consolas, Courier New, Courier, monospace",fontSize:"14px",fontWeight:"400"},children:p})})]})]}),(0,l.jsxs)("div",{children:[(0,l.jsxs)("div",{className:P.borderBottomColor,style:{display:"flex",paddingTop:"30px"},children:[(0,l.jsx)("div",{className:P.textColor,style:{fontSize:"14px",flex:"1"},children:"Included in this template"}),(0,l.jsx)(M.a,{style:{backgroundColor:"transparent",borderColor:"transparent",minWidth:"0px",padding:"0px",height:"20px"},children:(0,l.jsx)("img",{onClick:o,src:u,height:20,alt:"Expand"})})]}),r&&(0,l.jsxs)(O.G,{children:[(0,l.jsxs)("div",{className:P.textColor,style:{fontSize:"14px",fontWeight:"400",padding:"10px 0"},children:["The services used in this template are subject to their normal usage fees and charges. Learn more about the cost of individual services by visiting the"," ",(0,l.jsx)("a",{href:"https://azure.microsoft.com/en-us/pricing/calculator/",target:"_blank",className:P.color,children:"Azure Pricing Calculator"}),"."]}),(0,l.jsx)(Y,{tags:t.tags,colorMode:h},"azure_tag_"+t.title)]})]})]})}),(0,l.jsx)(q.M,{style:{color:"#424242",fontSize:"14px",fontWeight:"400"},headerText:"Legal",children:(0,l.jsx)(W._,{children:(0,l.jsxs)("div",{className:P.textColor,style:{fontSize:"14px",fontWeight:"400"},children:[(0,l.jsx)("div",{style:{padding:"10px 0"},children:"Awesome AZD Templates is a place for Azure Developer CLI users to discover open-source Azure Developer CLI templates."}),(0,l.jsx)("div",{style:{padding:"10px 0"},children:"Please note that each template is licensed by its respective owner (which may or may not be Microsoft) under the agreement which accompanies the template. It is your responsibility to determine what license applies to any template you choose to use."}),(0,l.jsx)("div",{style:{padding:"10px 0"},children:"Microsoft is not responsible for any non-Microsoft code and does not screen templates included in the Awesome AZD Templates for security, privacy, compatibility, or performance issues."}),(0,l.jsx)("div",{style:{padding:"10px 0"},children:"The templates included in Awesome AZD Templates are not supported by any Microsoft support program or service. Awesome AZD Templates and any Microsoft-provided templates are provided without warranty of any kind."})]})})})]})]})}function Y(e){let{tags:t,colorMode:a}=e;const s=t.map((e=>({tag:e,...D.$[e]})));return(0,F.M)(s,(e=>L.PS.indexOf(e.tag))).map(((e,t)=>e.label.includes("Azure")?(0,l.jsxs)("div",{style:{display:"flex",padding:"5px 0"},children:[(0,l.jsx)("div",{className:P.squareColor,style:{height:"40px",width:"40px",float:"left",display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)("img",{src:"dark"!=a||null==e.darkModeAzureIcon?(0,i.Z)(e.azureIcon):(0,i.Z)(e.darkModeAzureIcon),alt:"Azure Service Icon",height:20})}),(0,l.jsxs)("div",{style:{float:"right",height:"40px",paddingLeft:"20px"},children:[(0,l.jsx)("div",{className:P.textColor,style:{fontSize:"14px"},children:e.label}),(0,l.jsxs)("div",{style:{display:"flex",alignItems:"center"},children:[(0,l.jsx)("div",{style:{color:"#707070",fontSize:"12px",fontWeight:"400"},children:"Azure Service"}),(0,l.jsx)("div",{style:{color:"#707070",fontSize:"12px",fontWeight:"400",padding:"0 6px"},children:"\u2022"}),(0,l.jsx)("a",{href:e.url,target:"_blank",style:{fontSize:"12px",fontWeight:"400"},className:P.color,children:"Learn More"})]})]})]},t):null))}const X=(0,m.Z)({cardTag:{fontSize:"10px",color:"#606060"},cardFooterQuickUse:{fontSize:"10px",color:"#424242",fontWeight:"600"}}),ee={semanticColors:{bodyBackground:"white",bodyText:"black"}},te={semanticColors:{bodyBackground:"#292929",bodyText:"white"}};function ae(e){let{user:t}=e;const a=X(),r=t.title,o=t.tags,p=t.source,u=(0,i.Z)("/img/Sparkle.svg"),d=(0,i.Z)("/img/Fire.svg");let m="azd init -t "+p.replace("https://github.com/","").toLowerCase();m.includes("azure-samples/")&&(m=m.replace("azure-samples/",""));let j=(0,i.Z)("/img/Community.svg"),P="Community Authored";const D=`{"id":"${r}","cN":"Copy Button (azd init)"}`,{colorMode:L}=(0,T.I)(),[F,{setTrue:B,setFalse:M}]=(0,x.k)(!1);o.includes("msft")&&(j=(0,i.Z)("/img/Microsoft.svg"),P="Microsoft Authored");const N=s.useCallback(((e,t)=>(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{style:{display:"flex",paddingLeft:"24px",alignItems:"center",flex:"8"},children:[(0,l.jsx)("img",{src:j,alt:"Logo",height:16,style:{margin:"5px 0px",fontWeight:"550"}}),(0,l.jsx)("div",{className:h.headerTextCardPanel,children:P}),o.includes("new")?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("img",{src:u,alt:"Star",height:16,style:{paddingLeft:"10px"}}),(0,l.jsx)("div",{style:{color:"#11910D",fontSize:"10px"},children:"New"})]}):null,o.includes("popular")?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("img",{src:d,alt:"Fire",height:16,style:{paddingLeft:"10px"}}),(0,l.jsx)("div",{style:{color:"#F7630C",fontSize:"10px"},children:"Popular"})]}):null]}),t(e)]})),[]);return(0,l.jsxs)(c.Z,{className:h.card,children:[(0,l.jsx)(g.O,{header:(0,l.jsxs)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",flex:"1"},children:[(0,l.jsx)("img",{src:j,height:16,alt:"logo",className:h.headerLogo}),(0,l.jsx)("div",{className:h.headerText,children:P}),o.includes("new")?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("img",{src:u,alt:"Star",height:16,style:{paddingLeft:"10px"}}),(0,l.jsx)("div",{style:{color:"#11910D",fontWeight:"600",fontSize:"10px"},children:"New"})]}):null,o.includes("popular")?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("img",{src:d,alt:"Fire",height:16,style:{paddingLeft:"10px"}}),(0,l.jsx)("div",{style:{color:"#F7630C",fontWeight:"600",fontSize:"10px"},children:"Popular"})]}):null]})}),(0,l.jsx)(b.f,{className:h.cardBreakLine}),(0,l.jsxs)("div",{style:{display:"flex",flexDirection:"column",position:"relative",maxHeight:"inherit"},children:[(0,l.jsx)(n.r,{className:h.cardTitle,onClick:B,children:r}),(0,l.jsxs)("div",{style:{verticalAlign:"middle",display:"flex",paddingTop:"2px",alignItems:"center",columnGap:"3px",overflow:"hidden"},children:[(0,l.jsx)("div",{className:h.cardTextBy,children:"by"}),(0,l.jsx)(I,{user:t,cardPanel:!1},"author_"+r)]}),(0,l.jsx)("div",{className:h.cardDescription,children:t.description}),(0,l.jsx)(S.f,{theme:"dark"!=L?ee:te,children:(0,l.jsx)(C.s,{headerText:r,isLightDismiss:!0,isOpen:F,onDismiss:M,closeButtonAriaLabel:"Close",type:k.w.medium,onRenderNavigationContent:N,children:(0,l.jsx)(U,{user:t})})}),(0,l.jsx)("div",{style:{paddingTop:"10px",position:"absolute",bottom:"0px",width:"100%"},children:(0,l.jsx)("div",{className:a.cardTag,style:{display:"flex",overflow:"hidden",gap:"4px",flexFlow:"wrap"},children:(0,l.jsx)(V,{tags:o,moreTag:!0},r)})})]}),(0,l.jsx)(b.f,{className:h.cardBreakLine}),(0,l.jsxs)(A.e,{children:[(0,l.jsx)(v.I,{id:"input_"+r,size:"small",spellCheck:!1,defaultValue:m,className:h.input,placeholder:m}),(0,l.jsxs)(f.J,{trapFocus:!0,withArrow:!0,size:"small",children:[(0,l.jsx)(y.x,{disableButtonEnhancement:!0,children:(0,l.jsx)(z.z,{size:"small",className:h.copyIconButton,onClick:()=>{navigator.clipboard.writeText(m)},"data-m":D,children:(0,l.jsx)("img",{src:(0,i.Z)("/img/Copy.svg"),height:20,alt:"Copy"})})}),(0,l.jsx)(w.o,{style:{padding:"5px",fontSize:"12px"},children:(0,l.jsx)("div",{children:"Copied!"})})]})]})]},r)}const se=s.memo(ae),re={card:"card_lo1B",text:"text_M4ue",surveyButton:"surveyButton_pNjG",closeButton:"closeButton_PSGk"};var ie=a(22),oe=a(7697),ne=a(831),pe=a(3069);const ce="surveyCardDisplay";function le(){const{colorMode:e}=(0,T.I)();return"undefined"!=typeof window&&localStorage.getItem(ce)?null:(0,l.jsxs)(c.Z,{className:re.card,appearance:"filled",id:"surveyCard",children:[(0,l.jsx)(ie.C,{onClick:()=>function(e){let t=document.getElementById(e);t.style.display="none","undefined"!=typeof window&&localStorage.setItem(ce,t.style.display)}("surveyCard"),size:"small",appearance:"transparent",icon:(0,l.jsx)(oe.E,{src:(0,i.Z)("/img/close.svg"),height:16,width:16,alt:"Close"}),className:re.closeButton}),(0,l.jsx)(oe.E,{src:"dark"!=e?(0,i.Z)("/img/chatPencil.svg"):(0,i.Z)("/img/chatPencilDark.svg"),alt:"surveyCard",height:128,width:128}),(0,l.jsxs)("div",{className:re.text,children:[(0,l.jsx)(ne.d,{align:"center",children:"Got a minute? We're all ears!"}),(0,l.jsx)(pe.p,{align:"center",children:"Help us shape the future of our template library by sharing your feedback."})]}),(0,l.jsx)(A.e,{children:(0,l.jsx)(z.z,{appearance:"primary",size:"large",className:re.surveyButton,onClick:()=>{window.open("https://aka.ms/awesome-azd-survey","_blank")},icon:(0,l.jsx)(oe.E,{src:(0,i.Z)("/img/openLink.svg"),alt:"surveyCard",height:20,width:20}),children:"Take the survey"})})]})}function ue(e){let{filteredUsers:t}=e;const a=t?t.length:0;return 0===a?(0,l.jsx)(u,{id:"showcase.usersList.noResult"}):(0,l.jsx)("section",{children:(0,l.jsx)("div",{className:d.Z.showcaseFavorite,children:(0,l.jsx)("div",{className:d.Z.showcaseList,children:t.map(((e,t)=>(0,l.jsx)(s.Fragment,{children:a<6&&t===a-1||4===t?(0,l.jsxs)(s.Fragment,{children:[(0,l.jsx)(s.Fragment,{children:(0,l.jsx)(se,{user:e})},e.title),(0,l.jsx)(s.Fragment,{children:(0,l.jsx)(le,{})},"fragment_surveyCard")]},"cardWithSurveyCard"):(0,l.jsx)(s.Fragment,{children:(0,l.jsx)(se,{user:e})},e.title)},t)))})})})}},3586:(e,t,a)=>{a.r(t),a.d(t,{default:()=>B,prepareUserState:()=>I});var s=a(7294),r=a(104),i=a(6550),o=a(2495),n=a(8714),p=a(5893);function c(e){let{label:t,tag:a,id:s,activeTags:r,selectedCheckbox:c,setSelectedCheckbox:l,location:u,readSearchTags:d,replaceSearchTags:h}=e;const m=(0,i.k6)(),g=()=>{const e=d(u.search),t=(0,o.$)(e,a),s=h(u.search,t);m.push({...u,search:s,state:I()})},b=`{"id":"${s.replace("showcase_checkbox_id_","")}","cN":"Tags"}`,A=e=>{c.includes(e)?l(c.filter((t=>t!==e))):l([...c,e])};return(0,p.jsx)(p.Fragment,{children:(0,p.jsx)(n.X,{id:s,"data-m":b,onKeyDown:e=>{"Enter"===e.key&&g(),A(a)},onChange:()=>{g(),A(a)},checked:c.includes(a),label:t,disabled:!r?.includes(a)})})}var l=a(9524),u=a(6551),d=a(1471),h=a(8467),m=a(6137),g=a(7190),b=a(6114);const A={checkboxListItem:"checkboxListItem_lT16",color:"color_CFd5",filterTop:"filterTop_nQho",clearAll:"clearAll_cOba",filterBy:"filterBy_oxiV"};var v=a(9200);function f(e){let{tags:t,number:a,activeTags:r,selectedCheckbox:i,setSelectedCheckbox:o,location:n,readSearchTags:b,replaceSearchTags:f}=e;const[y,z]=s.useState(["0"]),{colorMode:w}=(0,v.I)(),x="dark"!=w?(0,p.jsx)("img",{src:(0,l.Z)("/img/smallChevron.svg")}):(0,p.jsx)("img",{src:(0,l.Z)("/img/smallChevronDark.svg")}),S="dark"!=w?(0,p.jsx)("img",{style:{transform:"rotate(180deg)"},src:(0,l.Z)("/img/smallChevron.svg")}):(0,p.jsx)("img",{style:{transform:"rotate(180deg)"},src:(0,l.Z)("/img/smallChevronDark.svg")});let C=a+"2";return(0,p.jsxs)(p.Fragment,{children:[t.slice(0,6).map(((e,a)=>{const s=g.$[e],l=`showcase_checkbox_key_${e}`,u=`showcase_checkbox_id_${e}`;return a==t.length-1?(0,p.jsx)("div",{className:A.checkboxListItem,style:{marginBottom:"7px"},children:(0,p.jsx)(c,{id:u,tag:e,label:s.label,activeTags:r,selectedCheckbox:i,setSelectedCheckbox:o,location:n,readSearchTags:b,replaceSearchTags:f})},l):(0,p.jsx)("div",{className:A.checkboxListItem,children:(0,p.jsx)(c,{id:u,tag:e,label:s.label,activeTags:r,selectedCheckbox:i,setSelectedCheckbox:o,location:n,readSearchTags:b,replaceSearchTags:f})},l)})),t.length>5?(0,p.jsx)(u.U,{openItems:y,onToggle:(e,t)=>{z(t.openItems)},multiple:!0,collapsible:!0,children:(0,p.jsxs)(d.Q,{value:C,style:{padding:"0px"},children:[(0,p.jsx)(h.H,{style:{margin:"0px"},children:t.slice(6,t.length).map((e=>{const t=g.$[e],a=`showcase_checkbox_key_${e}`,s=`showcase_checkbox_id_${e}`;return(0,p.jsx)("div",{className:A.checkboxListItem,children:(0,p.jsx)(c,{id:s,tag:e,label:t.label,activeTags:r,selectedCheckbox:i,setSelectedCheckbox:o,location:n,readSearchTags:b,replaceSearchTags:f})},a)}))}),(0,p.jsx)(m._,{inline:!0,expandIconPosition:"end",expandIcon:y.includes(C)?S:x,children:(0,p.jsx)("div",{style:{fontSize:"12px"},className:A.color,children:"View All"})})]})}):null]})}function y(e){let{activeTags:t,selectedCheckbox:a,setSelectedCheckbox:r,location:o,selectedTags:n,setSelectedTags:l,readSearchTags:v,replaceSearchTags:y}=e;const z=b.PS.sort(),w=b.PS.filter((e=>void 0===g.$[e].type)),x=z.filter((e=>"Language"===g.$[e].type)),S=z.filter((e=>"Framework"===g.$[e].type)),C=z.filter((e=>"Service"===g.$[e].type)),k=z.filter((e=>"Database"===g.$[e].type)),j=z.filter((e=>"Infrastructure as Code"===g.$[e].type)),T=z.filter((e=>"Tools"===g.$[e].type)),P=z.filter((e=>"Topic"===g.$[e].type)),[D,L]=s.useState([]),F=(0,i.k6)(),B=new URLSearchParams(o.search);return(0,p.jsxs)(u.U,{openItems:D,onToggle:(e,t)=>{L(t.openItems)},multiple:!0,collapsible:!0,children:[(0,p.jsxs)("div",{style:{paddingBottom:"7px"},children:[(0,p.jsxs)("div",{className:A.filterTop,children:[(0,p.jsx)("div",{className:A.filterBy,children:"Filter by"}),n.length>0?(0,p.jsx)("div",{className:A.clearAll,onClick:()=>{r([]),l([]),B.delete("tags"),F.push({...o,search:B.toString(),state:I()})},children:"Clear all"}):null]}),w.map((e=>{const s=g.$[e],i=`showcase_checkbox_key_${e}`,n=`showcase_checkbox_id_${e}`;return(0,p.jsx)("div",{className:A.checkboxListItem,style:{paddingLeft:"12px"},children:(0,p.jsx)(c,{id:n,tag:e,label:s.label,activeTags:t,selectedCheckbox:a,setSelectedCheckbox:r,location:o,readSearchTags:v,replaceSearchTags:y})},i)}))]}),(0,p.jsxs)(d.Q,{value:"1",children:[(0,p.jsx)(m._,{expandIconPosition:"end",style:{background:"linear-gradient(#D1D1D1 0 0) top /89.8% 0.6px no-repeat"},children:(0,p.jsx)("div",{style:{fontSize:"16px",fontWeight:"500"},children:"Language"})}),(0,p.jsx)(h.H,{children:(0,p.jsx)(f,{tags:x,number:"1",activeTags:t,selectedCheckbox:a,setSelectedCheckbox:r,location:o,readSearchTags:v,replaceSearchTags:y})})]}),(0,p.jsxs)(d.Q,{value:"2",children:[(0,p.jsx)(m._,{expandIconPosition:"end",style:{background:"linear-gradient(#D1D1D1 0 0) top /89.8% 0.6px no-repeat"},children:(0,p.jsx)("div",{style:{fontSize:"16px",fontWeight:"500"},children:"Framework"})}),(0,p.jsx)(h.H,{children:(0,p.jsx)(f,{tags:S,number:"2",activeTags:t,selectedCheckbox:a,setSelectedCheckbox:r,location:o,readSearchTags:v,replaceSearchTags:y})})]}),(0,p.jsxs)(d.Q,{value:"3",children:[(0,p.jsx)(m._,{expandIconPosition:"end",style:{background:"linear-gradient(#D1D1D1 0 0) top /89.8% 0.6px no-repeat"},children:(0,p.jsx)("div",{style:{fontSize:"16px",fontWeight:"500"},children:"Services"})}),(0,p.jsx)(h.H,{children:(0,p.jsx)(f,{tags:C,number:"3",activeTags:t,selectedCheckbox:a,setSelectedCheckbox:r,location:o,readSearchTags:v,replaceSearchTags:y})})]}),(0,p.jsxs)(d.Q,{value:"4",children:[(0,p.jsx)(m._,{expandIconPosition:"end",style:{background:"linear-gradient(#D1D1D1 0 0) top /89.8% 0.6px no-repeat"},children:(0,p.jsx)("div",{style:{fontSize:"16px",fontWeight:"500"},children:"Database"})}),(0,p.jsx)(h.H,{children:(0,p.jsx)(f,{tags:k,number:"4",activeTags:t,selectedCheckbox:a,setSelectedCheckbox:r,location:o,readSearchTags:v,replaceSearchTags:y})})]}),(0,p.jsxs)(d.Q,{value:"5",children:[(0,p.jsx)(m._,{expandIconPosition:"end",style:{background:"linear-gradient(#D1D1D1 0 0) top /89.8% 0.6px no-repeat"},children:(0,p.jsx)("div",{style:{fontSize:"16px",fontWeight:"500"},children:"Infrastructure as Code"})}),(0,p.jsx)(h.H,{children:(0,p.jsx)(f,{tags:j,number:"5",activeTags:t,selectedCheckbox:a,setSelectedCheckbox:r,location:o,readSearchTags:v,replaceSearchTags:y})})]}),(0,p.jsxs)(d.Q,{value:"6",children:[(0,p.jsx)(m._,{expandIconPosition:"end",style:{background:"linear-gradient(#D1D1D1 0 0) top /89.8% 0.6px no-repeat"},children:(0,p.jsx)("div",{style:{fontSize:"16px",fontWeight:"500"},children:"Tools"})}),(0,p.jsx)(h.H,{children:(0,p.jsx)(f,{tags:T,number:"6",activeTags:t,selectedCheckbox:a,setSelectedCheckbox:r,location:o,readSearchTags:v,replaceSearchTags:y})})]}),(0,p.jsxs)(d.Q,{value:"7",children:[(0,p.jsx)(m._,{expandIconPosition:"end",style:{background:"linear-gradient(#D1D1D1 0 0) top /89.8% 0.6px no-repeat"},children:(0,p.jsx)("div",{style:{fontSize:"16px",fontWeight:"500"},children:"Topic"})}),(0,p.jsx)(h.H,{children:(0,p.jsx)(f,{tags:P,number:"7",activeTags:t,selectedCheckbox:a,setSelectedCheckbox:r,location:o,readSearchTags:v,replaceSearchTags:y})})]})]})}var z=a(5666),w=a(979),x=a(4678),S=a(4579),C=a(7150),k=a(6136),j=a(5812),T=a(2267);function I(){if(k.Z.canUseDOM)return{scrollTopPosition:window.scrollY,focusedElementId:document.activeElement?.id}}(0,C.l)();const P="tags",D=e=>new URLSearchParams(e).getAll(P),L=(e,t)=>{const a=new URLSearchParams(e);return a.delete(P),t.forEach((e=>a.append(P,e))),a.toString()},F=()=>{const{colorMode:e}=(0,v.I)(),[t,a]=(0,s.useState)(!0),[r,o]=(0,s.useState)(b.PS),[n,c]=(0,s.useState)([]),l=(0,i.TH)(),[u,d]=(0,s.useState)([]);return(0,s.useEffect)((()=>{d(D(l.search)),c(D(l.search)),setTimeout((()=>{a(!1)}),500)}),[l]),t?null:(0,p.jsxs)(w.r,{theme:"dark"==e?x.$:S.Y,children:[(0,p.jsx)(z.Z,{}),(0,p.jsxs)("div",{className:j.Z.filterAndCard,children:[(0,p.jsx)("div",{className:j.Z.filter,children:(0,p.jsx)(y,{activeTags:r,selectedCheckbox:n,setSelectedCheckbox:c,location:l,setSelectedTags:d,selectedTags:u,readSearchTags:D,replaceSearchTags:L})}),(0,p.jsx)("div",{className:j.Z.card,children:(0,p.jsx)(T.default,{setActiveTags:o,selectedTags:u,location:l,setSelectedTags:d,readSearchTags:D,replaceSearchTags:L})})]})]})};function B(){return(0,p.jsx)(r.Z,{children:(0,p.jsx)(F,{})})}},2495:(e,t,a)=>{function s(e,t){const a=[...e];return a.sort(((e,a)=>t(e)>t(a)?1:t(a)>t(e)?-1:0)),a}function r(e,t){const a=e.indexOf(t);if(-1===a)return e.concat(t);const s=[...e];return s.splice(a,1),s}a.d(t,{$:()=>r,M:()=>s})},5812:(e,t,a)=>{a.d(t,{Z:()=>s});const s={checkboxList:"checkboxList_autc",showcaseList:"showcaseList_Cwj2",checkboxListItem:"checkboxListItem_CI1c",cover:"cover_YHbb",searchContainer:"searchContainer_FQjg",searchArea:"searchArea_YqZU",heroBar:"heroBar_x6u6",showcaseFavorite:"showcaseFavorite_HPRp",showcaseHelpWanted:"showcaseHelpWanted_r4aa",helpText:"helpText_Pz8G",showcaseFavoriteHeader:"showcaseFavoriteHeader_hNPk",svgIconFavoriteXs:"svgIconFavoriteXs_Yxtr",svgIconFavorite:"svgIconFavorite_skrm",filterAndCard:"filterAndCard_xQZZ",filter:"filter_VYb7",card:"card_UXd2",load:"load_LPr5",cardLoad:"cardLoad_RfPu",clearAll:"clearAll_dyXO",filterBadge:"filterBadge_kkvc"}}}]); \ No newline at end of file diff --git a/assets/js/runtime~main.e32ece34.js b/assets/js/runtime~main.4214f8ea.js similarity index 98% rename from assets/js/runtime~main.e32ece34.js rename to assets/js/runtime~main.4214f8ea.js index d7615a88..95f3b95f 100644 --- a/assets/js/runtime~main.e32ece34.js +++ b/assets/js/runtime~main.4214f8ea.js @@ -1 +1 @@ -(()=>{"use strict";var e,t,a,r,o,n={},c={};function d(e){var t=c[e];if(void 0!==t)return t.exports;var a=c[e]={id:e,loaded:!1,exports:{}};return n[e].call(a.exports,a,a.exports,d),a.loaded=!0,a.exports}d.m=n,d.c=c,e=[],d.O=(t,a,r,o)=>{if(!a){var n=1/0;for(b=0;b=o)&&Object.keys(d.O).every((e=>d.O[e](a[f])))?a.splice(f--,1):(c=!1,o0&&e[b-1][2]>o;b--)e[b]=e[b-1];e[b]=[a,r,o]},d.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return d.d(t,{a:t}),t},a=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,d.t=function(e,r){if(1&r&&(e=this(e)),8&r)return e;if("object"==typeof e&&e){if(4&r&&e.__esModule)return e;if(16&r&&"function"==typeof e.then)return e}var o=Object.create(null);d.r(o);var n={};t=t||[null,a({}),a([]),a(a)];for(var c=2&r&&e;"object"==typeof c&&!~t.indexOf(c);c=a(c))Object.getOwnPropertyNames(c).forEach((t=>n[t]=()=>e[t]));return n.default=()=>e,d.d(o,n),o},d.d=(e,t)=>{for(var a in t)d.o(t,a)&&!d.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},d.f={},d.e=e=>Promise.all(Object.keys(d.f).reduce(((t,a)=>(d.f[a](e,t),t)),[])),d.u=e=>"assets/js/"+({22:"a29e6eae",178:"decd21d9",356:"daaaa5b9",368:"a94703ab",518:"a7bd4aaa",526:"121ac934",608:"09657b43",629:"aba21aa0",637:"54deeb72",655:"138b2ff0",661:"5e95c892",701:"fe488cf9",710:"5fca9015",735:"4ba7e5a3",766:"c8145546",915:"7e1c9ad7",918:"17896441",936:"3c491179",980:"a7456010"}[e]||e)+"."+{22:"febecd41",178:"e0ec62a8",318:"6e05e0de",328:"cb22f31b",356:"e5593ac7",368:"507b2714",508:"4f9f58f7",518:"e45544ce",526:"b1eab22c",608:"2992cd9d",629:"e5e395af",637:"c429c240",655:"64626f43",661:"df177aab",701:"045f92c4",710:"c7a52944",735:"7cb78bef",766:"df936f29",796:"0caf5aab",868:"d82d1002",915:"95722a60",918:"c2b37d39",936:"648d0e7e",980:"ac410b2b"}[e]+".js",d.miniCssF=e=>{},d.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),d.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r={},o="website:",d.l=(e,t,a,n)=>{if(r[e])r[e].push(t);else{var c,f;if(void 0!==a)for(var i=document.getElementsByTagName("script"),b=0;b{c.onerror=c.onload=null,clearTimeout(s);var o=r[e];if(delete r[e],c.parentNode&&c.parentNode.removeChild(c),o&&o.forEach((e=>e(a))),t)return t(a)},s=setTimeout(l.bind(null,void 0,{type:"timeout",target:c}),12e4);c.onerror=l.bind(null,c.onerror),c.onload=l.bind(null,c.onload),f&&document.head.appendChild(c)}},d.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},d.p="/awesome-azd/",d.gca=function(e){return e={17896441:"918",a29e6eae:"22",decd21d9:"178",daaaa5b9:"356",a94703ab:"368",a7bd4aaa:"518","121ac934":"526","09657b43":"608",aba21aa0:"629","54deeb72":"637","138b2ff0":"655","5e95c892":"661",fe488cf9:"701","5fca9015":"710","4ba7e5a3":"735",c8145546:"766","7e1c9ad7":"915","3c491179":"936",a7456010:"980"}[e]||e,d.p+d.u(e)},(()=>{var e={303:0,532:0};d.f.j=(t,a)=>{var r=d.o(e,t)?e[t]:void 0;if(0!==r)if(r)a.push(r[2]);else if(/^(303|532)$/.test(t))e[t]=0;else{var o=new Promise(((a,o)=>r=e[t]=[a,o]));a.push(r[2]=o);var n=d.p+d.u(t),c=new Error;d.l(n,(a=>{if(d.o(e,t)&&(0!==(r=e[t])&&(e[t]=void 0),r)){var o=a&&("load"===a.type?"missing":a.type),n=a&&a.target&&a.target.src;c.message="Loading chunk "+t+" failed.\n("+o+": "+n+")",c.name="ChunkLoadError",c.type=o,c.request=n,r[1](c)}}),"chunk-"+t,t)}},d.O.j=t=>0===e[t];var t=(t,a)=>{var r,o,n=a[0],c=a[1],f=a[2],i=0;if(n.some((t=>0!==e[t]))){for(r in c)d.o(c,r)&&(d.m[r]=c[r]);if(f)var b=f(d)}for(t&&t(a);i{"use strict";var e,t,a,r,o,n={},c={};function d(e){var t=c[e];if(void 0!==t)return t.exports;var a=c[e]={id:e,loaded:!1,exports:{}};return n[e].call(a.exports,a,a.exports,d),a.loaded=!0,a.exports}d.m=n,d.c=c,e=[],d.O=(t,a,r,o)=>{if(!a){var n=1/0;for(b=0;b=o)&&Object.keys(d.O).every((e=>d.O[e](a[f])))?a.splice(f--,1):(c=!1,o0&&e[b-1][2]>o;b--)e[b]=e[b-1];e[b]=[a,r,o]},d.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return d.d(t,{a:t}),t},a=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,d.t=function(e,r){if(1&r&&(e=this(e)),8&r)return e;if("object"==typeof e&&e){if(4&r&&e.__esModule)return e;if(16&r&&"function"==typeof e.then)return e}var o=Object.create(null);d.r(o);var n={};t=t||[null,a({}),a([]),a(a)];for(var c=2&r&&e;"object"==typeof c&&!~t.indexOf(c);c=a(c))Object.getOwnPropertyNames(c).forEach((t=>n[t]=()=>e[t]));return n.default=()=>e,d.d(o,n),o},d.d=(e,t)=>{for(var a in t)d.o(t,a)&&!d.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},d.f={},d.e=e=>Promise.all(Object.keys(d.f).reduce(((t,a)=>(d.f[a](e,t),t)),[])),d.u=e=>"assets/js/"+({22:"a29e6eae",178:"decd21d9",356:"daaaa5b9",368:"a94703ab",518:"a7bd4aaa",526:"121ac934",608:"09657b43",629:"aba21aa0",637:"54deeb72",655:"138b2ff0",661:"5e95c892",701:"fe488cf9",710:"5fca9015",735:"4ba7e5a3",766:"c8145546",915:"7e1c9ad7",918:"17896441",936:"3c491179",980:"a7456010"}[e]||e)+"."+{22:"febecd41",178:"e0ec62a8",318:"6e05e0de",328:"cb22f31b",356:"e5593ac7",368:"507b2714",508:"4f9f58f7",518:"e45544ce",526:"60ca567b",608:"68a851fd",629:"e5e395af",637:"c429c240",655:"64626f43",661:"df177aab",701:"045f92c4",710:"c7a52944",735:"7cb78bef",766:"df936f29",796:"0caf5aab",868:"d82d1002",915:"95722a60",918:"c2b37d39",936:"648d0e7e",980:"ac410b2b"}[e]+".js",d.miniCssF=e=>{},d.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),d.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r={},o="website:",d.l=(e,t,a,n)=>{if(r[e])r[e].push(t);else{var c,f;if(void 0!==a)for(var i=document.getElementsByTagName("script"),b=0;b{c.onerror=c.onload=null,clearTimeout(s);var o=r[e];if(delete r[e],c.parentNode&&c.parentNode.removeChild(c),o&&o.forEach((e=>e(a))),t)return t(a)},s=setTimeout(l.bind(null,void 0,{type:"timeout",target:c}),12e4);c.onerror=l.bind(null,c.onerror),c.onload=l.bind(null,c.onload),f&&document.head.appendChild(c)}},d.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},d.p="/awesome-azd/",d.gca=function(e){return e={17896441:"918",a29e6eae:"22",decd21d9:"178",daaaa5b9:"356",a94703ab:"368",a7bd4aaa:"518","121ac934":"526","09657b43":"608",aba21aa0:"629","54deeb72":"637","138b2ff0":"655","5e95c892":"661",fe488cf9:"701","5fca9015":"710","4ba7e5a3":"735",c8145546:"766","7e1c9ad7":"915","3c491179":"936",a7456010:"980"}[e]||e,d.p+d.u(e)},(()=>{var e={303:0,532:0};d.f.j=(t,a)=>{var r=d.o(e,t)?e[t]:void 0;if(0!==r)if(r)a.push(r[2]);else if(/^(303|532)$/.test(t))e[t]=0;else{var o=new Promise(((a,o)=>r=e[t]=[a,o]));a.push(r[2]=o);var n=d.p+d.u(t),c=new Error;d.l(n,(a=>{if(d.o(e,t)&&(0!==(r=e[t])&&(e[t]=void 0),r)){var o=a&&("load"===a.type?"missing":a.type),n=a&&a.target&&a.target.src;c.message="Loading chunk "+t+" failed.\n("+o+": "+n+")",c.name="ChunkLoadError",c.type=o,c.request=n,r[1](c)}}),"chunk-"+t,t)}},d.O.j=t=>0===e[t];var t=(t,a)=>{var r,o,n=a[0],c=a[1],f=a[2],i=0;if(n.some((t=>0!==e[t]))){for(r in c)d.o(c,r)&&(d.m[r]=c[r]);if(f)var b=f(d)}for(t&&t(a);i Contributor Guide | Awesome Azure Developer CLI - + diff --git a/docs/faq/contribute-template/index.html b/docs/faq/contribute-template/index.html index 3d8cbc46..881df1b4 100644 --- a/docs/faq/contribute-template/index.html +++ b/docs/faq/contribute-template/index.html @@ -5,7 +5,7 @@ How do I contribute templates? | Awesome Azure Developer CLI - + diff --git a/docs/faq/create-template/index.html b/docs/faq/create-template/index.html index 0f7435e4..631d7b0e 100644 --- a/docs/faq/create-template/index.html +++ b/docs/faq/create-template/index.html @@ -5,7 +5,7 @@ How do I create templates? | Awesome Azure Developer CLI - + diff --git a/docs/faq/discover-azd/index.html b/docs/faq/discover-azd/index.html index 4c38742f..e0220a4f 100644 --- a/docs/faq/discover-azd/index.html +++ b/docs/faq/discover-azd/index.html @@ -5,7 +5,7 @@ How do I discover one? | Awesome Azure Developer CLI - + diff --git a/docs/faq/how-to-use-azd-templates/index.html b/docs/faq/how-to-use-azd-templates/index.html index ee2ac691..ccd33f38 100644 --- a/docs/faq/how-to-use-azd-templates/index.html +++ b/docs/faq/how-to-use-azd-templates/index.html @@ -5,7 +5,7 @@ How do I use azd-template? | Awesome Azure Developer CLI - + diff --git a/docs/faq/rate-template/index.html b/docs/faq/rate-template/index.html index 894c65c2..42128a24 100644 --- a/docs/faq/rate-template/index.html +++ b/docs/faq/rate-template/index.html @@ -5,7 +5,7 @@ How are templates rated? | Awesome Azure Developer CLI - + diff --git a/docs/faq/request-a-template/index.html b/docs/faq/request-a-template/index.html index ce7054db..162ff2eb 100644 --- a/docs/faq/request-a-template/index.html +++ b/docs/faq/request-a-template/index.html @@ -5,7 +5,7 @@ How do I request templates? | Awesome Azure Developer CLI - + diff --git a/docs/faq/what-is-an-azd-template/index.html b/docs/faq/what-is-an-azd-template/index.html index 3991712e..c6ea1e34 100644 --- a/docs/faq/what-is-an-azd-template/index.html +++ b/docs/faq/what-is-an-azd-template/index.html @@ -5,7 +5,7 @@ What is "azd-template"? | Awesome Azure Developer CLI - + diff --git a/docs/faq/what-is-azd/index.html b/docs/faq/what-is-azd/index.html index 3e8e099f..c07cea81 100644 --- a/docs/faq/what-is-azd/index.html +++ b/docs/faq/what-is-azd/index.html @@ -5,7 +5,7 @@ What is "azd"? | Awesome Azure Developer CLI - + diff --git a/getting-started/index.html b/getting-started/index.html index 10713707..6e7b1fe3 100644 --- a/getting-started/index.html +++ b/getting-started/index.html @@ -5,7 +5,7 @@ Welcome to Awesome Azure Developer CLI | Awesome Azure Developer CLI - + diff --git a/index.html b/index.html index ce7346bc..e2375e7d 100644 --- a/index.html +++ b/index.html @@ -5,7 +5,7 @@ Awesome Azure Developer CLI - + diff --git a/templates.json b/templates.json index ed6acf65..97250613 100644 --- a/templates.json +++ b/templates.json @@ -1636,7 +1636,7 @@ "website": "https://github.com/Azure/azure-dev", "author": "Azure Dev", "source": "https://github.com/Azure-Samples/azd-ai-starter", - "tags": ["bicep", "ai", "azureai", "openai", "msft", "new"] + "tags": ["bicep", "ai", "azureai", "openai", "msft"] }, { "title": "Azure AI Studio Starter", @@ -1645,7 +1645,7 @@ "website": "https://github.com/Azure/azure-dev", "author": "Azure Dev", "source": "https://github.com/Azure-Samples/azd-aistudio-starter", - "tags": ["bicep", "ai", "azureai", "openai", "msft", "new"] + "tags": ["bicep", "ai", "azureai", "openai", "msft"] }, { "title": "Simple Chat Application using Azure OpenAI (Python)", @@ -1661,8 +1661,7 @@ "openai", "aca", "bicep", - "ai", - "new" + "ai" ] }, { @@ -1680,8 +1679,7 @@ "aca", "bicep", "ai", - "azuredb-postgreSQL", - "new" + "azuredb-postgreSQL" ] }, { @@ -1699,8 +1697,7 @@ "aks", "terraform", "ai", - "aisearch", - "new" + "aisearch" ] }, { @@ -1717,8 +1714,7 @@ "openai", "aca", "bicep", - "ai", - "new" + "ai" ] }, { @@ -1735,8 +1731,7 @@ "openai", "aistudio", "bicep", - "ai", - "new" + "ai" ] }, { @@ -1754,7 +1749,7 @@ "aistudio", "bicep", "ai", - "new" + "pinecone" ] }, { @@ -1773,8 +1768,7 @@ "bicep", "cosmosdb", "aisearch", - "ai", - "new" + "ai" ] }, { @@ -1794,8 +1788,7 @@ "appinsights", "loganalytics", "diagnosticsettings", - "typescript", - "new" + "typescript" ] }, { @@ -1811,8 +1804,7 @@ "apicenter", "swa", "serviceprincipal", - "typescript", - "new" + "typescript" ] }, { @@ -1838,8 +1830,7 @@ "logicapps", "apim", "dotnetCsharp", - "typescript", - "new" + "typescript" ] }, { @@ -1856,8 +1847,7 @@ "cosmosdb", "azuredatafactory", "blobstorage", - "ai", - "new" + "ai" ] }, { @@ -1897,5 +1887,42 @@ "blazor", "new" ] + }, + { + "title": "Azure Serverless App with Angular and MSAL", + "description": "Azure Serverless Template using Angular-standalone, Azure Functions App, Cosmos DB and APIM", + "preview": "./templates/images/serverless-application-flow.png", + "website": "https://github.com/ryanninodizon", + "author": "Ryan Niño Dizon", + "source": "https://github.com/ryanninodizon/AzureServerlessApp-with-auth-for-dotnet-angular", + "tags": [ + "apim", + "functions", + "msal", + "dotnetCsharp", + "cosmosdb", + "serverlessapi", + "angular", + "new", + "community" + ] + }, + { + "title": "Pinecone RAG Demo", + "description": "This example application sets up an Azure container app with Next.js, linking to a Pinecone index and an OpenAI embedding model for storing and retrieving context for a RAG model.", + "preview": "./templates/images/pinecone-rag-demo-azd.png", + "website": "https://pinecone.io", + "author": "Pinecone Team", + "source": "https://github.com/pinecone-io/pinecone-rag-demo-azd", + "tags": [ + "community", + "pinecone", + "bicep", + "aca", + "nextjs", + "typescript", + "ai", + "new" + ] } ] diff --git a/templates/images/pinecone-rag-demo-azd.png b/templates/images/pinecone-rag-demo-azd.png new file mode 100644 index 00000000..5a81ed47 Binary files /dev/null and b/templates/images/pinecone-rag-demo-azd.png differ diff --git a/templates/images/serverless-application-flow.png b/templates/images/serverless-application-flow.png new file mode 100644 index 00000000..4194c2a0 Binary files /dev/null and b/templates/images/serverless-application-flow.png differ