Sounds of Morocco · label platform

01Starting point

Context & mission

02Execution

What I did

1. 1

   Decoupled architecture

   Next.js for the interface, Strapi for content, Supabase/PostgreSQL for data: three separate responsibilities that evolve independently.

2. 2

   Editorial front end

   Responsive interface with Next.js (App Router), TypeScript and Tailwind CSS, tuned for performance and media delivery.

3. 3

   Content and media

   Strapi for content, Cloudinary to manage visuals and serve them over a CDN, React Markdown to render text.

4. 4

   Inbound forms

   Demo submissions from artists and partnership requests, with validation and asynchronous processing.

5. 5

   Continuous delivery

   Deployed on Vercel and Railway, builds automated with GitHub Actions, then ongoing maintenance: SEO, performance, Strapi updates and new features.

03Design

Architecture

Next.js 14 (App Router, TypeScript, Tailwind CSS) for the interface, Strapi v5 as the headless CMS, Supabase/PostgreSQL for data, Cloudinary for media. Hosted on Vercel and Railway, CI/CD with GitHub Actions.

04The product

What it does

• The label’s catalogue, releases, news and merch.
• The label’s team publishes on its own through the CMS.
• Demo submission and partnership request forms.

05Impact

Results

• Platform live at soundsofmorocco.com.
• The label’s team manages its content independently through the CMS.
• Artists and partners reach the label through validated, secure forms.

06Wrap-up

Takeaways

What this project proves

That I can ship and run a real product for a real client: a live site, a team that owns its content, and maintenance that keeps going.

07Technology

Full stack

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