Website for Polish e-commerce specialized in tincture making kits.
The entire site is built on next.js 14 Data is stored in MongoDB, and payments are handled through Stripe Payments.
More detailed description:
-
The Shopping Cart is made with a React context provider, serving as a client-side component that displays information about cart items based on data retrieved from a database.
-
Payments are handled via custom logic written based on the stripe.com/api/documentation. Essentially, a new checkout.session created each time when a client clicks 'Pay' button in the shopping cart.
-
All the data about the products is retrieved from MongoDB.
-
Form validations are handled with React-Hook-Form and Zod.
-
Dynamic rendering for each product and dynamic SEO description based on the data retrieved from the MongoDB.
-
Human-readable, self - healing URLS. (Thanks to the https://mikebifulco.com/posts/self-healing-urls-nextjs-seo)
If you write the wrong url - it is not a problem: Wrong url example: https://kupaz.xyz/smaki/irisXh-2 - it will redirect you to the https://kupaz.xyz/smaki/irish-2
-
Filtering functionality for products The data from the dropdown is "reactive" to the url params Animations made with framer - motion Swiper.js for photos 29.03.2024 Update: Connected Contentfull to manage Blog posts.