Build a Car Marketplace with Next.js, React, TailwindCSS, Appwrite, React Query (2025)
👋 Hey everyone! Ready to Build a Car Marketplace with Next.js, React, TailwindCSS, Appwrite, React Query, and features like Reusable Filters, Custom UploadImage hook, Image Gallery .
You will learn how to build a car marketplace with user authentication, dynamic listings, advanced filters, and an optimized image gallery. You'll also create a custom UploadImage hook, a search system, and a modern UI with ShadCN. 🚀
#tailwindcss #react #nextjs15
👉Part 2: • Build a Car Marketplace with Next.js, Reac...
🙏🙏 Like & Subscribe To the Channel - https://tinyurl.com/subcribe-to-techw...
🐦 Follow us on Twitter: https://x.com/techwithemma
🖼️ Follow us on Instagram: / techwithemmaofficial
✅Join this channel to get access to perks:
/ @techwithemmaofficial
💻👉Build Advanced MERN Auth: 2FA, Email Verification, Cookies, Sessions, and JWT with Node.js & Next.js:
on Youtube: • Build Advanced MERN Auth with Nodejs, 2FA,...
💻👉 Build and Deploy B2B MERN Project Management App | Google Sign-In, Roles, Workspaces, Analytics:
on Youtube: • Build & Deploy a MERN Team Project Managem...
💻👉 Shadcn ui Crash Course: Reactjs/Next.js 14 UI Components Everyone's Using!:
on Youtube: • Shadcn ui Crash Course: Reactjs/Next.js 14...
💻👉 Tailwind CSS Full Course | Build an AI Saas Website:
on Youtube: • Tailwind CSS Full Course | Build an AI Saa...
🗝️Key Features: 👇
🔒 Authentication (Appwrite Register & Login)
🚗 List & Manage Car Listings (New & Used Cars)
🛠️ Reusable Filters (Price, Brand, Model, Year, Fuel Type, Condition)
💡 Custom Form Generator for Listing Creation
💄 Reusable UploadImage Hook for Image Uploads
🎮 Image Gallery with Thumbnails
💎 Price Range Selector
🏢 User's Shop
📊 Optimized Filtering & Search System
✨ Modern UI with ShadCN Components
✨ Built with Next.js & Appwrite for Full-stack Capabilities
📚 Chapters 👇
00:00:00 - Intro & Demo
00:02:37 - Project Setup/Structure
00:15:09 - NavigationBar
00:33:12 - Hero Section & Hero Filter
01:17:43 - Register & Login Form UI
02:04:46 - Set up Appwrite Authentication & Database
02:50:22 - Current User Session & Logout API
03:20:45 - Add Car Listing Form & Form Generator
05:05:23 - Handling Image Upload
06:10:24 - Add Car Listing API
06:38:15 - My Shop API & UI
08:15:58 - Search Filter UI & API
📂✨ Access the course files on GitHub (Give a Star ⭐):
Course files:https://github.com/TechWithEmmaYT/Bui...
🔗👉🎨 Custom Theme Styles - https://github.com/TechWithEmmaYT/Bui...
🔗👉🗃️ Car Options Constant - https://github.com/TechWithEmmaYT/Bui...
🔗👉🏷️ Listing Fields Object - https://github.com/TechWithEmmaYT/Bui...
🗃️Resources 👇
🔗👉Custom Phone Input - https://shadcn-phone-input.vercel.app...
🔗👉Custom Multiselect - https://shadcnui-expansions.typeart.c...
🔗👉Appwrite - https://appwrite.io
🔗👉Appwrite Docs - https://appwrite.io/docs
🔗👉Nuqs - https://nuqs.47ng.com/
🔗👉ReactQuery - https://tanstack.com/query/latest
🔗👉TailwindCSS - https://tailwindcss.com/
🔗👉Shadcn UI - https://ui.shadcn.com/docs/installati...
💻👉Like & Subscribe To the Channel
Channel: https://tinyurl.com/subcribe-to-techw...
⭐Build a Modern Next.js Application with React, Next JS, TypeScript, Tailwind CSS