MuCars
Next.js

MuCars

Car Dealership Listings Website

Overview

MuCars is a freelance vehicle listings and showroom website built for a car dealership on Payload CMS with a Next.js frontend. It gives the dealer a fully self-managed catalog of vehicles for sale, from a detailed per-vehicle spec model down to gallery images, transparency records and showroom ordering. The build is delivered end to end and runs on PostgreSQL in Docker.

What It Does

The public site presents an inventory browser and rich vehicle detail pages alongside CMS-managed marketing pages, a blog and a contact page. Behind it, a Payload admin lets the dealer manage vehicles, pages, posts, media and categories, with drafts, live preview and on-demand revalidation so changes appear on the live site immediately.

Tech Stack

Next.jsReactTypeScriptPayload CMSPostgreSQLLexicalTailwind CSS
View Live

Key Features

Detailed vehicles collection: brand, model, variant, year, mileage, price, fuel, transmission, body type and color

Per-vehicle galleries, feature lists, technical specs and a transparency panel (damage record, paint, replaced parts, service history)

Inventory browser plus vehicle detail pages, with listing status (available / reserved / sold), featured flag and showroom ordering

Optional listing sync that imports vehicles from Sahibinden.com via a secured API, with deduplication and mark-as-sold

Payload admin for vehicles, pages, posts, media and categories, with drafts, versions and live preview

CMS-managed marketing pages, blog with pagination and search, and a form-builder for contact/lead forms

SEO suite: JSON-LD structured data, generated sitemaps, redirects and nested-doc categories

Turkish/English admin with Turkish-first content and slug generation

Gallery

MuCars screenshot 1MuCars screenshot 2MuCars screenshot 3MuCars screenshot 4

Technical Highlights

→Next.js 16 (App Router) frontend with Payload CMS 3 on PostgreSQL
→Lexical rich text plus Payload plugins for SEO, form-builder, search, redirects and nested docs
→On-demand revalidation via afterChange/afterDelete hooks that revalidate paths and cache tags
→Secured custom API routes brokering a Chrome-extension sync from Sahibinden.com (import, status, mark-sold, prune)
→Rich JSON-LD components (vehicle, inventory, article, breadcrumb) plus sitemaps, robots and an llms.txt endpoint for AI crawlers
→Dockerized deployment with a persistent media volume and image processing via sharp
→Live preview with mobile/tablet/desktop breakpoints and draft-preview routes

Key Achievements

01

Delivered a complete dealership platform end to end as a freelance engagement, from data model to deployment

02

Modeled a comprehensive vehicle schema, including a transparency panel that surfaces damage, paint and service history to buyers

03

Built a secured integration that syncs listings from an external marketplace with deduplication and sold-state handling

04

Implemented structured-data SEO and AI-crawler readiness (JSON-LD, sitemaps, robots allowlist, llms.txt)

Impact & Results

A freelance, self-managed dealership website delivered end to end, letting the client publish and maintain their vehicle inventory without developer involvement.