📚 Technology Stack
Next.js (version 15.0.0-rc.1), React (version 19.0.0-rc), TypeScript, Tailwind CSS, Shopify (as the e-commerce backend), Vercel (for deployment), GraphQL (for Shopify API queries), Headless UI, Heroicons, Sonner (for toast notifications), Playwright (for testing)
📃 Overview
This project is an e-commerce website called "Page Daisy Commerce" built using Next.js and integrated with Shopify as the backend. It's a high-performance, modern web application that showcases various features of Next.js, including server-side rendering, static site generation, and API routes.
🚀 Key features of the project:
- Product listing and detail pages
- Shopping cart functionality
- Search and filtering capabilities
- Responsive design using Tailwind CSS
- SEO optimization with dynamic metadata
- Image optimization and lazy loading
- Server-side rendering for improved performance
- Internationalization support
- Dark mode support
- Optimistic UI updates for a smoother user experience
- The project demonstrates best practices in modern web development, including:
- Use of TypeScript for type safety
- Component-based architecture
- Server-side and client-side data fetching
- State management using React hooks and context
- Performance optimization techniques
- Accessibility considerations
- SEO best practices