olawanlejoel / nextjs-ecommerce-graphcms

Home Page:https://nextjs-ecommerce-graphcms.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

This is a Next.js project bootstrapped with create-next-app and structured/developed by Joel Olawanle.

For this app, we made use of next.js to create an e-commerce application that retrieves products from GraphCMS via Apollo client and queries data using GraphQL. We also used Snipcart to easily integrate a cart system into this e-commerce application. Test it our here.

Getting Started

First, clone this repository so you have my starter files, via the command below:

git clone https://github.com/olawanlejoel/nextjs-ecommerce-graphcms.git

...then run npm install to install dependencies and packages.

At this point, we can now run the development server:

npm run dev
# or
yarn dev

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

Home/Products Page Single Products Page
image image

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.

About

https://nextjs-ecommerce-graphcms.netlify.app/


Languages

Language:JavaScript 70.8%Language:CSS 29.2%