Welcome to the Car Seller App, a web application built with Next.js that provides Server-Side Rendering (SSR) for improved search engine optimization (SEO).
- Search for cars by name.
- Paginate through car listings with 6 cars per page.
- Display car cards with a similar design to the provided image.
- Fully functional pagination with next, previous buttons, and page numbers.
- Pagination URL changes to
?page=1
(e.g.,?page=1
,?page=2
).
-
Server-Side Rendering (SSR): This app utilizes Next.js to implement SSR, allowing search engines to easily crawl and index content for improved SEO.
-
Metadata: Ensure that each car listing page has appropriate metadata, including title tags and meta descriptions, to enhance click-through rates from search results.
-
Clone the repository:
shellCopy code
https://github.com/ManjiCoder/Car-Seller-App
-
Navigate to the project directory:
shellCopy code
cd car-seller-app
-
Install dependencies:
shellCopy code
npm install
-
Start the development server:
shellCopy code
npm run dev
-
Open your browser and navigate to http://localhost:3000 to use the SEO-friendly Car Seller App.
- You can search for cars by name.
- Car cards are displayed in rows of 3, with a maximum of 6 cards per page.
- Pagination URL changes to
?page=1
(e.g.,?page=1
,?page=2
). - Pagination is fully functional with next, previous buttons, and page numbers.
Thank you for using the Car Seller App. If you have any questions or need further assistance, please don't hesitate to reach out.