How To Deploy A Flask Rest API BackEnd And React FrontEnd To Heroku | Flask React Heroku | 2021 HD

Hello Friends 😊
🔔 Subscribe & click that notification bell so you don't miss anything!
In this video tutorial, we will learn how to deploy a simple Flask backend and a React.JS frontend application to Heroku.
Let's get started...
🏷 #reactflaskheroku​ #fullstack​ #flaskreact #deployReact
⏱ TIMESTAMPS
00:00 - Building Flask Server
05:11 - React FrontEnd
13:04 - Configuration & deployment
❤️ If you would like to support the channel
💴 www.buymeacoffee.com/theshow
🔗 BE MY FRIEND 🔗
🐦 / sarpongtech​
💰 (support me) www.buymeacoffee.com/theshow
🎥 Tutorial Videos You Might Enjoy 😉
🎬 • Fullstack React GraphQ... ​
🎬 • Getting Started With P... ​
🎬 • Django User Registrati... ​
🎬 www.youtube.com/watch?v=dITv8​...
🚀 Documentations
🌀 docs.docker.com/docker-for-ma...
💎 flask.palletsprojects.com/en/...
📦 www.heroku.com/
🔖 Source Code
👨🏿‍💻 github.com/SarpongAbasimi/Fla...

[@haroonomer4087]

I genuinely can not thank you enough for this tutorial ! I have spent weeks looking for tutorials on how to deploy on heroku and this is the only tutorial that worked for me! God bless you

[@theshowTech]

Ha Haroon, you are welcome 😊. I am glad you found it useful.

[@bananahlife]

This is, hands down, the BEST video out there for deploying flask/react to Heroku. So clear simple and easy. Thank you so much!

[@theshowTech]

You are welcome Ziam 😊 and I am glad you found it useful.

[@michaelbennett7003]

Awesome video! Good job man, please keep it up!

[@theshowTech]

Thank You 😊

[@brucelee50002000]

Thank you. I waited for this video for a while.

[@theshowTech]

You are welcome Duc 😊

[@danielolt6514]

Amazing tutorial, clear, and goes straight to the point. Thank you

[@theshowTech]

You are welcome Daniel 🙂, I am glad you found it useful.

[@yakob-g]

This is great content. Thank you! Very much appreciated!

[@theshowTech]

Thank you too Yaqobo 😀

[@yichengwei]

Thank you! The change of proxy url part helps a lot!

[@theshowTech]

welcome 😊

[@polymerchm]

Straight to the point. Thanks!!!!

[@theshowTech]

You are welcome Steven 😊

[@Mimi-bg5zz]

very helpful, thank you! :)

[@theshowTech]

You are welcome sis 🙂

[@user-xs6jx7ns9j]

honestly, take it from an experienced developer. best deployment video online.

[@theshowTech]

Thank you very much 🙂. I am glad you found it useful.

[@salomaomafalda8004]

Perfect!

[@blackx123]

Thank you very much

[@huyvu5929]

Thanks for the video! Can you do another tutorial for deploying to AWS using ECR?

[@theshowTech]

Yes I can Huy and thanks for watching 😊

[@maufigueroa6181]

Yes please! An AWS tuto using ECR would be great :)

[@arupde6320]

upload regularly .

[@theshowTech]

Hey, I will. I currently have a lot going on 🙁

[@enriquepenanieto9784]

Does it work if I have an sqlite db?

[@theshowTech]

I think Heroku uses Psql 😊. You might have to check on that one.

[@oussamabouzal3542]

which terminal do you use ??

[@theshowTech]

I use zsh, I hope that answers your question?

[@Faisal-jo5vk]

when i console.log the data it returns undefined

[@theshowTech]

do you still get that?

[@Faisal-jo5vk]

Ya

[@theshowTech]

@@Faisal-jo5vk the frontend is not getting the data. can you show the full error?

[@mamaandi1155]

my frontend is react backend is python flask and database is mysql how to deploy please help

[@theshowTech]

Deploy on which platform?

[@muhammadukkasha5030]

There is really huge full stop in his sentence when he calls app.😅

[@theshowTech]

😊

[@gingerdude4014]

Hey. Please can you help me. I've been stuck trying to solve this error for hours. I just keep getting this when I run npm start: Proxy error: Could not proxy request /api from localhost:3000 to localhost:5000/. and when I view the console in the browser it shows this: Uncaught (in promise) SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data Any idea how to resolve this? :(

[@gingerdude4014]

I followed your exact process. So the code is the same by the way

[@theshowTech]

Do you have the proxy key and value in the package.json?

[@gingerdude4014]

@@theshowTech yes i do

[@theshowTech]

@@gingerdude4014 hmm and when you check the api endpoint in backend, are you able to see anything? If you see something then I will say the problem is from the frontend when the server is called.

[@carlosprieto5522]

This might be late but i solved the same issue by removing the package-lock.json file and restarting the react app