This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
# Clone the repository
git clone https://github.com/yourusername/tech-store.git
# Navigate to project directory
cd tech-store
# Install dependencies
npm install
# or
yarn install
# or
pnpm install
# run project
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
Tech Store is a modern, responsive, and performance-optimized e-commerce platform built with Next.js 15, TypeScript, Tailwind CSS, and ShadCN UI.
It includes internationalization (i18n), a fully functional shopping cart, and optimized product image handling for faster load times.
-
Framework: Next.js 15
-
Testing: Playwright for end-to-end browser automation tests
-
Language: TypeScript
-
Styling: Tailwind CSS, ShadCN UI
-
Icons: Lucide React
-
Internationalization: next-intl
-
Image Optimization:
next/image -
State Management: React hooks for cart state (
useCart) -
Deployment: Vercel
- ⚡ Blazing Fast – Built with Next.js 15 and optimized for performance
- 📱 Fully Responsive – Works perfectly on desktop, tablet, and mobile
- 🌍 Multi-language Support – Internationalization powered by
next-intl - 🛍️ Shopping Cart – Add, remove, update quantities, and view cart summary
- 🖼️ Optimized Images – Using
next/imagefor better LCP and bandwidth usage - 🎨 Modern UI – Styled with Tailwind CSS and ShadCN UI components
- 🔍 Product Search – Easily find items with a search bar
- 📦 Product Categories – Browse by category
- ✨ Smooth Animations – Hover and transition effects for a sleek feel
- 🧪 E2E Testing – Playwright tests for critical shopping flows
