CodeNewbie Community 🌱

Discussion on: Hi! We’re Microsoft Azure and we’re proud Patron Sponsors of CodeLand 2022

Collapse
 
kainh profile image
Kai Neuhold-Huber

Hi! Thanks for having a presence at CodeLand! I'm just about to start work on a personal project that uses a React frontend and Flask API and MySQL database backend and am really curious how I could use Azure to deploy something like this. I've only used Amazon EC2 for projects like this in the past.

My Discord handle is: Kain H#2761 in case there are still invites going out :)

Collapse
 
msusdevmicrosoft profile image
Microsoft Developer Team

@nitya do you mind answering his technical question? I have thoughts but not the end to end process, have worked with MySQL but not React as much... And Kai, yes I will send you a link for the US SWAG! Thanks for stopping by!

Collapse
 
nitya profile image
Nitya Narasimhan

Hi @kainh -- wonderful to hear from you!! So you have two options that I can see:

The Azure App Service will let you deploy a full-stack application (front-end, back-end APIs and integration to databases) as a managed solution.

  • See this quickstart for Flask and there is a tab for a Django solution as well.
  • You can then look at a solution like this to connect your Azure App Service backend to a MySQL server.
  • This blog post walks you step-by-step through the process of building a React single-page app and hosting it on App Service.

These three give you three parts of the solution but you will need to knit them together.

A different approach is to use a SERVERLESS architecture for the back-end and a STATIC WEB APP for the front-end. In that case:

  • Check out aka.ms/30DaysOfSWA to learn about Static Web Apps (and see some React examples)
  • Learn how SWA has built-in support for a managed serverless API (written in JavaScript)
  • But can also support your bringing your own functions - e.g., writing using Flask with Azure Functions

Hope that helps!