Product Listing Page

This is a sample Product Page Built with Next.js, Tailwind.css, Apollo GraphQL and the React Context API. The main features are fetching product from a GraphQL API, dynamically setting number of grid columns on Desktop, Pagination, Dynamically set number of products in a page and more.

How to use

First Clone the repository

git clone https://github.com/josumung999/product-listing.git

Install required packages

yarn

Launch Dev server

yarn dev

Run Production Build

yarn build

yarn start

You can also test it directly online by clicking here.

Enjoy it!