Sounds of Morocco · plateforme d’un label

01Le point de départ

Contexte & mission

02Réalisation

Ce que j’ai fait

1. 1

   Architecture découplée

   Next.js pour l’interface, Strapi pour le contenu, Supabase/PostgreSQL pour les données : trois responsabilités séparées, qui évoluent indépendamment.

2. 2

   Front-end éditorial

   Interface responsive avec Next.js (App Router), TypeScript et Tailwind CSS, optimisée pour la performance et les médias.

3. 3

   Contenus et médias

   Strapi pour les contenus, Cloudinary pour gérer les visuels et les servir via CDN, React Markdown pour le rendu des textes.

4. 4

   Formulaires entrants

   Envoi de démos par les artistes et demandes de partenariat, avec validation et traitement asynchrone.

5. 5

   Livraison continue

   Déploiement sur Vercel et Railway, builds automatisés avec GitHub Actions, puis maintenance évolutive : SEO, performances, mises à jour de Strapi et nouvelles fonctionnalités.

03Conception

Architecture

Next.js 14 (App Router, TypeScript, Tailwind CSS) pour l’interface, Strapi v5 comme CMS headless, Supabase/PostgreSQL pour les données, Cloudinary pour les médias. Hébergement sur Vercel et Railway, CI/CD avec GitHub Actions.

04Le produit

Ce que le projet permet

• Catalogue, sorties, actualités et merch du label.
• L’équipe du label publie elle-même via le CMS.
• Formulaires d’envoi de démos et de demandes de partenariat.

05Impact

Résultats

• Plateforme en production sur soundsofmorocco.com.
• L’équipe du label gère ses contenus en autonomie via le CMS.
• Artistes et partenaires passent par des formulaires validés et sécurisés.

06Bilan

Ce que j’en retiens

Ce que ce projet démontre

Que je sais livrer et faire vivre un produit réel pour un vrai client : un site en production, une équipe autonome sur son contenu, et une maintenance qui continue.

07Technologies

Stack complète

• Next.js 14
• TypeScript
• Tailwind CSS
• Strapi 5
• Supabase
• PostgreSQL
• Cloudinary
• React Markdown
• Vercel
• Railway
• GitHub Actions