Современное веб-приложение с каталогом товаров, построенное на Next.js 16 с использованием App Router.
Live Demo: https://next-ecommerce-beta-virid.vercel.app
Для авторизации на сайте используйте:
- username: emilys
- password: emilyspass
- Каталог товаров: Просмотр списка товаров. Использован SSR для отображения актуальной информации и SEO-оптимизации динамических страниц
- Поиск и фильтрация: Поиск товаров по названию и категориям
- Индивидуальная страница товара: Детальная информация о товаре. Использован ISR для актуализации данных и быстрой первой загрузки
- Корзина (Zustand): Полнофункциональная корзина с сохранением состояния и управлением количеством товаров
- Адаптивный UI: Полностью адаптивный интерфейс с использованием Shadcn и Tailwind CSS 4
Проект использует современную feature-based архитектуру, адаптированную под App Router в Next.js
- Core:
Next.js 16 (App Router) + TypeScript - State Management:
Zustand - Data Fetching: модифицированный
fetchAPI Next.js 16 - Styling:
Tailwind CSS 4+Lucide React(иконки) - UI Components:
Shadcn UI
git clone https://github.com/OldPole/Next-Ecommerce.git
cd Next-Ecommercenpm installnpm run devnpm run build