Sklep Ceramika MAKI

This is a fullstack hybrid (SSG + Client-side data fetching) e-commerce website for local shop producing handcrafted ceramic products.

• written from scratch with Next.js/ React (the website is almost fully static (SSG), except products available amount, which is Client-side data fetching to get the most current data),
• integrated with headless CMS/ database (Sanity)
  • where the owner/editor can store & edit products & website content,
  • where products are reserved during checkout & unreserved after checkout cancel or session expiration
• integrated with Stripe payments
  • built-in Stripe checkout,
  • blik, przelewy24 & card payments available,
  • integrated with Stripe webhook to notify if checkout session is expired & trigger unreserving products in database (Sanity)
• Bootswatch theme "lux" used
• deployed on Vercel (the website is serverless, so no need to have hosting set up & it's free)

Notable Features

• blik, przelewy24 & card payments available
• custom inventory management with products reservation & dealing with abandoned carts
• CMS (separate app) for the owner/editor to edit page info & manage products data

Tech Stack

• Next.js 13
• React 18
• Stripe 11
• Sanity
• React Bootstrap 2.6
• React Icons
• Bootstrap 5.2
• Bootswatch 5.2

WARNING

The e-commerce website is currently in test mode, what means, that it's fully functional (there are real products, you can add them to the cart & even order them), but you can order products only in test mode:

• here is an information, how to make a test payment using card
• here is an information, how to make a test payment using przelewy24
• here is an information, how to make a test payment using blik