Stop Hardcoding "Legal Mentions" in Next.js 🇪🇺 (Open Source Component)

#nextjs #opensource #webdev #reklamof

The "Boring" Part of Building a SaaS

We all love building the product—the dashboards, the Stripe integration, the animations.

But if you are launching a company in Europe (specifically France, UK, or Switzerland), you hit a wall right before launch: Compliance.

You legally need a "Legal Mentions" (Mentions Légales) modal that displays:

Your Corporate ID (SIRET / VAT / CRN)
Hosting Provider details (Address + Contact)
Intellectual Property disclaimer

Most devs hardcode this into a or a static page. Then, when the office moves or the hosting changes, you have to hunt down the code.

The Solution: Data-Driven Compliance

I got tired of rewriting this for every client launch in Paris and London. So, I extracted it into a reusable Next.js Component that drives the legal text from a simple JSON file.

It’s open-source, and you can grab it today.

The Data Structure (legal-data.json)

Instead of hardcoding text, we define the entity. This supports i18n out of the box (switching between EN, FR, and RU context).

{
  "company": {
    "trade_name": "MY STARTUP",
    "legal_name": "My Startup Ltd",
    "siret": "993 637 xxx",
    "vat_number": "FR XX 993 637 750",
    "address": "59 rue de Ponthieu, 75008 Paris",
    "contact_email": "hello@mystartup.com"
  },
  "hosting": {
    "provider": "Vercel Inc.",
    "address": "340 S Lemon Ave, Walnut, CA 91789, USA"
  },
  "translations": {
    "en": { "publisher": "Website Publisher", "hosting": "Hosting Provider" },
    "fr": { "publisher": "Éditeur du Site", "hosting": "Hébergeur" }
  }
}

The Component

The component simply consumes this data. It handles the boring formatting (like making sure the SIRET number is readable) so you don't have to.

Features:

✅ Zero Dependencies: No heavy libraries, just React/Next.js. 
✅ Multilingual: Supports EN/FR/RU structure instantly.
✅ EU Compliant: Formatted specifically for French/UK regulations (Loi LCEN).

🔗 Get the Code

I’ve open-sourced the boilerplate on GitHub. Feel free to fork it, star it, or use it in your next freelance project.

👉 GitHub Repo: https://github.com/nestand/nextjs-legal-mentions-boilerplate

Why did I build this?

I help Global Founders (International entrepreneurs in London/Zurich/Paris) launch their tech stacks without getting bogged down in admin.

When you're starting a business, you should focus on customers, not formatting VAT numbers in a footer.