phanox-ecommerce

Description

A Modern Ecommerce store built with NextJS, Stripe & Sanity.

• features:

• 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 your websites incredibly optimized (show getServerSideProps, getStaticPaths, getStaticProps), and also Next.js as a backend endpoint.
• Stripe integration to manage payments, products, shipping rates, and the entire checkout process
• Sanity as Backend. Sanity is the unified content platform that’ll make the making of our entire app possible.
• Through Sanity, 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.

Demo

This application is deployed on Vercel Please check it out 😄 here.

Install

Some basic Git commands are:

$ git clone https://github.com/tokochi/phanox-ecommerce.git
$ cd project
$ npm install

Start development

$ npm run dev

Simple build for production

$ npm run build

Run build for production

$ npm start

Languages & tools

• NextJs

• Sanity

• React

• stripe

Code Formatter

• Add a .vscode directory
• Create a file settings.json inside .vscode
• Install Prettier - Code formatter in VSCode
• Add the following snippet:

    {
      "editor.formatOnSave": true,
      "prettier.singleQuote": true,
      "prettier.arrowParens": "avoid",
      "prettier.jsxSingleQuote": true,
      "prettier.trailingComma": "none",
      "javascript.preferences.quoteStyle": "single",
    }