Skip to content

A Next.js-based Product Catalog that fetches and displays products from a Dummy API. Features styled product cards and dynamic product detail pages.

License

Notifications You must be signed in to change notification settings

AdrianGeorgeM/product-next

Repository files navigation

Next.js Product Catalog 🛒

Project Screenshot

Table of Contents

About

This is a Next.js project that serves as a product catalog. It fetches product data from a Dummy API and displays it on the home page. Each product is clickable and leads to a dynamic page where more details about the product are shown.

Features

  • 📦 Fetch and display products from API
  • 🎨 Beautifully styled product cards
  • 🚀 Dynamic pages for each product
  • 📱 Fully responsive design

Tech Stack

Getting Started

Prerequisites

  • Node.js
  • npm

Installation

  1. Clone the repo
    git clone https://github.com/AdrianGeorgeM/product-next.git
  2. Install NPM packages
    npm install
  3. Run the development server
    npm run dev

Usage

Open http://localhost:3000 with your browser to see the result.

License

Distributed under the MIT License. See LICENSE for more information.


Feel free to add or remove sections according to your project's needs. Adding screenshots, demo links, or even GIFs can make it more engaging.

About

A Next.js-based Product Catalog that fetches and displays products from a Dummy API. Features styled product cards and dynamic product detail pages.

Resources

License

Stars

Watchers

Forks

Packages

No packages published