PERN Stack Course: Build a Full Stack Product Store with React and Postgres
๐ Try CodeRabbit for FREE: https://dub.sh/rabbit-postgres ๐ Try Neon for FREE: https://dub.sh/neon-db ๐ Try Clerk for FREE: https://go.clerk.com/Dqtbq8Y โจ Links: ๐ Source Code: http://github.com/burakorkmez/productify โจ My 100+ Hours Course: https://dub.sh/udemy-discount ๐ Diagrams: https://app.eraser.io/workspace/2sKOD2pWbGYleI1LzK3Y?origin=share โจ Highlights - ๐ Full-Stack Product Store - ๐งฐ REST API with Node.js & Express - ๐๏ธ PostgreSQL Database Integration - ๐งฌ Drizzle ORM for type-safe database queries - ๐ฆ TypeScript Powered API - โ๏ธ Modern React Frontend - ๐จ Beautiful UI with Tailwind CSS & DaisyUI - โก Data Fetching & Caching using TanStack Query - ๐ End-to-End API โ Frontend Integration - ๐ง Clean Project Structure & Best Practices - ๐งช Hands-on Learning by Building (not just theory) - ๐ Production Deployment with Live URL - ๐ Resume-Ready Project - ๐ธ 100% Free Tools & Setup - ๐ Free & Open-Source Code COPY-PASTE LIST: 1- npm install [email protected] [email protected] [email protected] [email protected] [email protected] @clerk/[email protected] 2- npm install -D [email protected] [email protected] [email protected] [email protected] @types/[email protected] @types/[email protected] @types/[email protected] Timestamps: 00:00:00 - 0- Project Preview 00:04:37 - 1- Backend Setup 00:41:09 - 2- Creating Drizzle Schema 01:14:57 - 3- Writing Our DB Queries 01:41:46 - 4- User & Product & Comment Routes 02:08:19 - 5- Frontend Setup - Tailwind, Daisy UI & Clerk 02:39:49 - 6- Tanstack Setup & User Sync 03:09:11 - 7- Home Page & Create Page 03:33:40 - 8- Product Detail Page 04:10:40 - 9- Edit Product Page 04:25:30 - 10- Very Detailed Deployment
Download
1 formatsVideo Formats
Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.