Next Ecommerce

screenshot of Next Ecommerce
nextjs
react

:zap: Quantum Ecommerce. Made with Next.js | GraphQL | Apollo Server | Apollo Client | SSR

Overview

This project is a full ecommerce platform built with Next.js and Next.js Serverless functions for the backend. It utilizes technologies such as Apollo Server and Apollo Client for GraphQL. The demo website provides a complete user experience, including features such as authentication, product listing, filtering and sorting, live search, wishlist, cart management, checkout, and payment integration.

Features

  • Authentication with Cookies Sessions
  • Reset Password using email
  • List Products
  • Filter products by Category
  • Sort list of products
  • Live search
  • Add products to Wishlist
  • Add products to Cart
  • Checkout page
  • Payment with Paypal
  • Review Products
nextjs
Next.js

Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

ecommerce
Ecommerce

Ecommerce websites sell products or services to customers through an online storefront. These websites typically include features such as product listings, shopping carts, payment processing, and order management tools.

apollo
Apollo

Apollo is an open-source platform for building GraphQL APIs that connects with any data source. It provides a powerful set of tools and features for developers, including client and server-side caching, real-time data synchronization, and a seamless integration with popular frontend frameworks.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

graphql
Graphql

A website that uses GraphQL as a query language to manage data fetching and state management. This includes features such as a strongly typed schema, client-side caching, and declarative data fetching to streamline data management and optimize website performance.

vercel
Vercel

Vercel offers built-in support for deploying and hosting Next.js applications, making it a popular choice among Next.js developers.