1. Create a github repository. This time i'm using this react template wich is provided by microsoft:
https://github.com/staticwebdev/react-basic/generate
2. Clone the repository in vs code.
3. Create a static web app using the Azure Static Web Apps extension for Visual Studio Code.
4. Run the app
5. Make some visual adjustments to create and implement an API
6. Create the API using Static Web Apps Visual Studio Code extension.
7. The tutorial doesnt explain that all this is not compatible with node 19+ so i had to make a downgrade to node 18 using nvm.
8. After that, i had to make debug to get the server and the static web app to work and adjust this. The app is just a button and a get call to the API, if the API its working deploys a message that reads
"API is working!!"
![image](https://github.com/andresgd7/azureApp/assets/20409630/cac2fe93-66ca-4b46-8a4b-f1ec19aaf8e9)
![image](https://github.com/andresgd7/azureApp/assets/20409630/ae9f8011-3f86-4905-8c30-25c70e9d727f)
9. The app deploys automatically when you make a push to github, this are some of my attemps:
![image](https://github.com/andresgd7/azureApp/assets/20409630/c6535c36-29c5-4d40-bff3-8ebcc6863340)
10. The app is running in this link: