Sklep Ceramika MAKI


Fullstack hybrid (SSG + Client-side data fetching) e-commerce website for local shop producing handcrafted ceramic products with Stripe payments & Sanity headless CMS integrated.

Tech Stack

Next.js

React

Stripe

Bootstrap

CSS

Vercel

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: