Tailwind Resources Logo Tailwind Resources
Wefootwear Store screenshot

Wefootwear Store

Author Avatar Theme by Mudzikalfahri
Updated: 3 Dec 2022
115 Stars

next js footwear store e-commerce

Github Live Preview

Categories

Nextjs React Firebase Ecommerce

Overview

The WEFootwear Store is a full-stack e-commerce website specifically designed for a footwear store. Built with Next.js, React, TailwindCSS, Strapi CMS, MongoDB, Stripe, Redux Toolkit, and deployed on Vercel, this project aims to provide an example online shop for footwear enthusiasts.

Features

  • Sign up and sign in authentication: Users can create an account and log in to access personalized features.
  • Incremental Static Regeneration on product page: The product pages are dynamically generated and updated to ensure accurate and up-to-date information.
  • Add or remove products from the basket or wishlist page: Users can manage their shopping cart and wishlist by easily adding or removing items.
  • Search products by category: Users can browse and search for specific footwear products based on different categories.
  • Live search product: Instant search functionality allows users to find products in real-time as they type their search queries.
  • Stripe for processing payments: Stripe integration enables secure and seamless payment processing during checkout.
  • Order page to display successful order: After completing a purchase, users are redirected to an order page that showcases the details of their successful order.

Installation

To install the WEFootwear Store theme, follow these steps:

  1. Clone the repository.
  2. Add a .env.local file to the root client directory.
  3. Run the necessary commands for each technology stack used (Next.js, React, TailwindCSS, Strapi CMS, MongoDB, Stripe, Redux Toolkit, Vercel).

Summary

The WEFootwear Store is a comprehensive e-commerce website that showcases the integration of various technologies to create a seamless shopping experience for footwear enthusiasts. With features like user authentication, dynamic product pages, intuitive cart and wishlist management, extensive search functionalities, secure payment processing, and order tracking, this project demonstrates the capabilities of modern web development frameworks and tools.