Перейти к содержимому

Full Stack React Project ( AI Creators Platform ) - Next JS, Tailwind, ImageKit, Shadcn UI 🔥🔥

RoadsideCoder

0:00 / 0:00

Full Stack React Project ( AI Creators Platform ) - Next JS, Tailwind, ImageKit, Shadcn UI 🔥🔥

30 544 просмотра · 1 год назад
RoadsideCoder
177 тыс. подписчиков
30 544 просмотра · 1 год назад
🔗 Imagekit - https://tinyurl.com/yc8b6mjs 🔗 Coderabbit - https://coderabbit.link/piyush-cli 🔗 Convex - https://convex.link/RoadsideCoder3 🔗 Clerk - https://go.clerk.com/C7ftR7K ➡️ My Frontend Interview Course - https://roadsidecoder.com/course-details (50% Discount) Build a Full Stack AI Creator Platform CMS in React 19 + Next JS 15 with Tailwind CSS, Convex, Clerk Authentication, React Quill, Imagekit (Image and video API with AI-powered DAM) , Shadcn UI Tutorial. This is an amazing project for your resume which will impress recruiters a lot and showcase your skillset. ➡️ Next JS Course Form - https://forms.gle/ABmuVhYATuwhkcmVA ➡️ Source Code - https://github.com/piyush-eon/ai-crea... ➡️ Book a 1:1 call with me - https://topmate.io/roadsidecoder 👤 Join the RoadsideCoder Community Discord -   / discord   🔗 React Hook Form Tutorial -    • React Hook Form (with Zod) - Full Tutorial 🔥🔥   🔗 Job Portal Project Tutorial -    • Full Stack React JS Project ( Job Portal )...   🔗 Calendly Portal Project Tutorial -    • Full Stack React JS Project ( Calendly Clo...   🔗 MERN Stack Chat App Tutorial -    • MERN Stack Chat App with Socket.IO Tutorial   🔗 Complete Data Structures and Algorithms with JS Course -    • Data Structures and Algorithms in Javascri...   🔗 JS Interview Series -    • Javascript Interview Questions ( Var, Let ...   🔗 Cars24 Interview Experience -    • Frontend Interview Experience (Cars24) - J...   🔗 Unacademy Interview Experience -    • Frontend Interview Experience (Unacademy) ...   🔗 React Beginner's Project Tutorials -    • React JS Project Tutorials 🔥🔥   #reactjstutorial #frontend #ReactJS ------------------------------------------------------------------------- 00:00:00 Intro 00:01:31 Setup Next JS with Shadcn UI 00:11:50 Backend Setup 00:16:18 User Authentication 00:25:49 Storing User Details in DB 00:42:20 Building Header 00:48:29 Doing AI Code Review 00:52:14 Imagekit Setup 00:56:10 Database Design 01:04:55 Landing Page 01:34:37 Dashboard Layout 01:49:31 Setting Page 01:54:30 Custom Hooks for Query and Mutation 01:58:11 Update Username 02:04:29 Create new Post 02:19:10 Post Editor 02:32:29 Building a Rich Text Editor with AI 03:08:33 Featured and Content Image Upload with Imagekit 03:30:33 Adding Image Transformations with Imagekit 03:59:34 My Posts Page 04:33:40 User Public Page 04:55:10 Published Post Page 05:22:10 Posts Feed 05:42:33 Dashboard Analytics 06:02:59 Assignment for you 06:05:17 Deployment ------------------------------------------------------------------------- ⭐ Support the channel -    / @roadsidecoder   Special Thanks to our members -