🛒 E-commerce filtering system

Filtering System is a web application built with Next.js and TypeScript that allows to search and filter items dynamically and in real time. The project uses Tailwind CSS and ShadCN/UI for a modern and responsive design, and is integrated with Headless Wix as a backend to handle the data.

Front-end

• Next js
• Shadcn/ui
• TailwindCSS

Back-end

• TanStack Query

Installig

pnpm run install

Environment .env file

# in this case I used Wix Headless, but this project can be adapted to use any other service.
NEXT_WIX_SITE_ID=
NEXT_WIX_API_KEY=

Running app

pnpm run dev

---

This project is explained in the following posts: