ALL PROJECTSCASE STUDY 06 / 09
COMMUNITY · CMS

Ghanaian Support Network

A full-stack website and custom CMS for a UK community interest company supporting Ghanaians and Black and ethnic minority communities, with every page editable in-house and a live preview, so a small team can keep the site current without a developer.

CLIENT
Ghanaian Support Network CIC
CATEGORY
Community · cms
STACK
Next.js, TypeScript, Tailwind CSS, Prisma, PostgreSQL, Cloudflare R2, Turborepo
YEAR
2026
Ghanaian Support Network website screenshot
01

Overview

A full-stack website and custom CMS for a UK community interest company supporting Ghanaians and Black and ethnic minority communities, with every page editable in-house and a live preview, so a small team can keep the site current without a developer.

02

Challenge

The Ghanaian Support Network is a UK community interest company supporting Ghanaians and Black and ethnic minority communities through advice, education, wellbeing, and practical support. An organisation like this lives or dies on looking active: funders, partners, and the people who actually need the help all judge it by whether the programme listed on the site is running this month or finished last year. But a small charity has no developer on call, so on a static site every event date, gallery photo, and partner logo becomes a request someone has to make and then wait for — and in practice the site quietly freezes while the work carries on without it.

03

Approach

So the website ships with its own CMS, built on the same model the commercial headless platforms use: single types for the pages that exist exactly once — Home, About, Programs, Get Involved, Contact — and collection types for everything that recurs, including hero slides, programs and events, articles, gallery images, partners, team members, involvement ways, and testimonials. Each page is edited section by section through structured fields rather than a wall of markup — an eyebrow, a heading, a rich-text body, an image — and a live preview renders the result beside the editor, so a coordinator can see exactly what a visitor will see before anything is published. Nobody needs to understand the layout to change a headline.

04

Key features

  1. 01Single and collection content types
  2. 02Section-by-section structured editing
  3. 03Live preview beside the editor
  4. 04Media storage on Cloudflare R2
05

Technical decisions

It runs as a Turborepo monorepo with two Next.js applications, the public site and the admin dashboard, over one typed Prisma schema on PostgreSQL, with media offloaded to Cloudflare R2.

06

Results & lessons

The charity owns its own website, and I am not a bottleneck in the middle of it.

SCREENS & DETAILS

Ghanaian Support Network screen 1
Ghanaian Support Network screen 2
Ghanaian Support Network screen 3
Ghanaian Support Network screen 4
Ghanaian Support Network screen 5
NEXT PROJECT →HDF Ghana