The MotorPedia: Next.js Car Marketplace & RTO Services Portal

The MotorPedia is a web portal that covers the vehicle ownership journey in India: buying and selling certified used cars, checking a vehicle's history and challans, handling RTO paperwork online, booking VIP registration numbers, and comparing motor insurance. It is built with Next.js, React and TypeScript on top of a centralised REST API layer, and works as a responsive site on phones, tablets and desktops. I built the web frontend.

Owning a car in India involves many separate steps: finding a trustworthy car, checking its papers and challans, dealing with RTO transfers and loan liens, buying insurance and arranging finance. These are usually spread across different sites and offices, and the pages need to rank well in search to reach people who are looking for each service.

• Marketplace

  faceted search by budget, body style, fuel and transmission, with inspection scorecards for certified cars, and a Sell for Cash flow that estimates a price from registration year, variant, mileage and city demand before booking a doorstep evaluation.

• Search and navigation

  a city selector, a Services menu (challan check, Vahan check, motor insurance, fancy number, car loan, RTO services, EMI calculator, service history, vehicle inspection and fuel cost comparison), and listings with a filter sidebar (make, budget, year, kilometres, fuel, body type, owner, transmission and category), All, Assured and Dealers tabs, and sorting. Cards show price, EMI, kilometres, fuel, transmission, owner and location.

• Vehicle checks

  look up registration details, chassis and engine numbers and hypothecation records from the registration number, fetch pending challans with offence details and amounts, and view service history reports with maintenance, claims and ownership timeline.

• RTO services

  online request flows for ownership transfer, hypothecation addition and removal, duplicate RC and address change, plus interstate NOC and road tax refund requests.

• Fancy numbers

  check availability and book VIP registration numbers.

• Insurance and finance

  compare motor insurance quotes and use an EMI calculator for down payment, instalments and interest schedule.

• Next.js uses a mix of server-side rendering, static generation and incremental static regeneration, so pages are quick to load and listings stay up to date.
• Redux Toolkit and RTK Query share state for shortlists, search filters and multi-step forms. A typed Axios service layer handles interceptors, response clean-up and consistent error handling.
• Tailwind CSS is used mobile-first, so layouts adapt from phones to desktops.

• SEO is built in

  dynamic metadata and JSON-LD structured data, plus city-based routes for services such as RTO and service history pages.

• 1

  Search pages at scale

  dynamic Next.js routes with incremental static regeneration create localised landing pages for each city and service without rendering everything on every request.

• 2

  Long legal forms

  multi-step RTO forms keep their state locally, so going back in the browser or a network drop does not lose what the customer entered.

• 3

  Image-heavy listings

  the Next.js Image component serves WebP, responsive sizes and priority loading for the hero banner on pages with many vehicle photos.

A live Next.js portal that brings buying, selling, vehicle checks, RTO services, insurance and finance into one place, with search-friendly city pages and fast, up-to-date listings.