aprendiendonode/kshop

Shopping Cart using NextJS 13, Tailwind, TypeScript, Redux Toolkit, , Hygraph, GraphQL

Shopping Cart App

This is a sample Shopping Cart app built using Next.js 13, Tailwind, Redux Toolkit, Hygraph, and Apollo Client (GraphQL). The app allows users to list the products from Hygraph, add or remove products to their shopping cart, and display a summary of their cart.

Installation

1. Clone the repository

2. Copy .env.example to .env and update the environment variables: cp .env.example .env

3. Install the dependencies: npm install

Usage

1. Start the development server: npm run dev

2. Open the app in your browser: http://localhost:3000

3. Browse the product list, add or remove products to your shopping cart, and view your cart summary.

Tech Stack

• Next.js 13
• TypeScript
• Tailwind CSS
• Redux Toolkit
• Hygraph
• Apollo Client

Live Demo here

Screenshots

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

Contributors

• Keyner TYC

License

This project is licensed under the MIT License.