fullstack
Production & Active

Artisa Gallery

Modern art gallery & luxury handcrafts e-commerce platform built with Next.js 16 App Router, custom admin panel, and dynamic order workflows.

Artisa Gallery Showcase

Overview

Artisa is a high-performance web platform designed for an online art gallery and luxury handcrafts marketplace. Built with Next.js 16 (App Router), React 19, TypeScript, and Tailwind CSS v4, Artisa offers a rich user experience with dual-language i18n support, persistent client-side shopping cart, Google OAuth 2.0 SSO, and a comprehensive Admin Control Panel for full inventory, order, and review moderation workflows.

Key Benchmark:

99+ Google Lighthouse score across Performance, SEO, and Accessibility

Key Engineering Features

Multi-criteria product catalog with advanced search, category filters, and live sorting
Interactive shopping cart with persistent client-side state and real-time checkout calculations
Dedicated Admin Control Panel (/app/(admin)) for inventory CRUD, order tracking, and review moderation
Full authentication workflow including Google OAuth 2.0 and secure HttpOnly cookie management
Comprehensive dual-language internationalization (Persian/English) with instant RTL/LTR switching
Blazing-fast Next.js Server Components with sub-second initial load times across all routes

Key Technical Challenges & Solutions

1Fast catalog rendering with high-resolution artwork imagery

Implemented Next.js Image optimization pipeline with AVIF/WebP generation and aggressive edge caching.

2Cart state synchronization between SSR and client without hydration mismatch

Engineered an isolated cart context with resilient localStorage persistence and deferred hydration hooks.

Project Specifications

Category
fullstack
Engineering Role
Lead Frontend Engineer
Status
Production & Active

Technical Architecture & Stack

Core Framework
Next.js 16.2 App Router
React 19.2
TypeScript 5.x
Styling & UI
Tailwind CSS v4
Lucide React
Sonner Toasts
PostCSS
State & Forms
TanStack Query v5
React Hook Form
Zod
Context API
Auth & Networking
@react-oauth/google
Axios
HttpOnly Auth Cookies