데브허브 | DEVHUB | PERN Stack Course: Build a Full Stack Product Store with React and PostgresPERN 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/2sKOD...
✨ 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 express@5.2.1 cors@2.8.5 dotenv@17.2.3 drizzle-orm@0.44.7 pg@8.16.3 @clerk/express@1.0.1
2- npm install -D typescript@5.9.3 ts-node@10.9.2 nodemon@3.1.11 drizzle-kit@0.31.7 @types/express@5.0.6 @types/cors@2.8.19 @types/pg@8.15.6
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