Zod, React, FastAPI & Pydantic - Data Validation on Client and Server

☕️ 𝗕𝘂𝘆 𝗺𝗲 𝗮 𝗰𝗼𝗳𝗳𝗲𝗲:
To support the channel and encourage new videos, please consider buying me a coffee here:

📌 𝗖𝗵𝗮𝗽𝘁𝗲𝗿𝘀:
00:00 Intro
01:35 Setting up FastAPI project with uv
02:44 Pydantic data models
07:00 Creating React app with Vite
09:03 Zod schemas for client-side validation
14:37 Consuming API data and validating with Zod
18:37 Enabling cross-origin requests on FastAPI server
21:11 Data transformations with Zod

▶️ Full Playlist:

𝗦𝗼𝗰𝗶𝗮𝗹 𝗠𝗲𝗱𝗶𝗮:

📚 𝗙𝘂𝗿𝘁𝗵𝗲𝗿 𝗿𝗲𝗮𝗱𝗶𝗻𝗴 𝗮𝗻𝗱 𝗶𝗻𝗳𝗼𝗿𝗺𝗮𝘁𝗶𝗼𝗻:

#python #fastapi #webdevelopment #reactjs

[prashlovessamosa]

Can you please make a series with React Prisma FastAPI series like you did with Django Finance Platform.

[tomilola_ng]

Messy af, Django is slow but not messy

[Kinra_Jade]

Hello. I appreciate your tutorial and I'm wondering how you would host online your workspace if you needed to do so ?

[pranich]

Great video. This will lead us to duplicate the validation in the backend and frontend. Is there a way to share the validation for example can the frontend to receive the schema from the backend?

[vijaynayak]

is DRF over? i have been not in touch lately?
if yes, i will complete that first, build something from it and then have a look at this

[mynameisnotshane]

the "i" pronunciation confused me for a while