MENU

Fun & Interesting

Build and Deploy Full Stack Stackoverflow Clone | Nextjs Typescript TailwindCSS Prisma Mysql Shadcn

Benson Raro 4,382 6 months ago
Video Not Working? Fix It Now

Aiven: https://aiven.io/ ⚙️ Tech Stack - Next.js - Shadcn UI - TinyMCE - Tailwind CSS - Next Themes - Clerk Auth - Clerk Webhook - Prisma ORM - Aiven - MySQL Source Code/Materials github: https://github.com/BensonRaro/stackoverflow-tutorial Time Stamps 👇 00:00:00 - 00:00:46 Intro 00:00:40 - 00:12:40 Demo 00:12:40 - 00:26:25 Setup Nextjs Project and Shadcn UI 00:12:40 - 00:58:14 Nextjs File Structure, Routing, Learn how to use shadcn ui 00:58:14 - 01:09:50 Auth using Clerk Auth 01:09:50 - 01:31:35 Style Clerk Dialog 01:31:35 - 01:55:34 Header and Next Themes 01:55:34 - 02:22:06 Left Sidebar 02:22:06 - 02:39:30 Clerk Webhook + Add and Push to github + Diploy project 02:39:30 - 03:00:42 Set Database using prisma orm and aiven mysql 03:00:42 - 03:28:56 Create, update, delete user using clerk webhook 03:28:56 - 04:24:37 Right Sidebar. Create, view, Delete tags 04:24:37 - 05:15:52 Ask Question = TinyMCE, TagInput 05:15:52 - 05:36:54 Add Question and question tags to db 05:36:54 - 06:04:16 Start Home Page + Fetch Question + No Results Components 06:04:16 - 06:33:36 Question Card 06:33:36 - 06:57:41 Searchbar = Search Using Debounce 06:57:41 - 07:15:20 Filters 07:15:20 - 09:48:11 Question Page = Upvote, Downvote, save, answers 09:48:11 - 10:12:41 Optimized Fetching 10:12:41 - 10:49:30 User Page 10:49:30 - 10:59:25 Edit User 10:59:25 - 11:11:10 Collection/Saved 11:11:10 - 11:28:02 Community and Commit Project

Comment