Cosmetics
Project 03

Cosmetics

Boutique e-commerce beauté avec commande sans compte et paiement à la livraison

E-commerceWeb AppAdmin DashboardDevOps
Cosmetics interface

Tech Stack

Next.jsReactTypeScriptExpress.jsPrismaPostgreSQLDockerTraefikGitHub Actions

The Challenge

Vendre des cosmétiques en ligne au Maroc impose des contraintes différentes d'un e-commerce européen : les clients ne veulent pas créer de compte, le paiement se fait majoritairement à la livraison et la confirmation passe par WhatsApp. Il fallait une boutique rapide et simple, un back-office réel pour gérer le stock et les commandes, et un hébergement économique que je maîtrise.

The Solution

Une architecture en trois services : storefront Next.js optimisé SEO, dashboard admin Next.js, API Express/Prisma. Commande invité en quelques étapes, paiement à la livraison, notification WhatsApp automatique et emails. Chaque service est une image Docker construite par GitHub Actions et déployée sur mon VPS derrière Traefik, avec une base PostgreSQL partagée et des certificats Let's Encrypt automatiques.

Key Features

01

Boutique Next.js

Catalogue, catégories, fiches produit, avis clients, panier

02

Checkout invité

Commande sans compte, paiement à la livraison

03

Confirmation WhatsApp

Notification automatique de commande au client et au vendeur

04

Dashboard admin

Produits, commandes, avis, paramètres et statistiques

05

API Express + Prisma

REST API typée sur PostgreSQL, uploads d'images

06

Déploiement conteneurisé

3 images GHCR, Traefik, TLS automatique, CI GitHub Actions