Skip to content

OtaraAlex/ecommerce

Repository files navigation

eCommerce

This is a fully responsive Modern Full Stack Ecommerce application with;

  • payments functionality,
  • modern design,
  • animations,
  • the ability to add and edit products on the go using a Content Management System (CMS),
  • all advanced cart functionalities,
  • and most importantly, the complete integration with Stripe so that you can cover REAL payments.

Header

Products

footer

Select product

You may like

Add to cart

I applied;

  • 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 learnt how to use Next.js as a backend endpoint.

This app is integrated with Stripe to manage payments, products, shipping rates, and the entire checkout process

stripe

Success

I used Sanity, a CMS, to manage the entire content of my app.

sanity_ecommerce – Desk

Through Sanity, one is 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 one to focus on developing the application without having to worry about the content, file storage, and databases. They’ll cover the 'dirty' work for you and allow you to build scalable and modern e-commerce web applications extremely easily.