e-commerce -موقع تجاره الكتروني

هي منصة تجارة االكترونية تم بناؤها باستخدام Next.js وتقنيات متقدمة لضمان أداء عالي وتجربة مستخدم سلسة.

المنصة تتميز بتصميم عصري باستخدام TailwindCSS ويدعم التحويل بين الوضع الليلي والنهاري.

كما أنها مدمجة مع Stripe لتسهيل الدفع الإلكتروني، وتوفر تجربة تصفح محسّنة باستخدام Carousel و Toast Notifications تفاعلية.

تم التركيز على كتابة كود نظيف وقابل لإعادة الاستخدام مع أفضل الممارسات لضمان الأداء والأمان.

️ Performance-Driven: Powered by Next.js with server-side rendering, ensuring blazing-fast performance and top-notch SEO optimization.

Advanced UI Components: Designed with TailwindCSS and shadcn UI, delivering a sleek, responsive, and user-friendly interface.

Effortless Theme Switching: Switch seamlessly between light and dark modes.

Stripe Integration: Seamlessly integrate payments with Stripe.

Optimized Carousel: Smooth product browsing with the React Slick Carousel.

Interactive Toaster Notifications: Enhanced user feedback with Sonner for beautiful toast messages.

Secure Routes: Best practices for route protection using middleware, with user data stored securely via universal-cookie.

Form Handling & Validation: Powered by React Hook Form and Zod for smooth input handling and validation.

️ State Management: Managed efficiently with Context API.

Behind the Scenes:

I focused on clean code and best practices:

Reusable components for maintainable and scalable code.

Following the DRY principle to avoid redundancy.

Lazy loading components with next/dynamic for enhanced performance and SEO.

Using next/script to minimize main-thread work.