Tigmoo


A modern multi-vendor marketplace storefront built with Next.js 15 and TypeScript, delivering a performant, fully SEO-optimized shopping experience across products, shops, and digital downloads. It features multi-language support, smooth Framer Motion animations, real-time order tracking, OTP & social authentication, and seamless multi-gateway payment flows.
Key Features
- Marketplace Browsing: Full-featured product discovery with search, filtering by categories/tags/attributes/manufacturers/authors, sorting, and paginated listings — with dedicated shop profile pages and vendor follow/unfollow. With custom homepage design managed from the tigmoo admin
- Cart & Checkout: Multi-step checkout with Stripe card payments and Cgrate (543) support, coupon verification, address selection, delivery time picker, and order summary.
- Order Management: Order history with status tracking, tracking number lookup, downloadable invoices, refund request submission, and refund policy browsing.
- User Account: Profile management, address book, saved payment methods (cards), wishlist, digital product downloads with tokenized URLs, and change password flow.
- Affiliate Program: Dedicated affiliate landing page with application form, referral link generation, and commission activity tracking.
- Flash Deals & Promotions: Flash sale pages with real-time countdown timers, promotional banners, promo popups, and coupon application at checkout.
- Product Engagement: Customer reviews with star ratings, Q&A between buyers and sellers, abusive report flagging, and product feedback submission.
- Conversations & Messaging: Real-time buyer-seller conversation threads with message history and seen/read status.
- Authentication: OTP-based login/register via SMS, social OAuth login (Google/Facebook via NextAuth), email verification, password reset, and session management with secure cookies.
- Multi-Language & SEO: Full i18n with next-i18next and locale switching, next-seo for structured meta tags, and automated XML sitemap generation via next-sitemap.
- Google Maps Integration: Nearby shop discovery using the Google Maps API with location-aware shop cards.
- Analytics: Google Tag Manager and Meta Pixel integration for marketing event tracking and conversion attribution.
Technical Implementation
- Next.js 15 with Turbopack: File-system based routing with dynamic
[[...pages]]catch-all routes, Turbopack for fast HMR in development, andnext buildwith static optimization and image sharpening viasharp. - State Management: Jotai for lightweight atomic global state (cart, auth, UI flags) combined with
little-state-machinefor persistent multi-step form state across the checkout and affiliate application flows. - Server State & Data Fetching: React Query 3 for all API interactions — providing caching, background refetching, optimistic updates, and loading/error state management across all pages.
- Form Handling: React Hook Form with Yup schema validation powers all forms (auth, checkout, profile, refunds, reviews, Q&A) — providing uncontrolled inputs, field-level errors, and minimal re-renders.
- Styling System: Tailwind CSS 3 with
@tailwindcss/formsand@tailwindcss/typographyplugins,tailwind-mergefor conditional class composition, andclassnamesfor dynamic class logic. - Animations: Framer Motion 10 for page transitions, modal/drawer enter-exit animations, flash sale countdowns, and product card micro-interactions.
- Security:
sanitize-htmlprevents XSS on all user-generated content rendered in the DOM;mews/purifieris enforced on the API layer. Axios instances use interceptors for CSRF token injection and 401 handling. - Code Quality: TypeScript 5.6 strict mode, ESLint with
eslint-config-nextand Prettier, enforced pre-commit via Husky + lint-staged running both lint --fix and format on staged files.
Integrations
StripeCGrate (543)Google MapsGoogle Tag ManagerMeta PixelGoogle OAuthBrevoAfrica TalkingTwilio