diff --git a/404.html b/404.html index d40dcc10..b4d4b051 100644 --- a/404.html +++ b/404.html @@ -4,13 +4,13 @@ Page Not Found | Awesome Azure Dev CLI - +
Skip to main content

Page Not Found

We could not find what you were looking for.

Please contact the owner of the site that linked you to the original URL and let them know their link is broken.

- + \ No newline at end of file diff --git a/about/index.html b/about/index.html index c7cd0a05..82311b6a 100644 --- a/about/index.html +++ b/about/index.html @@ -4,13 +4,13 @@ Welcome to Awesome Azure Dev CLI | Awesome Azure Dev CLI - +
Skip to main content

Awesome Azure Dev CLI

Discover - Create - Contribute

Request a Template 📫
Discover Templates

Discover Templates

Explore the azd-templates topic on GitHub or check out the Gallery to find templates using richer filters and search capability.

Create Your Own

Create Your Own

Have an existing project that you want to migrate, to use azd templates? Convert a sample or create a new template!

Contribute To Gallery

Contribute To Gallery

Consider sharing your template in our Gallery to help the community. Just fill in the issue and we'll do the rest!

- + \ No newline at end of file diff --git a/assets/js/1df93b7f.273dcddc.js b/assets/js/1df93b7f.273dcddc.js deleted file mode 100644 index a81c8098..00000000 --- a/assets/js/1df93b7f.273dcddc.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[237],{6978:(e,t,a)=>{a.r(t),a.d(t,{default:()=>ee,prepareUserState:()=>K});var r=a(7294),s=a(3386),o=a(6010),i=a(7462);const n={svgIcon:"svgIcon_R3jO",small:"small_SUAn",medium:"medium_GxVq",large:"large_TyPU",primary:"primary_V8Cc",secondary:"secondary_WyIo",success:"success_lY5U",error:"error_eHdq",warning:"warning_IB04",inherit:"inherit_2ln5"};function p(e){const{svgClass:t,colorAttr:a,children:s,color:p="inherit",size:c="medium",viewBox:u="0 0 24 24",...l}=e;return r.createElement("svg",(0,i.Z)({viewBox:u,color:a,"aria-hidden":!0,className:(0,o.Z)(n.svgIcon,n[p],n[c],t)},l),s)}function c(e){return r.createElement(p,e,r.createElement("path",{d:"M12,21.35L10.55,20.03C5.4,15.36 2,12.27 2,8.5C2,5.41 4.42,3 7.5,3C9.24,3 10.91,3.81 12,5.08C13.09,3.81 14.76,3 16.5,3C19.58,3 22,5.41 22,8.5C22,12.27 18.6,15.36 13.45,20.03L12,21.35Z"}))}var u=a(6775);function l(e,t){const a=[...e];return a.sort(((e,a)=>t(e)>t(a)?1:t(a)>t(e)?-1:0)),a}const d="checkboxLabel_pwqD",h="tags";function m(e){return new URLSearchParams(e).getAll(h)}function g(e,t){let{id:a,icon:s,label:o,tag:n,...p}=e;const c=(0,u.TH)(),l=(0,u.k6)(),[g,b]=(0,r.useState)(!1);(0,r.useEffect)((()=>{const e=m(c.search);b(e.includes(n))}),[n,c]);const A=(0,r.useCallback)((()=>{const e=function(e,t){const a=e.indexOf(t);if(-1===a)return e.concat(t);const r=[...e];return r.splice(a,1),r}(m(c.search),n),t=function(e,t){const a=new URLSearchParams(e);return a.delete(h),t.forEach((e=>a.append(h,e))),a.toString()}(c.search,e);l.push({...c,search:t,state:K()})}),[n,c,l]);return r.createElement(r.Fragment,null,r.createElement("input",(0,i.Z)({type:"checkbox",id:a,className:"screen-reader-only",onKeyDown:e=>{"Enter"===e.key&&A()},onFocus:e=>{var t;e.relatedTarget&&(null==(t=e.target.nextElementSibling)||t.dispatchEvent(new KeyboardEvent("focus")))},onBlur:e=>{var t;null==(t=e.target.nextElementSibling)||t.dispatchEvent(new KeyboardEvent("blur"))},onChange:A,checked:g},p)),r.createElement("label",{ref:t,htmlFor:a,className:d},o,s))}const b=r.forwardRef(g),A={checkboxLabel:"checkboxLabel_FmrE"},v="operator";function w(e){return new URLSearchParams(e).get(v)??"OR"}function f(){const e="showcase_filter_toggle",t=(0,u.TH)(),a=(0,u.k6)(),[s,i]=(0,r.useState)(!1);(0,r.useEffect)((()=>{i("AND"===w(t.search))}),[t]);const n=(0,r.useCallback)((()=>{i((e=>!e));const e=new URLSearchParams(t.search);e.delete(v),s||e.append(v,s?"OR":"AND"),a.push({...t,search:e.toString(),state:K()})}),[s,t,a]);return r.createElement("div",null,r.createElement("input",{type:"checkbox",id:e,className:"screen-reader-only","aria-label":"Toggle between or and and for the tags you selected",onChange:n,onKeyDown:e=>{"Enter"===e.key&&n()},checked:s}),r.createElement("label",{htmlFor:e,className:(0,o.Z)(A.checkboxLabel,"shadow--md")},r.createElement("span",{className:A.checkboxLabelOr},"OR"),r.createElement("span",{className:A.checkboxLabelAnd},"AND")))}var y=a(5944),z=a(3699);const S={showcaseCardImage:"showcaseCardImage_qZMA",showcaseCardHeader:"showcaseCardHeader_tfIV",showcaseCardTitle:"showcaseCardTitle_PRHG",svgIconFavorite:"svgIconFavorite_RKtI",showcaseCardSrcBtn:"showcaseCardSrcBtn_AI8i",showcaseCardBody:"showcaseCardBody_I0O5",cardFooter:"cardFooter_EuCG",tag:"tag_Aixk",textLabel:"textLabel_SLNc",colorLabel:"colorLabel_q5Sy"};var k=a(3935),P=a(5237);const C="tooltip_hKx1",T="tooltipArrow_yATY";function I(e){let{children:t,id:a,anchorEl:s,text:o,delay:n}=e;const[p,c]=(0,r.useState)(!1),[u,l]=(0,r.useState)(null),[d,h]=(0,r.useState)(null),[m,g]=(0,r.useState)(null),[b,A]=(0,r.useState)(null),{styles:v,attributes:w}=(0,P.D)(u,d,{modifiers:[{name:"arrow",options:{element:m}},{name:"offset",options:{offset:[0,8]}}]}),f=(0,r.useRef)(null),y=`${a}_tooltip`;return(0,r.useEffect)((()=>{A(s?"string"==typeof s?document.querySelector(s):s:document.body)}),[b,s]),(0,r.useEffect)((()=>{const e=["mouseenter","focus"],t=["mouseleave","blur"],a=()=>{""!==o&&(null==u||u.removeAttribute("title"),f.current=window.setTimeout((()=>{c(!0)}),n||400))},r=()=>{clearInterval(f.current),c(!1)};return u&&(e.forEach((e=>{u.addEventListener(e,a)})),t.forEach((e=>{u.addEventListener(e,r)}))),()=>{u&&(e.forEach((e=>{u.removeEventListener(e,a)})),t.forEach((e=>{u.removeEventListener(e,r)})))}}),[u,o,n]),r.createElement(r.Fragment,null,r.cloneElement(t,{ref:l,"aria-describedby":p?y:void 0}),b?k.createPortal(p&&r.createElement("div",(0,i.Z)({id:y,role:"tooltip",ref:h,className:C,style:v.popper},w.popper),o,r.createElement("span",{ref:g,className:T,style:v.arrow})),b):b)}const D={featured:{label:"\xa0\u2665\ufe0f Featured",description:"This tag is used for admin-curated templates that represent high-quality (community) or official (Microsoft) azd templates.",color:"red"},helpwanted:{label:"\ud83d\ude4f\ud83c\udffd Help Wanted",description:"This tag is used when there is a request for azd templates for a specific architecture. The title will link to arch, the button to a custom-issue for PR",color:"red"},javascript:{label:"JavaScript",description:"Template contains JavaScript app code",color:"#1e90ff"},typescript:{label:"TypeScript",description:"Template contains TypeScript app code",color:"#1e90ff"},dotnetCsharp:{label:".NET/C#",description:"Template contains .NET and/or C# app code",color:"#1e90ff"},java:{label:"Java",description:"Template contains Java app code",color:"#1e90ff"},python:{label:"Python",description:"Template contains Python app code",color:"#1e90ff"},django:{label:"Django",description:"Template contains Django web app code",color:"#1e90ff"},reactjs:{label:"React.js",description:"Template architecture uses React.js",color:"#1e90ff"},nodejs:{label:"Node.js",description:"Template architecture uses Node.js",color:"#1e90ff"},php:{label:"PHP",description:"Template architecture uses PHP",color:"#1e90ff"},bicep:{label:"Bicep",description:"Template uses Bicep for Infra as Code",color:"#66ff00"},terraform:{label:"Terraform",description:"Template uses Terraform for Infra as Code",color:"#66ff00"},mongodb:{label:"MongoDB",description:"Template architecture uses MongoDB",color:"hotpink"},fastapi:{label:"FastAPI",description:"Template architecture uses FastAPI web framework",color:"hotpink"},fhir:{label:"FHIR Service",description:"Template architecture uses Fast Healthcare Interoperability Resources (FHIR)",color:"hotpink"},flask:{label:"Flask",description:"Template architecture uses Flask web framework",color:"hotpink"},nestjs:{label:"NestJS",description:"Template architecture uses NestJS framework",color:"hotpink"},sap:{label:"SAP",description:"Template architecture uses Systems Applications and Products in data processing (SAP)",color:"hotpink"},sapcloudsdk:{label:"SAP Cloud SDK",description:"Template architecture uses SAP Cloud SDK",color:"hotpink"},spring:{label:"Spring",description:"Template architecture uses Spring framework",color:"hotpink"},thymeleaf:{label:"Thymeleaf",description:"Template architecture uses Thymeleaf template engine",color:"hotpink"},dataverse:{label:"Dataverse",description:"Template architecture uses Microsoft Dataverse",color:"hotpink"},chatgpt:{label:"ChatGPT",description:"Template architecture uses ChatGPT model",color:"hotpink"},jupyter:{label:"Jupyter Notebooks",description:"Template architecture uses Jupyter Notebooks",color:"hotpink"},keda:{label:"KEDA",description:"Template architecture uses Kubernetes Event Driven Autoscaling (KEDA)",color:"hotpink"},kubernetes:{label:"Kubernetes",description:"Template architecture uses Kubernetes",color:"hotpink"},streamlit:{label:"Streamlit",description:"Template architecture uses Streamlit library",color:"hotpink"},devcenter:{label:"Dev Center",description:"Template architecture uses Dev Center",color:"hotpink"},ahds:{label:"Azure Health Data Service",description:"Template architecture uses Azure Health Data Services workspace",color:"hotpink"},appinsights:{label:"Azure App Insights",description:"Template architecture uses Azure App Insights",color:"hotpink"},loganalytics:{label:"Azure Log Analytics",description:"Template architecture uses Azure Log Analytics",color:"hotpink"},appservice:{label:"Azure App Service",description:"Template architecture uses Azure App Service",color:"hotpink"},monitor:{label:"Azure Monitor",description:"Template architecture uses Azure App Service",color:"hotpink"},keyvault:{label:"Azure Key Vault",description:"Template architecture uses Azure Key Vault",color:"hotpink"},aca:{label:"Azure Container Apps",description:"Template architecture uses Azure Container Apps",color:"hotpink"},cosmosdb:{label:"CosmosDB",description:"Template architecture uses Azure CosmosDB",color:"hotpink"},signalR:{label:"Azure SignalR",description:"Template architecture uses Azure SignalR",color:"hotpink"},functions:{label:"Azure Functions",description:"Template architecture uses Azure Functions",color:"hotpink"},blobstorage:{label:"Azure Blob Storage",description:"Template architecture uses Azure Blob Storage",color:"hotpink"},webapps:{label:"Web Apps",description:"Template architecture uses Web Apps",color:"hotpink"},azuresql:{label:"Azure SQL",description:"Template architecture uses Azure SQL",color:"hotpink"},"azuredb-postgreSQL":{label:"Azure DB For PostgreSQL",description:"Template architecture uses Azure DB for PostgreSQL",color:"hotpink"},swa:{label:"Azure Static Web Apps",description:"Template architecture uses Azure Static Web Apps",color:"hotpink"},dapr:{label:"Dapr",description:"Template architecture uses Distributed Application Runtime (dapr)",color:"hotpink"},servicebus:{label:"Azure Service Bus",description:"Template architecture uses Azure Service Bus",color:"hotpink"},vnets:{label:"Virtual Networks (VNET)",description:"Template architecture uses Virtual Networks",color:"hotpink"},cognitivesearch:{label:"Azure Cognitive Search",description:"Template architecture uses Azure Cognitive Search",color:"hotpink"},openai:{label:"Azure OpenAI Service",description:"Template architecture uses Azure OpenAI Service",color:"hotpink"},azureai:{label:"Azure AI Service",description:"Template architecture uses Azure AI Service",color:"hotpink"},apim:{label:"Azure API Management",description:"Template architecture uses Azure API Management",color:"hotpink"},aks:{label:"Azure Kubernetes Service",description:"Template architecture uses Azure Kubernetes Service",color:"hotpink"},azurecdn:{label:"Azure Content Delivery Network",description:"Template architecture uses Azure Content Delivery Network",color:"hotpink"},frontdoor:{label:"Azure Front Door",description:"Template architecture uses Azure Front Door",color:"hotpink"},grafana:{label:"Grafana",description:"Template architecture uses Azure Managed Grafana",color:"hotpink"},prometheus:{label:"Prometheus",description:"Template architecture uses Azure Monitor managed service for Prometheus",color:"hotpink"},azurespringapps:{label:"Azure Spring Apps",description:"Template architecture uses Azure Spring Apps",color:"hotpink"},rediscache:{label:"Azure Redis Cache",description:"Template architecture uses Azure Redis Cache",color:"hotpink"},agw:{label:"Azure Application Gateway",description:"Template architecture uses Azure Application Gateway",color:"hotpink"},azurebot:{label:"Azure AI Bot Service",description:"Template architecture uses Azure AI Bot Service",color:"hotpink"},ade:{label:"Azure Deployment Environments",description:"Template architecture uses Azure Deployment Environments",color:"hotpink"},datascience:{label:"Data Science",description:"Template architecture involves Data Science",color:"hotpink"},enterprisepatterns:{label:"Enterprise App Patterns",description:"Template architecture involves Enterprise Application Patterns",color:"hotpink"},ai:{label:"Artificial Intelligence",description:"Template architecture involves Artificial Intelligence",color:"hotpink"},platformengineering:{label:"Platform Engineering",description:"Template architecture involves Platform Engineering",color:"hotpink"}},E=JSON.parse('[{"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":["featured","php","javascript","aca","agw","rediscache","monitor","keyvault","bicep"]},{"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":["featured","dotnetCsharp","typescript","javascript","appservice","cosmosdb","mongodb","monitor","keyvault","reactjs","bicep"]},{"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":["featured","dotnetCsharp","cosmosdb","aca","bicep"]},{"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":["featured","django","python","azuredb-postgreSQL","webapps","vnets","bicep"]},{"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":["featured","bicep","nodejs","typescript","javascript","appservice","cosmosdb","monitor","keyvault","mongodb","reactjs"]},{"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":["featured","bicep","swa","functions","nodejs","typescript","javascript","cosmosdb","monitor","keyvault","mongodb","reactjs","appservice"]},{"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":["featured","bicep","swa","functions","python","typescript","javascript","cosmosdb","monitor","keyvault","mongodb","reactjs","appservice","fastapi"]},{"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 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":["featured","python","typescript","javascript","cosmosdb","mongodb","monitor","keyvault","mongodb","reactjs","terraform","appservice","fastapi"]},{"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 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":["featured","nodejs","typescript","javascript","cosmosdb","mongodb","monitor","keyvault","mongodb","reactjs","terraform","appservice"]},{"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":["featured","bicep","python","typescript","javascript","appservice","cosmosdb","monitor","keyvault","mongodb","reactjs","fastapi"]},{"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":["featured","bicep","nodejs","typescript","javascript","appservice","cosmosdb","monitor","keyvault","mongodb","reactjs","aca"]},{"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":["featured","bicep","python","typescript","javascript","aca","cosmosdb","monitor","keyvault","mongodb","reactjs","fastapi"]},{"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":["featured","bicep","dotnetCsharp","typescript","javascript","appservice","azuresql","monitor","keyvault","mongodb","reactjs"]},{"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":["featured","bicep","java","typescript","appservice","cosmosdb","keyvault","monitor","mongodb","reactjs"]},{"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":["featured","bicep","java","typescript","appservice","cosmosdb","keyvault","monitor","mongodb","reactjs"]},{"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":["featured","bicep","swa","functions","dotnetCsharp","typescript","javascript","monitor","keyvault","reactjs","appservice","azuresql"]},{"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":["featured","bicep","nodejs","typescript","javascript","mongodb","monitor","keyvault","reactjs","appservice","cosmosdb","aks"]},{"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":["featured","bicep","java","nodejs","spring","webapps","azurespringapps","azuredb-postgreSQL"]},{"title":"ChatGPT Plugin using Python (FastAPI)","description":"This is a quickstart for creating a ChatGPT Plugin using Python and Azure.","preview":"./templates/images/chatgpt-plugin-python.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/openai-plugin-fastapi","tags":["featured","bicep","python","aca","cosmosdb","monitor","fastapi","ai"]},{"title":"ChatGPT + Enterprise Data with Azure OpenAI and Cognitive Search","description":"A sample app for the Retrieval-Augmented Generation pattern running in Azure, using Azure Cognitive 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":["featured","bicep","dotnetCsharp","aks","kubernetes","aca","cosmosdb","cognitivesearch","openai","chatgpt","rediscache","ai"]},{"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":["featured","bicep","python","openai","chatgpt","ai","flask","aca"]},{"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":["featured","bicep","java","openai","chatgpt","ai","blobstorage","azurespringapps"]},{"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"]},{"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"]},{"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"]},{"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"]},{"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","aca"]},{"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","aca"]},{"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","aca"]},{"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"]},{"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"]},{"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"]},{"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"]},{"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"]},{"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"]},{"title":"ChatGPT and Enterprise data with Azure OpenAI and Cognitive Search","description":"Demonstration of how to leverage Azure OpenAI and Cognitive Search to enable Information Search and Discovery over organizational content.","preview":"./templates/images/azure-search-openai-demo.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/azure-search-openai-demo","tags":["openai","chatgpt","cognitivesearch","python","typescript","bicep","nodejs","ai"]},{"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"]},{"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"]},{"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"]},{"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","keyvault","appinsights","featured","nestjs","sap","sapcloudsdk"]},{"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"]},{"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"]},{"title":"Function App - C# AI Text Summarize","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/paulyuk","author":"Paul Yuknewicz","source":"https://github.com/Azure-Samples/function-csharp-ai-textsummarize","tags":["functions","dotnetCsharp","azureai","bicep","ai"]},{"title":"Function App - Python AI Text Summarize","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. Uses Azure Functions Python v2 programming model.","preview":"./templates/images/test.png","website":"https://github.com/paulyuk","author":"Paul Yuknewicz","source":"https://github.com/Azure-Samples/function-python-ai-textsummarize","tags":["functions","python","azureai","bicep","ai"]},{"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"]},{"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"]},{"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"]},{"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"]},{"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"]},{"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"]},{"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"]},{"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"]},{"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"]},{"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"]},{"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"]},{"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/Azure-Samples","author":"Jenny Chen","source":"https://github.com/Azure-Samples/react-component-toolkit-openai-demo","tags":["bicep","openai","chatgpt","ai","apim","reactjs","typescript","javascript"]},{"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"]},{"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"]},{"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"]},{"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"]},{"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","appinsights","monitor","enterprisepatterns","keyvault"]},{"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"]},{"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","chatgpt"]},{"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"]},{"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"]},{"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","devcenter","ade"]}]'),j=Object.keys(D);const L=function(){let e=E;return e=l(e,(e=>e.title.toLowerCase())),e=l(e,(e=>!e.tags.includes("featured"))),e}(),F=r.forwardRef(((e,t)=>{let{label:a,color:s,description:o}=e;return r.createElement("li",{ref:t,className:S.tag,title:o},r.createElement("span",{className:S.textLabel},a.toLowerCase()),r.createElement("span",{className:S.colorLabel,style:{backgroundColor:s}}))}));function N(e){let{tags:t}=e;const a=l(t.map((e=>({tag:e,...D[e]}))),(e=>j.indexOf(e.tag)));return r.createElement(r.Fragment,null,a.map(((e,t)=>{const a=`showcase_card_tag_${e.tag}`;return r.createElement(I,{key:t,text:e.description,anchorEl:"#__docusaurus",id:a},r.createElement(F,(0,i.Z)({key:t},e)))})))}function x(e){let{user:t}=e;const a=t.author,s=t.website;if(a.includes("|")){var i=s.split("|"),n=a.split("|");return r.createElement("div",{className:"dropdown dropdown--right dropdown--hoverable"},r.createElement("button",{className:(0,o.Z)("button button--secondary button--sm",S.showcaseCardSrcBtn)},"Author"),r.createElement("ul",{className:"dropdown__menu"},i.map(((e,t)=>{return a=n[t],s=i[t],r.createElement("li",null,r.createElement("a",{className:"dropdown__link",href:s},a));var a,s}))))}return r.createElement("div",null,r.createElement("a",{className:(0,o.Z)("button button--secondary button--sm",S.showcaseCardSrcBtn),href:s},a))}function B(e){let{user:t}=e;return r.createElement("li",{key:t.title,className:"card shadow--md"},r.createElement(z.Z,{href:t.source},r.createElement("div",{className:(0,o.Z)("card__image",S.showcaseCardImage)},r.createElement(y.Z,{img:t.preview,alt:t.title}))),r.createElement("div",{className:"card__body"},r.createElement("div",{className:(0,o.Z)(S.showcaseCardHeader)},r.createElement("h4",{className:S.showcaseCardTitle},r.createElement(z.Z,{href:t.source,className:S.showcaseCardLink},t.title)),t.tags.includes("featured")&&r.createElement(c,{svgClass:S.svgIconFavorite,size:"small"}),t.source&&r.createElement(x,{user:t})),r.createElement("p",{className:S.showcaseCardBody},t.description)),r.createElement("ul",{className:(0,o.Z)("card__footer",S.cardFooter)},r.createElement(N,{tags:t.tags})))}const R=r.memo(B);var M=a(6136),_=a(7325),q=a(3777);const Q={filterCheckbox:"filterCheckbox_Uhtk",checkboxList:"checkboxList_autc",showcaseList:"showcaseList_Cwj2",checkboxListItem:"checkboxListItem_CI1c",searchContainer:"searchContainer_FQjg",showcaseFavorite:"showcaseFavorite_HPRp",showcaseHelpWanted:"showcaseHelpWanted_r4aa",helpText:"helpText_Pz8G",showcaseFavoriteHeader:"showcaseFavoriteHeader_hNPk",svgIconFavoriteXs:"svgIconFavoriteXs_Yxtr",svgIconFavorite:"svgIconFavorite_skrm"},O="Awesome AZD Templates",W="A community-contributed templates gallery";function K(){var e;if(M.Z.canUseDOM)return{scrollTopPosition:window.scrollY,focusedElementId:null==(e=document.activeElement)?void 0:e.id}}const G="name";function Z(e){return new URLSearchParams(e).get(G)}function H(){const e=(0,u.TH)(),[t,a]=(0,r.useState)("OR"),[s,o]=(0,r.useState)([]),[i,n]=(0,r.useState)(null);return(0,r.useEffect)((()=>{o(m(e.search)),a(w(e.search)),n(Z(e.search)),function(e){var t;const{scrollTopPosition:a,focusedElementId:r}=e??{scrollTopPosition:0,focusedElementId:void 0};null==(t=document.getElementById(r))||t.focus(),window.scrollTo({top:a})}(e.state)}),[e]),(0,r.useMemo)((()=>function(e,t,a,r){return r&&(e=e.filter((e=>e.title.toLowerCase().includes(r.toLowerCase())))),0===t.length?e:e.filter((e=>0!==e.tags.length&&("AND"===a?t.every((t=>e.tags.includes(t))):t.some((t=>e.tags.includes(t))))))}(L,s,t,i)),[s,t,i])}function J(){return r.createElement("section",{className:"margin-top--lg margin-bottom--lg text--center"},r.createElement("h1",null,O),r.createElement("p",null,W),r.createElement("a",{className:"button button--primary",href:"https://aka.ms/awesome-azd-contribute",target:"_blank",rel:"noreferrer"},r.createElement(_.Z,{id:"showcase.header.button"},"Contribute Your Template! \ud83d\ude4f")))}function V(){const e=H(),t=function(){const{selectMessage:e}=(0,q.c)();return t=>e(t,(0,_.I)({id:"showcase.filters.resultCount",description:'Pluralized label for the number of sites found on the showcase. Use as much plural forms (separated by "|") as your language support (see https://www.unicode.org/cldr/cldr-aux/charts/34/supplemental/language_plural_rules.html)',message:"1 site|{sitesCount} sites"},{sitesCount:t}))}();return r.createElement("section",{className:"container margin-top--l margin-bottom--lg"},r.createElement("div",{className:(0,o.Z)("margin-bottom--sm",Q.filterCheckbox)},r.createElement("div",null,r.createElement("h2",null,r.createElement(_.Z,{id:"showcase.filters.title"},"Filters")),r.createElement("span",null,t(e.length))),r.createElement(f,null)),r.createElement("ul",{className:Q.checkboxList},j.map(((e,t)=>{const{label:a,description:s,color:o}=D[e],i=`showcase_checkbox_id_${e}`;return r.createElement("li",{key:t,className:Q.checkboxListItem},r.createElement(I,{id:i,text:s,anchorEl:"#__docusaurus"},r.createElement(b,{tag:e,id:i,label:a,icon:"featured"===e?r.createElement(c,{svgClass:Q.svgIconFavoriteXs}):r.createElement("span",{style:{backgroundColor:o,width:10,height:10,borderRadius:"50%",marginLeft:8}})})))}))))}const U=L.filter((e=>e.tags.includes("featured"))),Y=(L.filter((e=>e.tags.includes("helpwanted"))),L.filter((e=>!e.tags.includes("featured")&&!e.tags.includes("helpwanted"))));function X(){const e=(0,u.k6)(),t=(0,u.TH)(),[a,s]=(0,r.useState)(null);return(0,r.useEffect)((()=>{s(Z(t.search))}),[t]),r.createElement("div",{className:Q.searchContainer},r.createElement("input",{id:"searchbar",placeholder:(0,_.I)({message:"Search for site name...",id:"showcase.searchBar.placeholder"}),value:a??void 0,onInput:a=>{s(a.currentTarget.value);const r=new URLSearchParams(t.search);r.delete(G),a.currentTarget.value&&r.set(G,a.currentTarget.value),e.push({...t,search:r.toString(),state:K()}),setTimeout((()=>{var e;null==(e=document.getElementById("searchbar"))||e.focus()}),0)}}))}function $(){const e=H();return 0===e.length?r.createElement("section",{className:"margin-top--lg margin-bottom--xl"},r.createElement("div",{className:"container padding-vert--md text--center"},r.createElement("h2",null,r.createElement(_.Z,{id:"showcase.usersList.noResult"},"Be the first to add an example project!")),r.createElement(X,null))):r.createElement("section",{className:"margin-top--lg margin-bottom--xl"},e.length===L.length?r.createElement(r.Fragment,null,r.createElement("div",{className:Q.showcaseFavorite},r.createElement("div",{className:"container"},r.createElement("div",{className:(0,o.Z)("margin-bottom--md",Q.showcaseFavoriteHeader)},r.createElement("h2",null,r.createElement(_.Z,{id:"showcase.favoritesList.title"},"Featured Templates")),r.createElement(c,{svgClass:Q.svgIconFavorite}),r.createElement(X,null)),r.createElement("ul",{className:(0,o.Z)("container",Q.showcaseList)},U.map((e=>r.createElement(R,{key:e.title,user:e})))))),r.createElement("div",{className:"container margin-top--lg"},r.createElement("h2",{className:Q.showcaseHeader},r.createElement(_.Z,{id:"showcase.usersList.allUsers"},"Other Templates")),r.createElement("ul",{className:Q.showcaseList},Y.map((e=>r.createElement(R,{key:e.title,user:e})))))):r.createElement("div",{className:"container"},r.createElement("div",{className:(0,o.Z)("margin-bottom--md",Q.showcaseFavoriteHeader)},r.createElement(X,null)),r.createElement("ul",{className:Q.showcaseList},e.map((e=>r.createElement(R,{key:e.title,user:e}))))))}function ee(){return r.createElement(s.Z,{title:O,description:W},r.createElement("main",{className:"margin-vert--lg"},r.createElement(J,null),r.createElement(V,null),r.createElement($,null)))}}}]); \ No newline at end of file diff --git a/assets/js/1df93b7f.51d8e583.js b/assets/js/1df93b7f.51d8e583.js new file mode 100644 index 00000000..6da759ab --- /dev/null +++ b/assets/js/1df93b7f.51d8e583.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[237],{6978:(e,t,a)=>{a.r(t),a.d(t,{default:()=>ee,prepareUserState:()=>K});var r=a(7294),s=a(3386),o=a(6010),i=a(7462);const n={svgIcon:"svgIcon_R3jO",small:"small_SUAn",medium:"medium_GxVq",large:"large_TyPU",primary:"primary_V8Cc",secondary:"secondary_WyIo",success:"success_lY5U",error:"error_eHdq",warning:"warning_IB04",inherit:"inherit_2ln5"};function p(e){const{svgClass:t,colorAttr:a,children:s,color:p="inherit",size:c="medium",viewBox:u="0 0 24 24",...l}=e;return r.createElement("svg",(0,i.Z)({viewBox:u,color:a,"aria-hidden":!0,className:(0,o.Z)(n.svgIcon,n[p],n[c],t)},l),s)}function c(e){return r.createElement(p,e,r.createElement("path",{d:"M12,21.35L10.55,20.03C5.4,15.36 2,12.27 2,8.5C2,5.41 4.42,3 7.5,3C9.24,3 10.91,3.81 12,5.08C13.09,3.81 14.76,3 16.5,3C19.58,3 22,5.41 22,8.5C22,12.27 18.6,15.36 13.45,20.03L12,21.35Z"}))}var u=a(6775);function l(e,t){const a=[...e];return a.sort(((e,a)=>t(e)>t(a)?1:t(a)>t(e)?-1:0)),a}const d="checkboxLabel_pwqD",h="tags";function m(e){return new URLSearchParams(e).getAll(h)}function g(e,t){let{id:a,icon:s,label:o,tag:n,...p}=e;const c=(0,u.TH)(),l=(0,u.k6)(),[g,b]=(0,r.useState)(!1);(0,r.useEffect)((()=>{const e=m(c.search);b(e.includes(n))}),[n,c]);const A=(0,r.useCallback)((()=>{const e=function(e,t){const a=e.indexOf(t);if(-1===a)return e.concat(t);const r=[...e];return r.splice(a,1),r}(m(c.search),n),t=function(e,t){const a=new URLSearchParams(e);return a.delete(h),t.forEach((e=>a.append(h,e))),a.toString()}(c.search,e);l.push({...c,search:t,state:K()})}),[n,c,l]);return r.createElement(r.Fragment,null,r.createElement("input",(0,i.Z)({type:"checkbox",id:a,className:"screen-reader-only",onKeyDown:e=>{"Enter"===e.key&&A()},onFocus:e=>{var t;e.relatedTarget&&(null==(t=e.target.nextElementSibling)||t.dispatchEvent(new KeyboardEvent("focus")))},onBlur:e=>{var t;null==(t=e.target.nextElementSibling)||t.dispatchEvent(new KeyboardEvent("blur"))},onChange:A,checked:g},p)),r.createElement("label",{ref:t,htmlFor:a,className:d},o,s))}const b=r.forwardRef(g),A={checkboxLabel:"checkboxLabel_FmrE"},v="operator";function w(e){return new URLSearchParams(e).get(v)??"OR"}function f(){const e="showcase_filter_toggle",t=(0,u.TH)(),a=(0,u.k6)(),[s,i]=(0,r.useState)(!1);(0,r.useEffect)((()=>{i("AND"===w(t.search))}),[t]);const n=(0,r.useCallback)((()=>{i((e=>!e));const e=new URLSearchParams(t.search);e.delete(v),s||e.append(v,s?"OR":"AND"),a.push({...t,search:e.toString(),state:K()})}),[s,t,a]);return r.createElement("div",null,r.createElement("input",{type:"checkbox",id:e,className:"screen-reader-only","aria-label":"Toggle between or and and for the tags you selected",onChange:n,onKeyDown:e=>{"Enter"===e.key&&n()},checked:s}),r.createElement("label",{htmlFor:e,className:(0,o.Z)(A.checkboxLabel,"shadow--md")},r.createElement("span",{className:A.checkboxLabelOr},"OR"),r.createElement("span",{className:A.checkboxLabelAnd},"AND")))}var y=a(5944),z=a(3699);const S={showcaseCardImage:"showcaseCardImage_qZMA",showcaseCardHeader:"showcaseCardHeader_tfIV",showcaseCardTitle:"showcaseCardTitle_PRHG",svgIconFavorite:"svgIconFavorite_RKtI",showcaseCardSrcBtn:"showcaseCardSrcBtn_AI8i",showcaseCardBody:"showcaseCardBody_I0O5",cardFooter:"cardFooter_EuCG",tag:"tag_Aixk",textLabel:"textLabel_SLNc",colorLabel:"colorLabel_q5Sy"};var k=a(3935),P=a(5237);const C="tooltip_hKx1",T="tooltipArrow_yATY";function I(e){let{children:t,id:a,anchorEl:s,text:o,delay:n}=e;const[p,c]=(0,r.useState)(!1),[u,l]=(0,r.useState)(null),[d,h]=(0,r.useState)(null),[m,g]=(0,r.useState)(null),[b,A]=(0,r.useState)(null),{styles:v,attributes:w}=(0,P.D)(u,d,{modifiers:[{name:"arrow",options:{element:m}},{name:"offset",options:{offset:[0,8]}}]}),f=(0,r.useRef)(null),y=`${a}_tooltip`;return(0,r.useEffect)((()=>{A(s?"string"==typeof s?document.querySelector(s):s:document.body)}),[b,s]),(0,r.useEffect)((()=>{const e=["mouseenter","focus"],t=["mouseleave","blur"],a=()=>{""!==o&&(null==u||u.removeAttribute("title"),f.current=window.setTimeout((()=>{c(!0)}),n||400))},r=()=>{clearInterval(f.current),c(!1)};return u&&(e.forEach((e=>{u.addEventListener(e,a)})),t.forEach((e=>{u.addEventListener(e,r)}))),()=>{u&&(e.forEach((e=>{u.removeEventListener(e,a)})),t.forEach((e=>{u.removeEventListener(e,r)})))}}),[u,o,n]),r.createElement(r.Fragment,null,r.cloneElement(t,{ref:l,"aria-describedby":p?y:void 0}),b?k.createPortal(p&&r.createElement("div",(0,i.Z)({id:y,role:"tooltip",ref:h,className:C,style:v.popper},w.popper),o,r.createElement("span",{ref:g,className:T,style:v.arrow})),b):b)}const D={featured:{label:"\xa0\u2665\ufe0f Featured",description:"This tag is used for admin-curated templates that represent high-quality (community) or official (Microsoft) azd templates.",color:"red"},helpwanted:{label:"\ud83d\ude4f\ud83c\udffd Help Wanted",description:"This tag is used when there is a request for azd templates for a specific architecture. The title will link to arch, the button to a custom-issue for PR",color:"red"},javascript:{label:"JavaScript",description:"Template contains JavaScript app code",color:"#1e90ff"},typescript:{label:"TypeScript",description:"Template contains TypeScript app code",color:"#1e90ff"},dotnetCsharp:{label:".NET/C#",description:"Template contains .NET and/or C# app code",color:"#1e90ff"},java:{label:"Java",description:"Template contains Java app code",color:"#1e90ff"},python:{label:"Python",description:"Template contains Python app code",color:"#1e90ff"},django:{label:"Django",description:"Template contains Django web app code",color:"#1e90ff"},reactjs:{label:"React.js",description:"Template architecture uses React.js",color:"#1e90ff"},nodejs:{label:"Node.js",description:"Template architecture uses Node.js",color:"#1e90ff"},php:{label:"PHP",description:"Template architecture uses PHP",color:"#1e90ff"},bicep:{label:"Bicep",description:"Template uses Bicep for Infra as Code",color:"#66ff00"},terraform:{label:"Terraform",description:"Template uses Terraform for Infra as Code",color:"#66ff00"},mongodb:{label:"MongoDB",description:"Template architecture uses MongoDB",color:"hotpink"},fastapi:{label:"FastAPI",description:"Template architecture uses FastAPI web framework",color:"hotpink"},fhir:{label:"FHIR Service",description:"Template architecture uses Fast Healthcare Interoperability Resources (FHIR)",color:"hotpink"},flask:{label:"Flask",description:"Template architecture uses Flask web framework",color:"hotpink"},nestjs:{label:"NestJS",description:"Template architecture uses NestJS framework",color:"hotpink"},sap:{label:"SAP",description:"Template architecture uses Systems Applications and Products in data processing (SAP)",color:"hotpink"},sapcloudsdk:{label:"SAP Cloud SDK",description:"Template architecture uses SAP Cloud SDK",color:"hotpink"},spring:{label:"Spring",description:"Template architecture uses Spring framework",color:"hotpink"},thymeleaf:{label:"Thymeleaf",description:"Template architecture uses Thymeleaf template engine",color:"hotpink"},dataverse:{label:"Dataverse",description:"Template architecture uses Microsoft Dataverse",color:"hotpink"},chatgpt:{label:"ChatGPT",description:"Template architecture uses ChatGPT model",color:"hotpink"},jupyter:{label:"Jupyter Notebooks",description:"Template architecture uses Jupyter Notebooks",color:"hotpink"},keda:{label:"KEDA",description:"Template architecture uses Kubernetes Event Driven Autoscaling (KEDA)",color:"hotpink"},kubernetes:{label:"Kubernetes",description:"Template architecture uses Kubernetes",color:"hotpink"},streamlit:{label:"Streamlit",description:"Template architecture uses Streamlit library",color:"hotpink"},devcenter:{label:"Dev Center",description:"Template architecture uses Dev Center",color:"hotpink"},ahds:{label:"Azure Health Data Service",description:"Template architecture uses Azure Health Data Services workspace",color:"hotpink"},appinsights:{label:"Azure App Insights",description:"Template architecture uses Azure App Insights",color:"hotpink"},loganalytics:{label:"Azure Log Analytics",description:"Template architecture uses Azure Log Analytics",color:"hotpink"},appservice:{label:"Azure App Service",description:"Template architecture uses Azure App Service",color:"hotpink"},monitor:{label:"Azure Monitor",description:"Template architecture uses Azure App Service",color:"hotpink"},keyvault:{label:"Azure Key Vault",description:"Template architecture uses Azure Key Vault",color:"hotpink"},aca:{label:"Azure Container Apps",description:"Template architecture uses Azure Container Apps",color:"hotpink"},cosmosdb:{label:"CosmosDB",description:"Template architecture uses Azure CosmosDB",color:"hotpink"},signalR:{label:"Azure SignalR",description:"Template architecture uses Azure SignalR",color:"hotpink"},functions:{label:"Azure Functions",description:"Template architecture uses Azure Functions",color:"hotpink"},blobstorage:{label:"Azure Blob Storage",description:"Template architecture uses Azure Blob Storage",color:"hotpink"},webapps:{label:"Web Apps",description:"Template architecture uses Web Apps",color:"hotpink"},azuresql:{label:"Azure SQL",description:"Template architecture uses Azure SQL",color:"hotpink"},"azuredb-postgreSQL":{label:"Azure DB For PostgreSQL",description:"Template architecture uses Azure DB for PostgreSQL",color:"hotpink"},swa:{label:"Azure Static Web Apps",description:"Template architecture uses Azure Static Web Apps",color:"hotpink"},dapr:{label:"Dapr",description:"Template architecture uses Distributed Application Runtime (dapr)",color:"hotpink"},servicebus:{label:"Azure Service Bus",description:"Template architecture uses Azure Service Bus",color:"hotpink"},vnets:{label:"Virtual Networks (VNET)",description:"Template architecture uses Virtual Networks",color:"hotpink"},cognitivesearch:{label:"Azure Cognitive Search",description:"Template architecture uses Azure Cognitive Search",color:"hotpink"},openai:{label:"Azure OpenAI Service",description:"Template architecture uses Azure OpenAI Service",color:"hotpink"},azureai:{label:"Azure AI Service",description:"Template architecture uses Azure AI Service",color:"hotpink"},apim:{label:"Azure API Management",description:"Template architecture uses Azure API Management",color:"hotpink"},aks:{label:"Azure Kubernetes Service",description:"Template architecture uses Azure Kubernetes Service",color:"hotpink"},azurecdn:{label:"Azure Content Delivery Network",description:"Template architecture uses Azure Content Delivery Network",color:"hotpink"},frontdoor:{label:"Azure Front Door",description:"Template architecture uses Azure Front Door",color:"hotpink"},grafana:{label:"Grafana",description:"Template architecture uses Azure Managed Grafana",color:"hotpink"},prometheus:{label:"Prometheus",description:"Template architecture uses Azure Monitor managed service for Prometheus",color:"hotpink"},azurespringapps:{label:"Azure Spring Apps",description:"Template architecture uses Azure Spring Apps",color:"hotpink"},rediscache:{label:"Azure Redis Cache",description:"Template architecture uses Azure Redis Cache",color:"hotpink"},agw:{label:"Azure Application Gateway",description:"Template architecture uses Azure Application Gateway",color:"hotpink"},azurebot:{label:"Azure AI Bot Service",description:"Template architecture uses Azure AI Bot Service",color:"hotpink"},ade:{label:"Azure Deployment Environments",description:"Template architecture uses Azure Deployment Environments",color:"hotpink"},datascience:{label:"Data Science",description:"Template architecture involves Data Science",color:"hotpink"},enterprisepatterns:{label:"Enterprise App Patterns",description:"Template architecture involves Enterprise Application Patterns",color:"hotpink"},ai:{label:"Artificial Intelligence",description:"Template architecture involves Artificial Intelligence",color:"hotpink"},platformengineering:{label:"Platform Engineering",description:"Template architecture involves Platform Engineering",color:"hotpink"}},E=JSON.parse('[{"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/Azure-Samples/app-templates-java-openai-springapps","author":"Pierre Malarme","source":"https://github.com/Azure-Samples/app-templates-java-openai-springapps","tags":["featured","spring","openai","aca","azurespringapps","azuredb-postgreSQL","monitor","reactjs","bicep"]},{"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":["featured","php","javascript","aca","agw","rediscache","monitor","keyvault","bicep"]},{"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":["featured","dotnetCsharp","typescript","javascript","appservice","cosmosdb","mongodb","monitor","keyvault","reactjs","bicep"]},{"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":["featured","dotnetCsharp","cosmosdb","aca","bicep"]},{"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":["featured","django","python","azuredb-postgreSQL","webapps","vnets","bicep"]},{"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":["featured","bicep","nodejs","typescript","javascript","appservice","cosmosdb","monitor","keyvault","mongodb","reactjs"]},{"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":["featured","bicep","swa","functions","nodejs","typescript","javascript","cosmosdb","monitor","keyvault","mongodb","reactjs","appservice"]},{"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":["featured","bicep","swa","functions","python","typescript","javascript","cosmosdb","monitor","keyvault","mongodb","reactjs","appservice","fastapi"]},{"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 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":["featured","python","typescript","javascript","cosmosdb","mongodb","monitor","keyvault","mongodb","reactjs","terraform","appservice","fastapi"]},{"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 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":["featured","nodejs","typescript","javascript","cosmosdb","mongodb","monitor","keyvault","mongodb","reactjs","terraform","appservice"]},{"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":["featured","bicep","python","typescript","javascript","appservice","cosmosdb","monitor","keyvault","mongodb","reactjs","fastapi"]},{"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":["featured","bicep","nodejs","typescript","javascript","appservice","cosmosdb","monitor","keyvault","mongodb","reactjs","aca"]},{"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":["featured","bicep","python","typescript","javascript","aca","cosmosdb","monitor","keyvault","mongodb","reactjs","fastapi"]},{"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":["featured","bicep","dotnetCsharp","typescript","javascript","appservice","azuresql","monitor","keyvault","mongodb","reactjs"]},{"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":["featured","bicep","java","typescript","appservice","cosmosdb","keyvault","monitor","mongodb","reactjs"]},{"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":["featured","bicep","java","typescript","appservice","cosmosdb","keyvault","monitor","mongodb","reactjs"]},{"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":["featured","bicep","swa","functions","dotnetCsharp","typescript","javascript","monitor","keyvault","reactjs","appservice","azuresql"]},{"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":["featured","bicep","nodejs","typescript","javascript","mongodb","monitor","keyvault","reactjs","appservice","cosmosdb","aks"]},{"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":["featured","bicep","java","nodejs","spring","webapps","azurespringapps","azuredb-postgreSQL"]},{"title":"ChatGPT Plugin using Python (FastAPI)","description":"This is a quickstart for creating a ChatGPT Plugin using Python and Azure.","preview":"./templates/images/chatgpt-plugin-python.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/openai-plugin-fastapi","tags":["featured","bicep","python","aca","cosmosdb","monitor","fastapi","ai"]},{"title":"ChatGPT + Enterprise Data with Azure OpenAI and Cognitive Search","description":"A sample app for the Retrieval-Augmented Generation pattern running in Azure, using Azure Cognitive 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":["featured","bicep","dotnetCsharp","aks","kubernetes","aca","cosmosdb","cognitivesearch","openai","chatgpt","rediscache","ai"]},{"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":["featured","bicep","python","openai","chatgpt","ai","flask","aca"]},{"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":["featured","bicep","java","openai","chatgpt","ai","blobstorage","azurespringapps"]},{"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"]},{"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"]},{"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"]},{"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"]},{"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","aca"]},{"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","aca"]},{"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","aca"]},{"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"]},{"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"]},{"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"]},{"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"]},{"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"]},{"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"]},{"title":"ChatGPT and Enterprise data with Azure OpenAI and Cognitive Search","description":"Demonstration of how to leverage Azure OpenAI and Cognitive Search to enable Information Search and Discovery over organizational content.","preview":"./templates/images/azure-search-openai-demo.png","website":"https://github.com/Azure-Samples","author":"Azure Content Team","source":"https://github.com/Azure-Samples/azure-search-openai-demo","tags":["openai","chatgpt","cognitivesearch","python","typescript","bicep","nodejs","ai"]},{"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"]},{"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"]},{"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"]},{"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","keyvault","appinsights","featured","nestjs","sap","sapcloudsdk"]},{"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"]},{"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"]},{"title":"Function App - C# AI Text Summarize","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/paulyuk","author":"Paul Yuknewicz","source":"https://github.com/Azure-Samples/function-csharp-ai-textsummarize","tags":["functions","dotnetCsharp","azureai","bicep","ai"]},{"title":"Function App - Python AI Text Summarize","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. Uses Azure Functions Python v2 programming model.","preview":"./templates/images/test.png","website":"https://github.com/paulyuk","author":"Paul Yuknewicz","source":"https://github.com/Azure-Samples/function-python-ai-textsummarize","tags":["functions","python","azureai","bicep","ai"]},{"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"]},{"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"]},{"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"]},{"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"]},{"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"]},{"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"]},{"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"]},{"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"]},{"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"]},{"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"]},{"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"]},{"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/Azure-Samples","author":"Jenny Chen","source":"https://github.com/Azure-Samples/react-component-toolkit-openai-demo","tags":["bicep","openai","chatgpt","ai","apim","reactjs","typescript","javascript"]},{"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"]},{"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"]},{"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"]},{"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"]},{"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","appinsights","monitor","enterprisepatterns","keyvault"]},{"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"]},{"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","chatgpt"]},{"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"]},{"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"]},{"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","devcenter","ade"]}]'),j=Object.keys(D);const L=function(){let e=E;return e=l(e,(e=>e.title.toLowerCase())),e=l(e,(e=>!e.tags.includes("featured"))),e}(),F=r.forwardRef(((e,t)=>{let{label:a,color:s,description:o}=e;return r.createElement("li",{ref:t,className:S.tag,title:o},r.createElement("span",{className:S.textLabel},a.toLowerCase()),r.createElement("span",{className:S.colorLabel,style:{backgroundColor:s}}))}));function N(e){let{tags:t}=e;const a=l(t.map((e=>({tag:e,...D[e]}))),(e=>j.indexOf(e.tag)));return r.createElement(r.Fragment,null,a.map(((e,t)=>{const a=`showcase_card_tag_${e.tag}`;return r.createElement(I,{key:t,text:e.description,anchorEl:"#__docusaurus",id:a},r.createElement(F,(0,i.Z)({key:t},e)))})))}function x(e){let{user:t}=e;const a=t.author,s=t.website;if(a.includes("|")){var i=s.split("|"),n=a.split("|");return r.createElement("div",{className:"dropdown dropdown--right dropdown--hoverable"},r.createElement("button",{className:(0,o.Z)("button button--secondary button--sm",S.showcaseCardSrcBtn)},"Author"),r.createElement("ul",{className:"dropdown__menu"},i.map(((e,t)=>{return a=n[t],s=i[t],r.createElement("li",null,r.createElement("a",{className:"dropdown__link",href:s},a));var a,s}))))}return r.createElement("div",null,r.createElement("a",{className:(0,o.Z)("button button--secondary button--sm",S.showcaseCardSrcBtn),href:s},a))}function B(e){let{user:t}=e;return r.createElement("li",{key:t.title,className:"card shadow--md"},r.createElement(z.Z,{href:t.source},r.createElement("div",{className:(0,o.Z)("card__image",S.showcaseCardImage)},r.createElement(y.Z,{img:t.preview,alt:t.title}))),r.createElement("div",{className:"card__body"},r.createElement("div",{className:(0,o.Z)(S.showcaseCardHeader)},r.createElement("h4",{className:S.showcaseCardTitle},r.createElement(z.Z,{href:t.source,className:S.showcaseCardLink},t.title)),t.tags.includes("featured")&&r.createElement(c,{svgClass:S.svgIconFavorite,size:"small"}),t.source&&r.createElement(x,{user:t})),r.createElement("p",{className:S.showcaseCardBody},t.description)),r.createElement("ul",{className:(0,o.Z)("card__footer",S.cardFooter)},r.createElement(N,{tags:t.tags})))}const R=r.memo(B);var M=a(6136),_=a(7325),q=a(3777);const Q={filterCheckbox:"filterCheckbox_Uhtk",checkboxList:"checkboxList_autc",showcaseList:"showcaseList_Cwj2",checkboxListItem:"checkboxListItem_CI1c",searchContainer:"searchContainer_FQjg",showcaseFavorite:"showcaseFavorite_HPRp",showcaseHelpWanted:"showcaseHelpWanted_r4aa",helpText:"helpText_Pz8G",showcaseFavoriteHeader:"showcaseFavoriteHeader_hNPk",svgIconFavoriteXs:"svgIconFavoriteXs_Yxtr",svgIconFavorite:"svgIconFavorite_skrm"},O="Awesome AZD Templates",W="A community-contributed templates gallery";function K(){var e;if(M.Z.canUseDOM)return{scrollTopPosition:window.scrollY,focusedElementId:null==(e=document.activeElement)?void 0:e.id}}const G="name";function J(e){return new URLSearchParams(e).get(G)}function Z(){const e=(0,u.TH)(),[t,a]=(0,r.useState)("OR"),[s,o]=(0,r.useState)([]),[i,n]=(0,r.useState)(null);return(0,r.useEffect)((()=>{o(m(e.search)),a(w(e.search)),n(J(e.search)),function(e){var t;const{scrollTopPosition:a,focusedElementId:r}=e??{scrollTopPosition:0,focusedElementId:void 0};null==(t=document.getElementById(r))||t.focus(),window.scrollTo({top:a})}(e.state)}),[e]),(0,r.useMemo)((()=>function(e,t,a,r){return r&&(e=e.filter((e=>e.title.toLowerCase().includes(r.toLowerCase())))),0===t.length?e:e.filter((e=>0!==e.tags.length&&("AND"===a?t.every((t=>e.tags.includes(t))):t.some((t=>e.tags.includes(t))))))}(L,s,t,i)),[s,t,i])}function H(){return r.createElement("section",{className:"margin-top--lg margin-bottom--lg text--center"},r.createElement("h1",null,O),r.createElement("p",null,W),r.createElement("a",{className:"button button--primary",href:"https://aka.ms/awesome-azd-contribute",target:"_blank",rel:"noreferrer"},r.createElement(_.Z,{id:"showcase.header.button"},"Contribute Your Template! \ud83d\ude4f")))}function V(){const e=Z(),t=function(){const{selectMessage:e}=(0,q.c)();return t=>e(t,(0,_.I)({id:"showcase.filters.resultCount",description:'Pluralized label for the number of sites found on the showcase. Use as much plural forms (separated by "|") as your language support (see https://www.unicode.org/cldr/cldr-aux/charts/34/supplemental/language_plural_rules.html)',message:"1 site|{sitesCount} sites"},{sitesCount:t}))}();return r.createElement("section",{className:"container margin-top--l margin-bottom--lg"},r.createElement("div",{className:(0,o.Z)("margin-bottom--sm",Q.filterCheckbox)},r.createElement("div",null,r.createElement("h2",null,r.createElement(_.Z,{id:"showcase.filters.title"},"Filters")),r.createElement("span",null,t(e.length))),r.createElement(f,null)),r.createElement("ul",{className:Q.checkboxList},j.map(((e,t)=>{const{label:a,description:s,color:o}=D[e],i=`showcase_checkbox_id_${e}`;return r.createElement("li",{key:t,className:Q.checkboxListItem},r.createElement(I,{id:i,text:s,anchorEl:"#__docusaurus"},r.createElement(b,{tag:e,id:i,label:a,icon:"featured"===e?r.createElement(c,{svgClass:Q.svgIconFavoriteXs}):r.createElement("span",{style:{backgroundColor:o,width:10,height:10,borderRadius:"50%",marginLeft:8}})})))}))))}const U=L.filter((e=>e.tags.includes("featured"))),Y=(L.filter((e=>e.tags.includes("helpwanted"))),L.filter((e=>!e.tags.includes("featured")&&!e.tags.includes("helpwanted"))));function X(){const e=(0,u.k6)(),t=(0,u.TH)(),[a,s]=(0,r.useState)(null);return(0,r.useEffect)((()=>{s(J(t.search))}),[t]),r.createElement("div",{className:Q.searchContainer},r.createElement("input",{id:"searchbar",placeholder:(0,_.I)({message:"Search for site name...",id:"showcase.searchBar.placeholder"}),value:a??void 0,onInput:a=>{s(a.currentTarget.value);const r=new URLSearchParams(t.search);r.delete(G),a.currentTarget.value&&r.set(G,a.currentTarget.value),e.push({...t,search:r.toString(),state:K()}),setTimeout((()=>{var e;null==(e=document.getElementById("searchbar"))||e.focus()}),0)}}))}function $(){const e=Z();return 0===e.length?r.createElement("section",{className:"margin-top--lg margin-bottom--xl"},r.createElement("div",{className:"container padding-vert--md text--center"},r.createElement("h2",null,r.createElement(_.Z,{id:"showcase.usersList.noResult"},"Be the first to add an example project!")),r.createElement(X,null))):r.createElement("section",{className:"margin-top--lg margin-bottom--xl"},e.length===L.length?r.createElement(r.Fragment,null,r.createElement("div",{className:Q.showcaseFavorite},r.createElement("div",{className:"container"},r.createElement("div",{className:(0,o.Z)("margin-bottom--md",Q.showcaseFavoriteHeader)},r.createElement("h2",null,r.createElement(_.Z,{id:"showcase.favoritesList.title"},"Featured Templates")),r.createElement(c,{svgClass:Q.svgIconFavorite}),r.createElement(X,null)),r.createElement("ul",{className:(0,o.Z)("container",Q.showcaseList)},U.map((e=>r.createElement(R,{key:e.title,user:e})))))),r.createElement("div",{className:"container margin-top--lg"},r.createElement("h2",{className:Q.showcaseHeader},r.createElement(_.Z,{id:"showcase.usersList.allUsers"},"Other Templates")),r.createElement("ul",{className:Q.showcaseList},Y.map((e=>r.createElement(R,{key:e.title,user:e})))))):r.createElement("div",{className:"container"},r.createElement("div",{className:(0,o.Z)("margin-bottom--md",Q.showcaseFavoriteHeader)},r.createElement(X,null)),r.createElement("ul",{className:Q.showcaseList},e.map((e=>r.createElement(R,{key:e.title,user:e}))))))}function ee(){return r.createElement(s.Z,{title:O,description:W},r.createElement("main",{className:"margin-vert--lg"},r.createElement(H,null),r.createElement(V,null),r.createElement($,null)))}}}]); \ No newline at end of file diff --git a/assets/js/runtime~main.208d9eed.js b/assets/js/runtime~main.208d9eed.js new file mode 100644 index 00000000..12724760 --- /dev/null +++ b/assets/js/runtime~main.208d9eed.js @@ -0,0 +1 @@ +(()=>{"use strict";var e,t,r,a,o,n={},f={};function i(e){var t=f[e];if(void 0!==t)return t.exports;var r=f[e]={id:e,loaded:!1,exports:{}};return n[e].call(r.exports,r,r.exports,i),r.loaded=!0,r.exports}i.m=n,i.c=f,e=[],i.O=(t,r,a,o)=>{if(!r){var n=1/0;for(u=0;u=o)&&Object.keys(i.O).every((e=>i.O[e](r[d])))?r.splice(d--,1):(f=!1,o0&&e[u-1][2]>o;u--)e[u]=e[u-1];e[u]=[r,a,o]},i.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},r=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,i.t=function(e,a){if(1&a&&(e=this(e)),8&a)return e;if("object"==typeof e&&e){if(4&a&&e.__esModule)return e;if(16&a&&"function"==typeof e.then)return e}var o=Object.create(null);i.r(o);var n={};t=t||[null,r({}),r([]),r(r)];for(var f=2&a&&e;"object"==typeof f&&!~t.indexOf(f);f=r(f))Object.getOwnPropertyNames(f).forEach((t=>n[t]=()=>e[t]));return n.default=()=>e,i.d(o,n),o},i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.f={},i.e=e=>Promise.all(Object.keys(i.f).reduce(((t,r)=>(i.f[r](e,t),t)),[])),i.u=e=>"assets/js/"+({53:"935f2afb",178:"decd21d9",220:"d0446198",237:"1df93b7f",261:"09cbfa9b",272:"faf37352",356:"daaaa5b9",360:"b4a6f51a",485:"162435b3",514:"1be78505",637:"54deeb72",671:"0e384e19",851:"958aeffe",888:"17d42e24",918:"17896441",936:"3c491179"}[e]||e)+"."+{53:"c0d689ff",178:"794cc703",220:"04257644",237:"51d8e583",248:"0eecdff4",256:"17b171d8",261:"a1421128",272:"8ae673e5",356:"4e9fc9ab",360:"2e421b45",485:"91ae6be1",514:"40d6364a",637:"d6a76011",671:"ed3eb24d",851:"93c958dc",888:"53043891",918:"2db0c837",936:"53046883"}[e]+".js",i.miniCssF=e=>{},i.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a={},o="website:",i.l=(e,t,r,n)=>{if(a[e])a[e].push(t);else{var f,d;if(void 0!==r)for(var c=document.getElementsByTagName("script"),u=0;u{f.onerror=f.onload=null,clearTimeout(s);var o=a[e];if(delete a[e],f.parentNode&&f.parentNode.removeChild(f),o&&o.forEach((e=>e(r))),t)return t(r)},s=setTimeout(l.bind(null,void 0,{type:"timeout",target:f}),12e4);f.onerror=l.bind(null,f.onerror),f.onload=l.bind(null,f.onload),d&&document.head.appendChild(f)}},i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.p="/awesome-azd/",i.gca=function(e){return e={17896441:"918","935f2afb":"53",decd21d9:"178",d0446198:"220","1df93b7f":"237","09cbfa9b":"261",faf37352:"272",daaaa5b9:"356",b4a6f51a:"360","162435b3":"485","1be78505":"514","54deeb72":"637","0e384e19":"671","958aeffe":"851","17d42e24":"888","3c491179":"936"}[e]||e,i.p+i.u(e)},(()=>{var e={303:0,532:0};i.f.j=(t,r)=>{var a=i.o(e,t)?e[t]:void 0;if(0!==a)if(a)r.push(a[2]);else if(/^(303|532)$/.test(t))e[t]=0;else{var o=new Promise(((r,o)=>a=e[t]=[r,o]));r.push(a[2]=o);var n=i.p+i.u(t),f=new Error;i.l(n,(r=>{if(i.o(e,t)&&(0!==(a=e[t])&&(e[t]=void 0),a)){var o=r&&("load"===r.type?"missing":r.type),n=r&&r.target&&r.target.src;f.message="Loading chunk "+t+" failed.\n("+o+": "+n+")",f.name="ChunkLoadError",f.type=o,f.request=n,a[1](f)}}),"chunk-"+t,t)}},i.O.j=t=>0===e[t];var t=(t,r)=>{var a,o,n=r[0],f=r[1],d=r[2],c=0;if(n.some((t=>0!==e[t]))){for(a in f)i.o(f,a)&&(i.m[a]=f[a]);if(d)var u=d(i)}for(t&&t(r);c{"use strict";var e,t,r,a,o,n={},f={};function d(e){var t=f[e];if(void 0!==t)return t.exports;var r=f[e]={id:e,loaded:!1,exports:{}};return n[e].call(r.exports,r,r.exports,d),r.loaded=!0,r.exports}d.m=n,d.c=f,e=[],d.O=(t,r,a,o)=>{if(!r){var n=1/0;for(u=0;u=o)&&Object.keys(d.O).every((e=>d.O[e](r[i])))?r.splice(i--,1):(f=!1,o0&&e[u-1][2]>o;u--)e[u]=e[u-1];e[u]=[r,a,o]},d.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return d.d(t,{a:t}),t},r=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,d.t=function(e,a){if(1&a&&(e=this(e)),8&a)return e;if("object"==typeof e&&e){if(4&a&&e.__esModule)return e;if(16&a&&"function"==typeof e.then)return e}var o=Object.create(null);d.r(o);var n={};t=t||[null,r({}),r([]),r(r)];for(var f=2&a&&e;"object"==typeof f&&!~t.indexOf(f);f=r(f))Object.getOwnPropertyNames(f).forEach((t=>n[t]=()=>e[t]));return n.default=()=>e,d.d(o,n),o},d.d=(e,t)=>{for(var r in t)d.o(t,r)&&!d.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},d.f={},d.e=e=>Promise.all(Object.keys(d.f).reduce(((t,r)=>(d.f[r](e,t),t)),[])),d.u=e=>"assets/js/"+({53:"935f2afb",178:"decd21d9",220:"d0446198",237:"1df93b7f",261:"09cbfa9b",272:"faf37352",356:"daaaa5b9",360:"b4a6f51a",485:"162435b3",514:"1be78505",637:"54deeb72",671:"0e384e19",851:"958aeffe",888:"17d42e24",918:"17896441",936:"3c491179"}[e]||e)+"."+{53:"c0d689ff",178:"794cc703",220:"04257644",237:"273dcddc",248:"0eecdff4",256:"17b171d8",261:"a1421128",272:"8ae673e5",356:"4e9fc9ab",360:"2e421b45",485:"91ae6be1",514:"40d6364a",637:"d6a76011",671:"ed3eb24d",851:"93c958dc",888:"53043891",918:"2db0c837",936:"53046883"}[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),a={},o="website:",d.l=(e,t,r,n)=>{if(a[e])a[e].push(t);else{var f,i;if(void 0!==r)for(var c=document.getElementsByTagName("script"),u=0;u{f.onerror=f.onload=null,clearTimeout(s);var o=a[e];if(delete a[e],f.parentNode&&f.parentNode.removeChild(f),o&&o.forEach((e=>e(r))),t)return t(r)},s=setTimeout(b.bind(null,void 0,{type:"timeout",target:f}),12e4);f.onerror=b.bind(null,f.onerror),f.onload=b.bind(null,f.onload),i&&document.head.appendChild(f)}},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","935f2afb":"53",decd21d9:"178",d0446198:"220","1df93b7f":"237","09cbfa9b":"261",faf37352:"272",daaaa5b9:"356",b4a6f51a:"360","162435b3":"485","1be78505":"514","54deeb72":"637","0e384e19":"671","958aeffe":"851","17d42e24":"888","3c491179":"936"}[e]||e,d.p+d.u(e)},(()=>{var e={303:0,532:0};d.f.j=(t,r)=>{var a=d.o(e,t)?e[t]:void 0;if(0!==a)if(a)r.push(a[2]);else if(/^(303|532)$/.test(t))e[t]=0;else{var o=new Promise(((r,o)=>a=e[t]=[r,o]));r.push(a[2]=o);var n=d.p+d.u(t),f=new Error;d.l(n,(r=>{if(d.o(e,t)&&(0!==(a=e[t])&&(e[t]=void 0),a)){var o=r&&("load"===r.type?"missing":r.type),n=r&&r.target&&r.target.src;f.message="Loading chunk "+t+" failed.\n("+o+": "+n+")",f.name="ChunkLoadError",f.type=o,f.request=n,a[1](f)}}),"chunk-"+t,t)}},d.O.j=t=>0===e[t];var t=(t,r)=>{var a,o,n=r[0],f=r[1],i=r[2],c=0;if(n.some((t=>0!==e[t]))){for(a in f)d.o(f,a)&&(d.m[a]=f[a]);if(i)var u=i(d)}for(t&&t(r);c What is "azd-template"? | Awesome Azure Dev CLI - +

What is "azd-template"?

Azure Developer CLI templates (azd-templates) are sample repositories created - using Azure Developer CLI defined conventions - to include the application code, tools and infrastructure code required to streamline your CI/CD pipelines. This now provides a repeatable foundation on which other teams can build, to customize, or extend, the default solution.

- + \ No newline at end of file diff --git a/docs/faq/azd/index.html b/docs/faq/azd/index.html index 57604a06..195c0eab 100644 --- a/docs/faq/azd/index.html +++ b/docs/faq/azd/index.html @@ -4,13 +4,13 @@ What is "azd"? | Awesome Azure Dev CLI - +

What is "azd"?

The Azure Developer CLI (or azd) is an open-source tool that provides higher-level, application developer-friendly commands that map to key stages in your developer workflow so that you can focus on writing application code instead of focusing on atomic operations on Azure resources.

- + \ No newline at end of file diff --git a/docs/faq/contribute-template/index.html b/docs/faq/contribute-template/index.html index c157e43d..56c6ef16 100644 --- a/docs/faq/contribute-template/index.html +++ b/docs/faq/contribute-template/index.html @@ -4,13 +4,13 @@ How do I contribute templates? | Awesome Azure Dev CLI - +

How do I contribute templates?

TWO WAYS TO CONTRIBUTE

You can contribute azd-templates in two contexts:

  • For an existing idea - matches a helpwanted tag
  • For your own ideas - provide the architecture diagram and tags.

Submit a PR + fill out the checklist

An internal team will review submissions

  • Validate that templates function as desired
  • Accept contribution - issue is closed.
  • Suggest modifications - issue stays open.
- + \ No newline at end of file diff --git a/docs/faq/create-template/index.html b/docs/faq/create-template/index.html index d15eb94d..56af3db9 100644 --- a/docs/faq/create-template/index.html +++ b/docs/faq/create-template/index.html @@ -4,13 +4,13 @@ How do I create templates? | Awesome Azure Dev CLI - +

How do I create templates?

The azd template has this file structure defined by azd conventions

├── .devcontainer              [ For DevContainer ]
├── .github/.azdo              [ Configure GitHub workflow or Azure Pipelines ]
├── .vscode                    [ VS Code workspace configurations ]
├── infra                      [ Creates and configures Azure resources ]
│   ├── main.bicep/main.tf     [ Main infrastructure file ]
│   ├── main.parameters.json/  [ Parameters file ]
        main.tfvars.json   
├── src                        [ Contains directories for the app code ]
└── azure.yaml                 [ Describes the app and type of Azure resources]

The Azure Developer CLI (azd) tool helps you with the process of creating the template with azd init as the first step, followed by creation of the infra/ folder, updating of the azure.yaml file, and validation of template using azd up to provision and deploy resources.

READ THE DOCS

Learn more about making your codebase azdcompatible

- + \ No newline at end of file diff --git a/docs/faq/discover-azd/index.html b/docs/faq/discover-azd/index.html index 04127dfc..9982b1b7 100644 --- a/docs/faq/discover-azd/index.html +++ b/docs/faq/discover-azd/index.html @@ -4,13 +4,13 @@ How do I discover one? | Awesome Azure Dev CLI - +

How do I discover one?

There are a couple of ways to discover existing azd-template tagged repositories.

1. Using GitHub Topics​

Today, you can look at the azd-templates topic on GitHub to see tagged template repositories. However, this approach does not easily let you search for templates based on the services configured, or give you a visual sense of the architecture enabled .

This is the challenge we are hoping to solve with the gallery site shown in this project. Each template is associated with the following:

  • architecture diagram
  • template repository
  • publication date
  • contributor identity
  • description
  • service tags (for architecture components)
  • language tags (for application code)

The Gallery provides both a search capability (to discover template by name) and a filter capability (to discover templates that match a specific and/or combination of criteria).

- + \ No newline at end of file diff --git a/docs/faq/rate-template/index.html b/docs/faq/rate-template/index.html index c5b9311b..39d4f7f4 100644 --- a/docs/faq/rate-template/index.html +++ b/docs/faq/rate-template/index.html @@ -4,13 +4,13 @@ How are templates rated? | Awesome Azure Dev CLI - +

How are templates rated?

This gallery will contain both Microsoft-authored azd-templates, and Community-contributed versions. Creating and maintaining templates is not a simple exercise.

In the short term, we'll use a featured tag (that we maintain) to curate and highlight a few high-quality templates for convenience.

In the long term, we may add other tag options to help rate templates on other criteria (e.g., recently updated, most stars, most forks etc.)

- + \ No newline at end of file diff --git a/docs/faq/request-template/index.html b/docs/faq/request-template/index.html index cb717c8d..f88b43bf 100644 --- a/docs/faq/request-template/index.html +++ b/docs/faq/request-template/index.html @@ -4,13 +4,13 @@ How do I request templates? | Awesome Azure Dev CLI - +

How do I request templates?

What if you have an architecture defined, but can't find an existing azd template to jumpstart your development? You can try to create and contribute that template as one option.

We are also considering a special **help wanted** tag that allows someone to contribute a template to the gallery with an architecture diagram but no associated repository. These would now be associated with issues that would allow other community members to:

  • up vote the issue (as a priority)
  • create and contribute a template for it
- + \ No newline at end of file diff --git a/docs/faq/use-azd-template/index.html b/docs/faq/use-azd-template/index.html index aa56902e..0385136d 100644 --- a/docs/faq/use-azd-template/index.html +++ b/docs/faq/use-azd-template/index.html @@ -4,13 +4,13 @@ How do I use azd-template? | Awesome Azure Dev CLI - +

How do I use azd-template?

With azd-templates, the path from "code to cloud" is just 3 steps:

  • Discovery = find a template
  • Deployment = azd up to deploy it
  • Customization = modify app code or config
READ THE DOCS

Learn more about about getting started with azd

- + \ No newline at end of file diff --git a/docs/intro/index.html b/docs/intro/index.html index 711a1651..ff77bf1f 100644 --- a/docs/intro/index.html +++ b/docs/intro/index.html @@ -4,13 +4,13 @@ Contributor Guide | Awesome Azure Dev CLI - +

Contributor Guide

We ♥️ Contributions!​

awesome-azd is a community-friendly resource to help developer discover, create, and share, open-source azd templates and supporting resources for streamlining your application development and CI/CD pipelines.

Submit a PR​

Contribute a New Template​

Our template gallery will be at its best when our community is involved in creating and contributing new templates.

We welcome contributions of requested templates as well as any others, subject to review.

To submit a template:

  1. Add an entry to website/static/templates.json that includes:
    • Template title - A short title that reflects the local application stack that someone could use to get their application on Azure (e.g. "Containerized React Web App with Java API and MongoDB")
    • Description - 1-2 sentence description of the architecture (e.g. Azure services) or solution that is defined by the template.
    • Architecture Diagram or Application Screenshot - Used as display image for gallery card. The architecture should include all services and their connections (example). You should add the image to website/static/templates/images
    • Link to Author's GitHub or other relevant website - Used for attribution.
    • Author's Name - Name to credit on the gallery card
    • Link to template source - Link to the template GitHub repo
    • Tags - One or more tags representing the template. Provide at least 1 tag for programming language used and at least 1 tag for Azure services integrated. Also tag the IaC provider (Bicep or Terraform). If you don't see a relevant tag for your template? Feel free to add one!
  2. Open a PR!
  3. If possible, add a link to the PR in your repo where you made your app azd compatible to the PR description. This will help us provide feedback on your template and speed up the review process.

If you would like to contribute a template but are not sure where to start, making an existing project azd compatible is a great first step. Doing so consists of three main steps:

  1. Set up a new environment (with azd init)
  2. Add Bicep files
  3. Update azure.yaml

Submit a Resource​

Did you write or find an article that helped you get started with azd? Or maybe you created or found a video that showed you how to create an azd template? Whatever the resource might be, we would love for you to share it with our community! Submit content you think should be included in awesome-azd/README.md

Other Ways To Help​

Other than these, we always welcome feedback through a:

  • request a template: if you cannot find a template with architecture that works for you-- you can submit a request for that template
    • Keep in mind, templates are made to be flexible and extensible. You can use a template's architecture and swap out the source code. For example, if you want to create a grocery list making application using Azure SQL and Azure App service, you can use the React Web App with C# API and SQL Database on Azure template and swap out the source code.
  • bug report: let us know if something is broken
  • feature request: for improvements to our awesome-azd site

Next Steps​

- + \ No newline at end of file diff --git a/index.html b/index.html index eeca223f..0864e102 100644 --- a/index.html +++ b/index.html @@ -4,13 +4,13 @@ Awesome AZD Templates | Awesome Azure Dev CLI - +
-

Awesome AZD Templates

A community-contributed templates gallery

Contribute Your Template! 🙏

Filters

66 sites

Featured Templates

  • ChatGPT + Enterprise Data with Azure OpenAI and Cognitive Search

    ChatGPT + Enterprise Data with Azure OpenAI and Cognitive Search

    A sample app for the Retrieval-Augmented Generation pattern running in Azure, using Azure Cognitive Search for retrieval and Azure OpenAI large language models to power ChatGPT-style and Q&A experiences.

    •  ♥️ featured
    • .net/c#
    • bicep
    • chatgpt
    • kubernetes
    • azure container apps
    • cosmosdb
    • azure cognitive search
    • azure openai service
    • azure kubernetes service
    • azure redis cache
    • artificial intelligence
  • ChatGPT Plugin using Python (FastAPI)

    ChatGPT Plugin using Python (FastAPI)

    This is a quickstart for creating a ChatGPT Plugin using Python and Azure.

    •  ♥️ featured
    • python
    • bicep
    • fastapi
    • azure monitor
    • azure container apps
    • cosmosdb
    • artificial intelligence
  • Containerized React Web App with Java API and MongoDB

    Containerized React Web App with Java API and MongoDB

    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.

    •  ♥️ featured
    • typescript
    • java
    • react.js
    • bicep
    • mongodb
    • azure app service
    • azure monitor
    • azure key vault
    • cosmosdb
  • Containerized React Web App with Node.js API and MongoDB

    Containerized React Web App with Node.js API and MongoDB

    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.

    •  ♥️ featured
    • javascript
    • typescript
    • react.js
    • node.js
    • bicep
    • mongodb
    • azure app service
    • azure monitor
    • azure key vault
    • azure container apps
    • cosmosdb
  • Containerized React Web App with Python API and MongoDB

    Containerized React Web App with Python API and MongoDB

    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.

    •  ♥️ featured
    • javascript
    • typescript
    • python
    • react.js
    • bicep
    • mongodb
    • fastapi
    • azure monitor
    • azure key vault
    • azure container apps
    • cosmosdb
  • Kubernetes React Web App with Node.js API and MongoDB

    Kubernetes React Web App with Node.js API and MongoDB

    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.

    •  ♥️ featured
    • javascript
    • typescript
    • react.js
    • node.js
    • bicep
    • mongodb
    • azure app service
    • azure monitor
    • azure key vault
    • cosmosdb
    • azure kubernetes service
  • React Web App with C# API and MongoDB

    React Web App with C# API and MongoDB

    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.

    •  ♥️ featured
    • javascript
    • typescript
    • .net/c#
    • react.js
    • bicep
    • mongodb
    • azure app service
    • azure monitor
    • azure key vault
    • cosmosdb
  • React Web App with C# API and SQL Database

    React Web App with C# API and SQL Database

    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.

    •  ♥️ featured
    • javascript
    • typescript
    • .net/c#
    • react.js
    • bicep
    • mongodb
    • azure app service
    • azure monitor
    • azure key vault
    • azure sql
  • React Web App with Java API and MongoDB

    React Web App with Java API and MongoDB

    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.

    •  ♥️ featured
    • typescript
    • java
    • react.js
    • bicep
    • mongodb
    • azure app service
    • azure monitor
    • azure key vault
    • cosmosdb
  • React Web App with Node.js API and MongoDB

    React Web App with Node.js API and MongoDB

    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.

    •  ♥️ featured
    • javascript
    • typescript
    • react.js
    • node.js
    • bicep
    • mongodb
    • azure app service
    • azure monitor
    • azure key vault
    • cosmosdb
  • React Web App with Node.js API and MongoDB

    React Web App with Node.js API and MongoDB

    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.

    •  ♥️ featured
    • javascript
    • typescript
    • react.js
    • node.js
    • terraform
    • mongodb
    • mongodb
    • azure app service
    • azure monitor
    • azure key vault
    • cosmosdb
  • React Web App with Python API and MongoDB

    React Web App with Python API and MongoDB

    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.

    •  ♥️ featured
    • javascript
    • typescript
    • python
    • react.js
    • terraform
    • mongodb
    • mongodb
    • fastapi
    • azure app service
    • azure monitor
    • azure key vault
    • cosmosdb
  • React Web App with Python API and MongoDB

    React Web App with Python API and MongoDB

    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.

    •  ♥️ featured
    • javascript
    • typescript
    • python
    • react.js
    • bicep
    • mongodb
    • fastapi
    • azure app service
    • azure monitor
    • azure key vault
    • cosmosdb
  • Rock, Paper, Orleans (RPO) - Distributed .NET

    Rock, Paper, Orleans (RPO) - Distributed .NET

    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.

    •  ♥️ featured
    • .net/c#
    • bicep
    • azure container apps
    • cosmosdb
  • SAP Cloud SDK on Azure App Service Quickstart (TypeScript)

    SAP Cloud SDK on Azure App Service Quickstart (TypeScript)

    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.

    •  ♥️ featured
    • typescript
    • node.js
    • bicep
    • nestjs
    • sap
    • sap cloud sdk
    • azure app insights
    • azure key vault
    • web apps
  • Scalable Django on Azure App Service

    Scalable Django on Azure App Service

    Deploy your Django web application with Microsoft Azure, for scale, using a cloud architecture with integrated monitoring and load testing.

    •  ♥️ featured
    • python
    • django
    • bicep
    • web apps
    • azure db for postgresql
    • virtual networks (vnet)
  • Simple Chat Application using Azure OpenAI

    Simple Chat Application using Azure OpenAI

    A sample chat app that uses Python and the Flask framework to stream ChatGPT completions as server-sent events to a simple frontend.

    •  ♥️ featured
    • python
    • bicep
    • flask
    • chatgpt
    • azure container apps
    • azure openai service
    • artificial intelligence
  • Spring ChatGPT Application using Azure OpenAI on Azure Spring Apps

    Spring ChatGPT Application using Azure OpenAI on Azure Spring Apps

    A sample that uses Java Spring framework to build ChatGPT-style application running in Azure Spring Apps.

    •  ♥️ featured
    • java
    • bicep
    • chatgpt
    • azure blob storage
    • azure openai service
    • azure spring apps
    • artificial intelligence
  • Static React Web App + Functions with C# API and SQL Database

    Static React Web App + Functions with C# API and SQL Database

    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.

    •  ♥️ featured
    • javascript
    • typescript
    • .net/c#
    • react.js
    • bicep
    • azure app service
    • azure monitor
    • azure key vault
    • azure functions
    • azure sql
    • azure static web apps
  • Static React Web App + Functions with Node.js API and MongoDB

    Static React Web App + Functions with Node.js API and MongoDB

    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.

    •  ♥️ featured
    • javascript
    • typescript
    • react.js
    • node.js
    • bicep
    • mongodb
    • azure app service
    • azure monitor
    • azure key vault
    • cosmosdb
    • azure functions
    • azure static web apps
  • Static React Web App + Functions with Python API and MongoDB

    Static React Web App + Functions with Python API and MongoDB

    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.

    •  ♥️ featured
    • javascript
    • typescript
    • python
    • react.js
    • bicep
    • mongodb
    • fastapi
    • azure app service
    • azure monitor
    • azure key vault
    • cosmosdb
    • azure functions
    • azure static web apps
  • Static React Web App with Java API and PostgreSQL

    Static React Web App with Java API and PostgreSQL

    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.

    •  ♥️ featured
    • java
    • node.js
    • bicep
    • spring
    • web apps
    • azure db for postgresql
    • azure spring apps
  • WordPress with Azure Container Apps

    WordPress with Azure Container Apps

    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.

    •  ♥️ featured
    • javascript
    • php
    • bicep
    • azure monitor
    • azure key vault
    • azure container apps
    • azure redis cache
    • azure application gateway

Other Templates

  • Azure API Management with Azure OpenAI

    Azure API Management with Azure OpenAI

    Unleash the power of Azure OpenAI to your application developers in a secure & manageable way with Azure API Management.

    • bicep
    • azure app insights
    • azure monitor
    • azure key vault
    • azure openai service
    • azure api management
    • enterprise app patterns
  • Azure OpenAI with Azure Bot and Custom API calling, Behind a Firewall

    Azure OpenAI with Azure Bot and Custom API calling, Behind a Firewall

    A Teams Chatbot running behind a Firewall that leverages OpenAI to call private APIs.

    • .net/c#
    • azure app service
    • azure openai service
    • azure application gateway
    • azure ai bot service
    • artificial intelligence
  • ChatGPT and Enterprise data with Azure OpenAI and Cognitive Search

    ChatGPT and Enterprise data with Azure OpenAI and Cognitive Search

    Demonstration of how to leverage Azure OpenAI and Cognitive Search to enable Information Search and Discovery over organizational content.

    • typescript
    • python
    • node.js
    • bicep
    • chatgpt
    • azure cognitive search
    • azure openai service
    • artificial intelligence
  • Containerized Apps on Azure Kubernetes Service

    Containerized Apps on Azure Kubernetes Service

    A base Azure Kubernetes Service template with placeholders to include the application source code (no application source code included) and Kubernetes manifest files.

    • bicep
    • keda
    • kubernetes
    • azure kubernetes service
    • grafana
    • prometheus
  • Docusaurus with Azure Container Apps

    Docusaurus with Azure Container Apps

    A blueprint to easily and quickly create and deploy your product documentation in Docusaurus using Azure Container Apps.

    • javascript
    • bicep
    • azure container apps
  • DotNet Function App with Service Bus

    DotNet Function App with Service Bus

    A sample that uses a C# Function App with native Service Bus bindings to both add and react to Queued Messages

    • .net/c#
    • bicep
    • azure functions
    • azure service bus
  • Enterprise-Grade Reference Architecture for JavaScript

    Enterprise-Grade Reference Architecture for JavaScript

    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.

    • javascript
    • bicep
    • azure key vault
    • azure container apps
    • cosmosdb
    • azure blob storage
    • azure db for postgresql
    • azure static web apps
    • azure api management
    • enterprise app patterns
  • Event Driven Java Application with Azure Service Bus on Azure Spring Apps

    Event Driven Java Application with Azure Service Bus on Azure Spring Apps

    A complete event-driven application that includes everything you need to build, deploy, and monitor an Azure solution.

    • java
    • bicep
    • spring
    • azure monitor
    • azure key vault
    • azure service bus
    • azure spring apps
  • FastAPI on Azure Container Apps

    FastAPI on Azure Container Apps

    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.

    • python
    • bicep
    • fastapi
    • azure container apps
  • FastAPI on Azure Functions

    FastAPI on Azure Functions

    A simple FastAPI app deployed to Azure Functions. Can also be run and debugged locally with the Azure Functions Core Tool emulator.

    • python
    • fastapi
    • azure functions
  • FastAPI with API Management

    FastAPI with API Management

    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.

    • python
    • fastapi
    • azure functions
    • azure api management
  • FastAPI, htmx, TailwindCSS on App Service

    FastAPI, htmx, TailwindCSS on App Service

    A sample web app using FastAPI, htmx, and TailwindCSS that demonstrates dynamic design. Does not require a database provision.

    • python
    • bicep
    • fastapi
    • azure log analytics
    • azure app service
    • web apps
  • Flask API on Azure Container Apps

    Flask API on Azure Container Apps

    A simple JSON API using the Python Flask framework, designed for deployment on Azure Container Apps.

    • python
    • bicep
    • flask
    • azure container apps
  • Flask Chart API on ACA and CDN

    Flask Chart API on ACA and CDN

    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.

    • python
    • flask
    • azure container apps
    • web apps
    • azure content delivery network
  • Flask Container with CDN

    Flask Container with CDN

    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.

    • python
    • flask
    • azure container apps
    • web apps
    • azure content delivery network
  • Flask Surveys Container App

    Flask Surveys Container App

    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).

    • python
    • flask
    • azure key vault
    • azure container apps
    • web apps
    • azure db for postgresql
  • Function App - C# AI Text Summarize

    Function App - C# AI Text Summarize

    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.

    • .net/c#
    • bicep
    • azure functions
    • azure ai service
    • artificial intelligence
  • Function App - Python AI Text Summarize

    Function App - Python AI Text Summarize

    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. Uses Azure Functions Python v2 programming model.

    • python
    • bicep
    • azure functions
    • azure ai service
    • artificial intelligence
  • Hello world Java Application on Azure Spring Apps

    Hello world Java Application on Azure Spring Apps

    A complete hello-world application that includes everything you need to build, deploy, and run an Azure Spring Apps solution.

    • java
    • bicep
    • spring
    • web apps
    • azure spring apps
  • Jupyter Notebooks Web App on Azure Container Apps

    Jupyter Notebooks Web App on Azure Container Apps

    A web application used for hosting, sharing, and interacting with Jupyter Notebooks via Mercury, hosted on Azure Container Apps.

    • python
    • bicep
    • jupyter notebooks
    • azure container apps
    • web apps
    • data science
  • Microservices App - Dapr Bindings Cron C# ACA PostgreSQL

    Microservices App - Dapr Bindings Cron C# ACA PostgreSQL

    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.

    • .net/c#
    • azure container apps
    • azure db for postgresql
    • dapr
  • Microservices App - Dapr Bindings Cron Node.js ACA PostgreSQL

    Microservices App - Dapr Bindings Cron Node.js ACA PostgreSQL

    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.

    • javascript
    • node.js
    • azure container apps
    • azure db for postgresql
    • dapr
  • Microservices App - Dapr Bindings Cron Python ACA PostgreSQL

    Microservices App - Dapr Bindings Cron Python ACA PostgreSQL

    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.

    • python
    • azure container apps
    • azure db for postgresql
    • dapr
  • Microservices App - Dapr PubSub C# ACA ServiceBus

    Microservices App - Dapr PubSub C# ACA ServiceBus

    A complete microservice application featuring Dapr Pub-Sub, deployed to Azure Container Apps and Azure Service Bus Topics with dead-lettering support.

    • .net/c#
    • bicep
    • azure container apps
    • azure container apps
    • dapr
    • azure service bus
  • Microservices App - Dapr PubSub Node.js ACA ServiceBus

    Microservices App - Dapr PubSub Node.js ACA ServiceBus

    A complete microservice application featuring Dapr Pub-Sub, deployed to Azure Container Apps and Azure Service Bus Topics with dead-lettering support.

    • javascript
    • node.js
    • bicep
    • azure container apps
    • azure container apps
    • dapr
    • azure service bus
  • Microservices App - Dapr PubSub Python ACA ServiceBus

    Microservices App - Dapr PubSub Python ACA ServiceBus

    A complete microservice application featuring Dapr Pub-Sub, deployed to Azure Container Apps and Azure Service Bus Topics with dead-lettering support.

    • python
    • bicep
    • azure container apps
    • azure container apps
    • dapr
    • azure service bus
  • Microservices App - Dapr Service Invoke C# ACA

    Microservices App - Dapr Service Invoke C# ACA

    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.

    • .net/c#
    • azure container apps
    • dapr
  • Microservices App - Dapr Service Invoke Node.js ACA

    Microservices App - Dapr Service Invoke Node.js ACA

    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.

    • node.js
    • azure container apps
    • dapr
  • Microservices App - Dapr Service Invoke Python ACA

    Microservices App - Dapr Service Invoke Python ACA

    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.

    • python
    • azure container apps
    • dapr
  • Python (Django) Web App with PostgreSQL and Key Vault

    Python (Django) Web App with PostgreSQL and Key Vault

    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.

    • python
    • django
    • bicep
    • azure app service
    • azure key vault
    • web apps
    • azure db for postgresql
  • Python (Django) Web App with PostgreSQL in VNet

    Python (Django) Web App with PostgreSQL in VNet

    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.

    • python
    • django
    • azure app service
    • web apps
    • azure db for postgresql
    • virtual networks (vnet)
  • Python (Django) Web App with PostgreSQL via Azure Container Apps

    Python (Django) Web App with PostgreSQL via Azure Container Apps

    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

    • python
    • django
    • bicep
    • azure container apps
    • azure db for postgresql
  • Python (Flask) Web App with PostgreSQL

    Python (Flask) Web App with PostgreSQL

    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

    • python
    • bicep
    • flask
    • azure app service
    • web apps
    • azure db for postgresql
  • Python (Flask) Web App with PostgreSQL in VNet

    Python (Flask) Web App with PostgreSQL in VNet

    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.

    • python
    • flask
    • azure app service
    • web apps
    • azure db for postgresql
    • virtual networks (vnet)
  • React Component Toolkit with ChatGPT and OpenAI

    React Component Toolkit with ChatGPT and OpenAI

    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

    • javascript
    • typescript
    • react.js
    • bicep
    • chatgpt
    • azure openai service
    • azure api management
    • artificial intelligence
  • React Web App with Azure API Management exposing SAP OData APIs

    React Web App with Azure API Management exposing SAP OData APIs

    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.

    • javascript
    • typescript
    • react.js
    • bicep
    • sap
    • chatgpt
    • azure app insights
    • azure monitor
    • azure key vault
    • azure static web apps
    • azure api management
  • Reliable Web App Pattern for .NET

    Reliable Web App Pattern for .NET

    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.

    • .net/c#
    • bicep
    • azure app insights
    • azure app service
    • azure key vault
    • azure blob storage
    • web apps
    • azure sql
    • azure front door
    • enterprise app patterns
  • Service Bus messages processing to Dataverse

    Service Bus messages processing to Dataverse

    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.

    • .net/c#
    • dataverse
    • azure monitor
    • azure key vault
    • azure functions
    • azure service bus
  • Simple Flask AZD

    Simple Flask AZD

    A tiny, no-frills, template to deploy Python's Flask web framework to Azure App Service in the free tier.

    • python
    • flask
    • azure app service
  • Simple Streamlit

    Simple Streamlit

    A tiny, no-frills, template to deploy Python's Streamlit web framework to Azure App Service in the free tier.

    • python
    • streamlit
    • azure app service
  • Spring PetClinic - Java Spring MySQL

    Spring PetClinic - Java Spring MySQL

    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.

    • java
    • bicep
    • spring
    • thymeleaf
    • azure app insights
    • azure app service
    • azure monitor
    • azure key vault
    • azure sql
  • Static Maps API Function and CDN

    Static Maps API Function and CDN

    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.

    • python
    • fastapi
    • azure monitor
    • azure functions
    • azure content delivery network
  • Terraform template to bootstrap Azure Deployment Environments

    Terraform template to bootstrap Azure Deployment Environments

    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.

    • terraform
    • dev center
    • azure deployment environments
    • platform engineering
- +

Awesome AZD Templates

A community-contributed templates gallery

Contribute Your Template! 🙏

Filters

67 sites

Featured Templates

  • ChatGPT + Enterprise Data with Azure OpenAI and Cognitive Search

    ChatGPT + Enterprise Data with Azure OpenAI and Cognitive Search

    A sample app for the Retrieval-Augmented Generation pattern running in Azure, using Azure Cognitive Search for retrieval and Azure OpenAI large language models to power ChatGPT-style and Q&A experiences.

    •  ♥️ featured
    • .net/c#
    • bicep
    • chatgpt
    • kubernetes
    • azure container apps
    • cosmosdb
    • azure cognitive search
    • azure openai service
    • azure kubernetes service
    • azure redis cache
    • artificial intelligence
  • ChatGPT Plugin using Python (FastAPI)

    ChatGPT Plugin using Python (FastAPI)

    This is a quickstart for creating a ChatGPT Plugin using Python and Azure.

    •  ♥️ featured
    • python
    • bicep
    • fastapi
    • azure monitor
    • azure container apps
    • cosmosdb
    • artificial intelligence
  • Containerized React Web App with Java API and MongoDB

    Containerized React Web App with Java API and MongoDB

    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.

    •  ♥️ featured
    • typescript
    • java
    • react.js
    • bicep
    • mongodb
    • azure app service
    • azure monitor
    • azure key vault
    • cosmosdb
  • Containerized React Web App with Node.js API and MongoDB

    Containerized React Web App with Node.js API and MongoDB

    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.

    •  ♥️ featured
    • javascript
    • typescript
    • react.js
    • node.js
    • bicep
    • mongodb
    • azure app service
    • azure monitor
    • azure key vault
    • azure container apps
    • cosmosdb
  • Containerized React Web App with Python API and MongoDB

    Containerized React Web App with Python API and MongoDB

    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.

    •  ♥️ featured
    • javascript
    • typescript
    • python
    • react.js
    • bicep
    • mongodb
    • fastapi
    • azure monitor
    • azure key vault
    • azure container apps
    • cosmosdb
  • Java Spring Apps with Azure OpenAI

    Java Spring Apps with Azure OpenAI

    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.

    •  ♥️ featured
    • react.js
    • bicep
    • spring
    • azure monitor
    • azure container apps
    • azure db for postgresql
    • azure openai service
    • azure spring apps
  • Kubernetes React Web App with Node.js API and MongoDB

    Kubernetes React Web App with Node.js API and MongoDB

    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.

    •  ♥️ featured
    • javascript
    • typescript
    • react.js
    • node.js
    • bicep
    • mongodb
    • azure app service
    • azure monitor
    • azure key vault
    • cosmosdb
    • azure kubernetes service
  • React Web App with C# API and MongoDB

    React Web App with C# API and MongoDB

    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.

    •  ♥️ featured
    • javascript
    • typescript
    • .net/c#
    • react.js
    • bicep
    • mongodb
    • azure app service
    • azure monitor
    • azure key vault
    • cosmosdb
  • React Web App with C# API and SQL Database

    React Web App with C# API and SQL Database

    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.

    •  ♥️ featured
    • javascript
    • typescript
    • .net/c#
    • react.js
    • bicep
    • mongodb
    • azure app service
    • azure monitor
    • azure key vault
    • azure sql
  • React Web App with Java API and MongoDB

    React Web App with Java API and MongoDB

    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.

    •  ♥️ featured
    • typescript
    • java
    • react.js
    • bicep
    • mongodb
    • azure app service
    • azure monitor
    • azure key vault
    • cosmosdb
  • React Web App with Node.js API and MongoDB

    React Web App with Node.js API and MongoDB

    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.

    •  ♥️ featured
    • javascript
    • typescript
    • react.js
    • node.js
    • bicep
    • mongodb
    • azure app service
    • azure monitor
    • azure key vault
    • cosmosdb
  • React Web App with Node.js API and MongoDB

    React Web App with Node.js API and MongoDB

    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.

    •  ♥️ featured
    • javascript
    • typescript
    • react.js
    • node.js
    • terraform
    • mongodb
    • mongodb
    • azure app service
    • azure monitor
    • azure key vault
    • cosmosdb
  • React Web App with Python API and MongoDB

    React Web App with Python API and MongoDB

    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.

    •  ♥️ featured
    • javascript
    • typescript
    • python
    • react.js
    • terraform
    • mongodb
    • mongodb
    • fastapi
    • azure app service
    • azure monitor
    • azure key vault
    • cosmosdb
  • React Web App with Python API and MongoDB

    React Web App with Python API and MongoDB

    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.

    •  ♥️ featured
    • javascript
    • typescript
    • python
    • react.js
    • bicep
    • mongodb
    • fastapi
    • azure app service
    • azure monitor
    • azure key vault
    • cosmosdb
  • Rock, Paper, Orleans (RPO) - Distributed .NET

    Rock, Paper, Orleans (RPO) - Distributed .NET

    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.

    •  ♥️ featured
    • .net/c#
    • bicep
    • azure container apps
    • cosmosdb
  • SAP Cloud SDK on Azure App Service Quickstart (TypeScript)

    SAP Cloud SDK on Azure App Service Quickstart (TypeScript)

    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.

    •  ♥️ featured
    • typescript
    • node.js
    • bicep
    • nestjs
    • sap
    • sap cloud sdk
    • azure app insights
    • azure key vault
    • web apps
  • Scalable Django on Azure App Service

    Scalable Django on Azure App Service

    Deploy your Django web application with Microsoft Azure, for scale, using a cloud architecture with integrated monitoring and load testing.

    •  ♥️ featured
    • python
    • django
    • bicep
    • web apps
    • azure db for postgresql
    • virtual networks (vnet)
  • Simple Chat Application using Azure OpenAI

    Simple Chat Application using Azure OpenAI

    A sample chat app that uses Python and the Flask framework to stream ChatGPT completions as server-sent events to a simple frontend.

    •  ♥️ featured
    • python
    • bicep
    • flask
    • chatgpt
    • azure container apps
    • azure openai service
    • artificial intelligence
  • Spring ChatGPT Application using Azure OpenAI on Azure Spring Apps

    Spring ChatGPT Application using Azure OpenAI on Azure Spring Apps

    A sample that uses Java Spring framework to build ChatGPT-style application running in Azure Spring Apps.

    •  ♥️ featured
    • java
    • bicep
    • chatgpt
    • azure blob storage
    • azure openai service
    • azure spring apps
    • artificial intelligence
  • Static React Web App + Functions with C# API and SQL Database

    Static React Web App + Functions with C# API and SQL Database

    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.

    •  ♥️ featured
    • javascript
    • typescript
    • .net/c#
    • react.js
    • bicep
    • azure app service
    • azure monitor
    • azure key vault
    • azure functions
    • azure sql
    • azure static web apps
  • Static React Web App + Functions with Node.js API and MongoDB

    Static React Web App + Functions with Node.js API and MongoDB

    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.

    •  ♥️ featured
    • javascript
    • typescript
    • react.js
    • node.js
    • bicep
    • mongodb
    • azure app service
    • azure monitor
    • azure key vault
    • cosmosdb
    • azure functions
    • azure static web apps
  • Static React Web App + Functions with Python API and MongoDB

    Static React Web App + Functions with Python API and MongoDB

    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.

    •  ♥️ featured
    • javascript
    • typescript
    • python
    • react.js
    • bicep
    • mongodb
    • fastapi
    • azure app service
    • azure monitor
    • azure key vault
    • cosmosdb
    • azure functions
    • azure static web apps
  • Static React Web App with Java API and PostgreSQL

    Static React Web App with Java API and PostgreSQL

    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.

    •  ♥️ featured
    • java
    • node.js
    • bicep
    • spring
    • web apps
    • azure db for postgresql
    • azure spring apps
  • WordPress with Azure Container Apps

    WordPress with Azure Container Apps

    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.

    •  ♥️ featured
    • javascript
    • php
    • bicep
    • azure monitor
    • azure key vault
    • azure container apps
    • azure redis cache
    • azure application gateway

Other Templates

  • Azure API Management with Azure OpenAI

    Azure API Management with Azure OpenAI

    Unleash the power of Azure OpenAI to your application developers in a secure & manageable way with Azure API Management.

    • bicep
    • azure app insights
    • azure monitor
    • azure key vault
    • azure openai service
    • azure api management
    • enterprise app patterns
  • Azure OpenAI with Azure Bot and Custom API calling, Behind a Firewall

    Azure OpenAI with Azure Bot and Custom API calling, Behind a Firewall

    A Teams Chatbot running behind a Firewall that leverages OpenAI to call private APIs.

    • .net/c#
    • azure app service
    • azure openai service
    • azure application gateway
    • azure ai bot service
    • artificial intelligence
  • ChatGPT and Enterprise data with Azure OpenAI and Cognitive Search

    ChatGPT and Enterprise data with Azure OpenAI and Cognitive Search

    Demonstration of how to leverage Azure OpenAI and Cognitive Search to enable Information Search and Discovery over organizational content.

    • typescript
    • python
    • node.js
    • bicep
    • chatgpt
    • azure cognitive search
    • azure openai service
    • artificial intelligence
  • Containerized Apps on Azure Kubernetes Service

    Containerized Apps on Azure Kubernetes Service

    A base Azure Kubernetes Service template with placeholders to include the application source code (no application source code included) and Kubernetes manifest files.

    • bicep
    • keda
    • kubernetes
    • azure kubernetes service
    • grafana
    • prometheus
  • Docusaurus with Azure Container Apps

    Docusaurus with Azure Container Apps

    A blueprint to easily and quickly create and deploy your product documentation in Docusaurus using Azure Container Apps.

    • javascript
    • bicep
    • azure container apps
  • DotNet Function App with Service Bus

    DotNet Function App with Service Bus

    A sample that uses a C# Function App with native Service Bus bindings to both add and react to Queued Messages

    • .net/c#
    • bicep
    • azure functions
    • azure service bus
  • Enterprise-Grade Reference Architecture for JavaScript

    Enterprise-Grade Reference Architecture for JavaScript

    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.

    • javascript
    • bicep
    • azure key vault
    • azure container apps
    • cosmosdb
    • azure blob storage
    • azure db for postgresql
    • azure static web apps
    • azure api management
    • enterprise app patterns
  • Event Driven Java Application with Azure Service Bus on Azure Spring Apps

    Event Driven Java Application with Azure Service Bus on Azure Spring Apps

    A complete event-driven application that includes everything you need to build, deploy, and monitor an Azure solution.

    • java
    • bicep
    • spring
    • azure monitor
    • azure key vault
    • azure service bus
    • azure spring apps
  • FastAPI on Azure Container Apps

    FastAPI on Azure Container Apps

    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.

    • python
    • bicep
    • fastapi
    • azure container apps
  • FastAPI on Azure Functions

    FastAPI on Azure Functions

    A simple FastAPI app deployed to Azure Functions. Can also be run and debugged locally with the Azure Functions Core Tool emulator.

    • python
    • fastapi
    • azure functions
  • FastAPI with API Management

    FastAPI with API Management

    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.

    • python
    • fastapi
    • azure functions
    • azure api management
  • FastAPI, htmx, TailwindCSS on App Service

    FastAPI, htmx, TailwindCSS on App Service

    A sample web app using FastAPI, htmx, and TailwindCSS that demonstrates dynamic design. Does not require a database provision.

    • python
    • bicep
    • fastapi
    • azure log analytics
    • azure app service
    • web apps
  • Flask API on Azure Container Apps

    Flask API on Azure Container Apps

    A simple JSON API using the Python Flask framework, designed for deployment on Azure Container Apps.

    • python
    • bicep
    • flask
    • azure container apps
  • Flask Chart API on ACA and CDN

    Flask Chart API on ACA and CDN

    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.

    • python
    • flask
    • azure container apps
    • web apps
    • azure content delivery network
  • Flask Container with CDN

    Flask Container with CDN

    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.

    • python
    • flask
    • azure container apps
    • web apps
    • azure content delivery network
  • Flask Surveys Container App

    Flask Surveys Container App

    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).

    • python
    • flask
    • azure key vault
    • azure container apps
    • web apps
    • azure db for postgresql
  • Function App - C# AI Text Summarize

    Function App - C# AI Text Summarize

    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.

    • .net/c#
    • bicep
    • azure functions
    • azure ai service
    • artificial intelligence
  • Function App - Python AI Text Summarize

    Function App - Python AI Text Summarize

    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. Uses Azure Functions Python v2 programming model.

    • python
    • bicep
    • azure functions
    • azure ai service
    • artificial intelligence
  • Hello world Java Application on Azure Spring Apps

    Hello world Java Application on Azure Spring Apps

    A complete hello-world application that includes everything you need to build, deploy, and run an Azure Spring Apps solution.

    • java
    • bicep
    • spring
    • web apps
    • azure spring apps
  • Jupyter Notebooks Web App on Azure Container Apps

    Jupyter Notebooks Web App on Azure Container Apps

    A web application used for hosting, sharing, and interacting with Jupyter Notebooks via Mercury, hosted on Azure Container Apps.

    • python
    • bicep
    • jupyter notebooks
    • azure container apps
    • web apps
    • data science
  • Microservices App - Dapr Bindings Cron C# ACA PostgreSQL

    Microservices App - Dapr Bindings Cron C# ACA PostgreSQL

    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.

    • .net/c#
    • azure container apps
    • azure db for postgresql
    • dapr
  • Microservices App - Dapr Bindings Cron Node.js ACA PostgreSQL

    Microservices App - Dapr Bindings Cron Node.js ACA PostgreSQL

    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.

    • javascript
    • node.js
    • azure container apps
    • azure db for postgresql
    • dapr
  • Microservices App - Dapr Bindings Cron Python ACA PostgreSQL

    Microservices App - Dapr Bindings Cron Python ACA PostgreSQL

    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.

    • python
    • azure container apps
    • azure db for postgresql
    • dapr
  • Microservices App - Dapr PubSub C# ACA ServiceBus

    Microservices App - Dapr PubSub C# ACA ServiceBus

    A complete microservice application featuring Dapr Pub-Sub, deployed to Azure Container Apps and Azure Service Bus Topics with dead-lettering support.

    • .net/c#
    • bicep
    • azure container apps
    • azure container apps
    • dapr
    • azure service bus
  • Microservices App - Dapr PubSub Node.js ACA ServiceBus

    Microservices App - Dapr PubSub Node.js ACA ServiceBus

    A complete microservice application featuring Dapr Pub-Sub, deployed to Azure Container Apps and Azure Service Bus Topics with dead-lettering support.

    • javascript
    • node.js
    • bicep
    • azure container apps
    • azure container apps
    • dapr
    • azure service bus
  • Microservices App - Dapr PubSub Python ACA ServiceBus

    Microservices App - Dapr PubSub Python ACA ServiceBus

    A complete microservice application featuring Dapr Pub-Sub, deployed to Azure Container Apps and Azure Service Bus Topics with dead-lettering support.

    • python
    • bicep
    • azure container apps
    • azure container apps
    • dapr
    • azure service bus
  • Microservices App - Dapr Service Invoke C# ACA

    Microservices App - Dapr Service Invoke C# ACA

    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.

    • .net/c#
    • azure container apps
    • dapr
  • Microservices App - Dapr Service Invoke Node.js ACA

    Microservices App - Dapr Service Invoke Node.js ACA

    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.

    • node.js
    • azure container apps
    • dapr
  • Microservices App - Dapr Service Invoke Python ACA

    Microservices App - Dapr Service Invoke Python ACA

    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.

    • python
    • azure container apps
    • dapr
  • Python (Django) Web App with PostgreSQL and Key Vault

    Python (Django) Web App with PostgreSQL and Key Vault

    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.

    • python
    • django
    • bicep
    • azure app service
    • azure key vault
    • web apps
    • azure db for postgresql
  • Python (Django) Web App with PostgreSQL in VNet

    Python (Django) Web App with PostgreSQL in VNet

    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.

    • python
    • django
    • azure app service
    • web apps
    • azure db for postgresql
    • virtual networks (vnet)
  • Python (Django) Web App with PostgreSQL via Azure Container Apps

    Python (Django) Web App with PostgreSQL via Azure Container Apps

    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

    • python
    • django
    • bicep
    • azure container apps
    • azure db for postgresql
  • Python (Flask) Web App with PostgreSQL

    Python (Flask) Web App with PostgreSQL

    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

    • python
    • bicep
    • flask
    • azure app service
    • web apps
    • azure db for postgresql
  • Python (Flask) Web App with PostgreSQL in VNet

    Python (Flask) Web App with PostgreSQL in VNet

    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.

    • python
    • flask
    • azure app service
    • web apps
    • azure db for postgresql
    • virtual networks (vnet)
  • React Component Toolkit with ChatGPT and OpenAI

    React Component Toolkit with ChatGPT and OpenAI

    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

    • javascript
    • typescript
    • react.js
    • bicep
    • chatgpt
    • azure openai service
    • azure api management
    • artificial intelligence
  • React Web App with Azure API Management exposing SAP OData APIs

    React Web App with Azure API Management exposing SAP OData APIs

    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.

    • javascript
    • typescript
    • react.js
    • bicep
    • sap
    • chatgpt
    • azure app insights
    • azure monitor
    • azure key vault
    • azure static web apps
    • azure api management
  • Reliable Web App Pattern for .NET

    Reliable Web App Pattern for .NET

    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.

    • .net/c#
    • bicep
    • azure app insights
    • azure app service
    • azure key vault
    • azure blob storage
    • web apps
    • azure sql
    • azure front door
    • enterprise app patterns
  • Service Bus messages processing to Dataverse

    Service Bus messages processing to Dataverse

    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.

    • .net/c#
    • dataverse
    • azure monitor
    • azure key vault
    • azure functions
    • azure service bus
  • Simple Flask AZD

    Simple Flask AZD

    A tiny, no-frills, template to deploy Python's Flask web framework to Azure App Service in the free tier.

    • python
    • flask
    • azure app service
  • Simple Streamlit

    Simple Streamlit

    A tiny, no-frills, template to deploy Python's Streamlit web framework to Azure App Service in the free tier.

    • python
    • streamlit
    • azure app service
  • Spring PetClinic - Java Spring MySQL

    Spring PetClinic - Java Spring MySQL

    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.

    • java
    • bicep
    • spring
    • thymeleaf
    • azure app insights
    • azure app service
    • azure monitor
    • azure key vault
    • azure sql
  • Static Maps API Function and CDN

    Static Maps API Function and CDN

    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.

    • python
    • fastapi
    • azure monitor
    • azure functions
    • azure content delivery network
  • Terraform template to bootstrap Azure Deployment Environments

    Terraform template to bootstrap Azure Deployment Environments

    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.

    • terraform
    • dev center
    • azure deployment environments
    • platform engineering
+ \ No newline at end of file diff --git a/templates.json b/templates.json index 7e6a7bbc..4eb6fd38 100644 --- a/templates.json +++ b/templates.json @@ -1,4 +1,22 @@ -[ +[ { + "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/Azure-Samples/app-templates-java-openai-springapps", + "author": "Pierre Malarme", + "source": "https://github.com/Azure-Samples/app-templates-java-openai-springapps", + "tags": [ + "featured", + "spring", + "openai", + "aca", + "azurespringapps", + "azuredb-postgreSQL", + "monitor", + "reactjs", + "bicep" + ] +}, { "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.", diff --git a/templates/images/java-springapps-openai.png b/templates/images/java-springapps-openai.png new file mode 100644 index 00000000..4e007472 Binary files /dev/null and b/templates/images/java-springapps-openai.png differ