Next.Js Full Stack Project Tutorial - Build & Deploy Full Stack React Js App | React, Tailwindcss, Drizzle ORM, Clerk

Master Next.js & React Full Stack Development: Dive into AI-Powered App Creation with TubeGuruji – Build, Deploy, Conquer!

5.0 (2)

18 learners

What you'll learn

Learn to build and deploy full-stack applications using Next.js, React, and Tailwind CSS.
Master the integration of various APIs such as Google Maps, Clerk, and Firebase within Next.js apps.
Develop proficiency in using NextAuth for authentication in full-stack applications.
Gain skills in integrating AI technologies to enhance full-stack application functionalities.

This course includes

346 hours of video
Certificate of completion
Access on mobile and TV

Summary

Keywords

react js projects for beginners react js project from scratch react js tutorial react js project react js project tutorial react js project from scratch for beginners react js project with tailwind css React js Full Stack Car marketplace App

Full Transcript

🚗 Build & Deploy Full Stack React Js App | React, Tailwindcss, Drizzle ORM, Clerk, Sendbird Welcome to the ultimate guide on building a Full Stack Car Marketplace App! In this video, we dive deep into developing a responsive, high-performance marketplace using React JS and Tailwindcss for the front end, Drizzle ORM for database interactions, Clerk for authentication, and Sendbird for real-time chat functionality. ⭐ TubeGuruji : https://tubeguruji.com 🌟 Clerk : https://go.clerk.com/5UQSZeM 🌟 Sendbird : https://dcmk.short.gy/sendbird ⭐ Support me on : https://www.buymeacoffee.com/tubegurujiw 🌟 React AI Trip Planner : https://youtu.be/f_7grfh9TxU 📚 Materials/References: Resources Code : https://dcmk.short.gy/wHZsb7 Code: https://dcmk.short.gy/car-marketplace-source-code Assets : https://dcmk.short.gy/Assets Eraser Doc : https://dcmk.short.gy/eraser-doc Demo : https://car-marketplace.tubeguruji.com/ 🌟 Free Source Code for Members: https://www.tubeguruji.com Free Members Access : https://www.tubeguruji.com/course-preview/react-js-full-stack-car-marketplace-app Join this channel to get access to perks: https://www.youtube.com/channel/UC33Tc4FCgd_to314_b2hNTg/join @Sendbird Chapters: 00:00:00 Introduction 00:05:48 Project Setup 00:16:45 Routing 00:21:58 Authentication 00:29:26 Header 00:37:14 Hero Section 00:55:06 Category List 01:00:40 Car List (Home Screen) 01:23:08 Footer 01:26:39 Add Listing Form 02:04:20 Backend Setup 02:30:43 Images Upload 03:08:44 Quick Fix 03:13:17 User Listing 03:34:57 Update Home Screen Car Listing 03:39:19 Edit Listing 04:06:01 Car Listing By Category 04:20:37 Search 04:31:54 Listing Details 05:44:48 Chat Messaging 06:25:22 Deploy App

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

Direção de Arte no Cinema e Jogos: Fundamentos Essenciais

Transforme sua criatividade em carreira: descubra os segredos da Direção de Arte no cinema, jogos e design gráfico com especialistas e aprenda a criar mundos visuais incríveis. Inscreva-se agora e revolucione sua visão artística!

⭐ 4.0

29 ratings

0 min

30-Day Beginner Guitar Challenge for New Players

Master the Guitar in 30 Days: Your Ultimate Beginner Challenge! Unleash your inner guitarist with step-by-step lessons designed to transform you from novice to confident player. Join Your Guitar Academy and kickstart your musical journey today!

⭐ 4.3

36 ratings

7 hours