How to Create a FastAPI & React Project - Python Backend + React Frontend

Published: 19 November 2024
on channel: Tech With Tim

190,642

4.5k

Checkout PyCharm! https://jb.gg/pycharm4web
Get 3 months of PyCharm Professional for free with the code: TechWithTim - by redeeming it here: https://jetbrains.com/store/redeem/

Today I'll show you how to connect a FastAPI Backend to a React Frontend, we'll do this from scratch, and I'll show you how to fix the common errors you're bound to run into, like a CORS error.

Want to make real money with coding? I share high-signal insights on careers, monetization, and leverage in my free newsletter. Join here and get my guide How to Make Money With Coding instantly: https://techwithtim.net/newsletter

🎞 Video Resources 🎞
Code & Guide: https://github.com/techwithtim/FastAP...

⏳ Timestamps ⏳
00:00 | Overview
00:40 | IDE Choice
01:56 | Backend vs Frontend
03:50 | Python Setup
08:30 | FastAPI Setup
11:28 | FastAPI CORS
13:00 | FastAPI Routes
17:08 | Testing Routes
19:59 | Frontend Setup
21:25 | Frontend Code
25:28 | Testing the App
26:55 | Auth & Advanced Template

Hashtags
#fastapi #python #reactdevelopment

On this page of the site you can watch the video online How to Create a FastAPI & React Project - Python Backend + React Frontend with a duration of hours minute second in good quality, which was uploaded by the user Tech With Tim 19 November 2024, share the link with friends and acquaintances, this video has already been watched 190,642 times on youtube and it was liked by 4.5 thousand viewers. Enjoy your viewing!

7,320

201