This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

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

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.js.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

About Project

Title: Modern Full Stack E-Commerce Application with Next.js & Sanity

This project was built with Modern design, animations, the ability to add and edit products on the go using a CMS, all advanced cart functionalities.

Live Demo for this Project - https://ecommerce-sanity-beige.vercel.app/

While building this project I've learned:

• Advanced React Best Practices such as
  • Folder and file structure, hooks and refs
• Advanced State Management of the entire application using React Context API
• Next.js Best Practices such as
  • File-based routing, Data fetching that allows server-side rendering and static generation which makes our websites incredibly optimized (show getServerSideProps, getStaticPaths, getStaticProps), and I've also learned how to use Next.js as a backend endpoint.
• And most importantly I've learned how to manage the entire content of the app using Sanity. Sanity is the unified content platform that’ll make the making of our entire app possible.
• Through Sanity, we or our clients will be able to change the store’s homepage and more importantly, the details of all the products in the store, instantly and on the go!
• Sanity allows us to focus on developing the application without having to worry about the content, file storage, and databases. They’ll cover the dirty work for us and allow us to build scalable and modern e-commerce web applications extremely easily.

Here are some sample screenshots of the project