How To Build a FastAPI & React Full Stack App | Clerk, Databases, LLMs & More

From the creator

💻 Get started with Clerk Authentication: https://go.clerk.com/naBxpyl Download PyCharm and use it for free forever with one month of Pro included: https://www.jetbrains.com/pycharm/ I'll show you how to build a full stack application that will look fantastic on your portfolio using FastAPI and Python on the backend, and JavaScript and React on the frontend. We're going to have an API, authentication, databases; and I'm going to show you how to integrate this with an AI or with an LLM. 🎞 Video Resources 🎞 Code in this video: https://github.com/techwithtim/SecureAIApp Ngrok: https://ngrok.com/ Node JS Install: https://nodejs.org/en OpenAI API Platform: https://platform.openai.com/ UV Tutorial: https://www.youtube.com/watch?v=6pttmsBSi8M ⏳ Timestamps ⏳ 00:00:00 | Project Demo 00:02:27 | Project Setup & Dependencies 00:10:09 | Clerk Authentication Setup 00:28:21 | Navbar & Styling 00:35:13 | Clerk Settings 00:38:19 | Frontend Component/Forms 01:02:40 | FastAPI Backend Setup 01:09:57 | Backend Clerk Auth Setup 01:18:57 | Database Models 01:35:45 | Backend Routes 01:46:40 | AI/LLM Integration 02:01:36 | Frontend/Backend Integration 02:19:01 | Clerk Webhook Events 02:27:10 | Ngrok API Gateway Setup Hashtags #ClerkApp #FastAPI #Python

Published 2025-06-02 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.