Next.js e-commerce and API integration
Tanger StyloThe storefront and the operations behind it.
A Next.js storefront and backoffice integrated with a Laravel API for a complete commerce workflow.
Frontend development, architecture design, Laravel API integration, dashboard development and commerce/inventory workflows.
Public website captureA look at the public Tanger Stylo experience.
01 / WHY THIS PROJECT
The problem worth solving.
Tanger Stylo needed a customer-facing storefront and internal operational management. Shopping workflows had to connect with product, inventory, order and customer management. The work required consistent interfaces across the customer experience and the backoffice, with a shared backend supporting both applications.
02 / THE APPROACH
From requirements to a working product.
I developed the storefront and backoffice interfaces using Next.js, TypeScript, Tailwind CSS and Redux, integrated with a Laravel REST API and MySQL. The storefront covers catalog, cart, checkout, wishlist and order history. Backoffice workflows cover products, stock, orders, customers, reporting and discounts.
The complete shopping journey
Catalog, product details, cart, checkout, wishlist, account and order history work together in the storefront.
Operations behind the storefront
The backoffice connects product, inventory, order, customer and discount management to the Laravel API.
A shared integration layer
Typed application state, authentication and multilingual support connect the customer and operational experiences.
03 / THE OUTCOME
What the work delivered.
Delivered connected storefront and backoffice experiences, including authentication, multilingual interfaces and shared API integrations. Commercial impact is not quantified in the source materials.
04 / IN THE PRODUCT
A closer look.
Original screens from the project.
