Francophone African municipal/commune websites are historically among the most neglected: 2010s design, no mobile, no accessibility, sparse useful info. Yet citizen expectations have changed. Here's the 2026 model of a digital city hall.

TL;DR

- 12 essential features: news, services, online applications, official agenda, budget transparency, etc.

- WCAG 2.2 AA accessibility mandatory.

- Multilingual min FR + local language (Wolof, Bambara, Lingala).

- Cost 12-25M XOF for clean project, 18-month cycle.

The 12 essential features

1. Citizen-oriented home page

• Central "What are you looking for?" search (passport, civil registry, urban planning...)
• 4-6 most-requested services in direct access
• Urgent news banner
• Mayor's agenda
• Useful numbers (police, fire, emergency)

2. Service directory

• Structured list by domain (civil registry, urban planning, education, social, etc.)
• Per service: description, hours, contact, downloadable forms, online booking if possible

3. Online applications

• Birth / marriage / death certificate
• Residence certificate
• Building permit
• Event authorization
• Patente / commercial registration

Standard workflow:

`

[Online citizen request] → [Admin validation] → [Wave/OM payment] → [Digitally signed document]

`

4. Mayor's agenda + city council

• Next session
• Agenda
• Downloadable accessible PDF minutes
• Optional live broadcast

5. Budget transparency

• Published annual budget
• Detail by chapter
• Open public tenders
• Execution reports

6. Local business / artisan directory

Valued municipal service: businesses, restaurants, artisans in commune business registry.

7. Interactive map

Commune map with:

• Public facilities
• Schools, clinics, markets
• Ongoing works
• Free wifi spots if available

8. News + citizen reporting

News feed + "Report a problem" form (broken streetlight, illegal dump, pothole).

9. Multilingual

FR + local language (Wolof in Dakar, Bambara in Bamako, Lingala in Brazzaville). See multilingual strategy →.

10. Accessibility WCAG 2.2 AA

See accessibility guide →.

11. Mobile-first + offline-first

70% of visits in mobile 3G. Test on Itel A57 or equivalent.

12. Newsletter + WhatsApp Broadcast

Direct communication with opted-in citizens.

Recommended technical stack

• [Frontend]: Next.js 14 + Tailwind + next-intl
• [CMS]: Strapi for editors (3-8 users)
• [DB]: PostgreSQL Neon
• [Hosting]: Cloudflare Pages frontend + Hetzner Frankfurt backend
• [Storage]: Cloudflare R2 for PDFs, photos
• [Email]: Brevo
• [Wave/OM payments]: for paid online procedures
• [Analytics]: GA4 + Plausible (GDPR-friendly)

URL architecture

• / home
• /services service directory
• /services/[domain]/[service] service detail with online application
• /news feed
• /news/[slug] article
• /agenda mayor's agenda
• /city-council sessions + minutes
• /budget budget transparency
• /businesses business directory
• /contacts elected + staff directory
• /report reporting form
• /legal-notices mandatory
• /accessibility RGAA statement
• /[wo|fr]/... multilingual

Online applications — birth certificate example

`tsx

'use client';

import { useState } from 'react';

export default function BirthCertificatePage() {

const [data, setData] = useState({

lastName: '', firstName: '', birthDate: '', birthPlace: '',

motherName: '', fatherName: '',

requesterEmail: '', requesterPhone: '',

deliveryMode: 'email',

});

async function submit() {

const res = await fetch('/api/requests/birth-certificate', {

method: 'POST',

body: JSON.stringify(data),

headers: { 'Content-Type': 'application/json' },

});

const { paymentUrl } = await res.json();

window.location.href = paymentUrl;

}

return (

);

}

`

Cost and standard timeline

Real case — Senegal commune

Profile: 28,000 inhabitants, 2-person comms team.

Social ROI: citizen service quality + counter de-saturation. Financial ROI: automation savings equivalent 1.5 FTE.

FAQ

Q: Open source or proprietary?

A: 100% open source. Strapi + Next.js + Postgres = sustainable stack. Source code transferred to commune (clause in public tender contract).

Q: Mandatory ADIE hosting?

A: For sensitive data (civil registry): recommended. For rest: Cloudflare/Hetzner OK with consultation.

Q: Post-delivery maintenance?

A: Annual contract 1.5-3M XOF per scope (security updates, minor evolutions, support).

Conclusion

A modern 2026 city hall site = major citizen tool. The 12 features presented are now table stakes. 18-25M XOF investment + 18-month cycle, but immediate impact on public service quality. The accumulated lag of most African communes = massive opportunity for those taking the topic seriously.