Quickstart

This guide will help you integrate Parallèle CMS with your website in just a few minutes.

Prerequisites

A Parallèle account with a workspace
An API key (generated in Settings > API)
A Next.js or any JavaScript-based website

Step 1: Get Your API Key

Log in to Parallèle
Go to Settings > API
Click Generate API Key

Step 2: Configure Environment

Create or update your .env.local file:

PARALLELE_API_KEY=prl_your_api_key_here

Step 3: Create a Helper

lib/parallele.ts

const API_URL = "https://parallele.ai";
 
export async function getContent(locale: string = "fr") {
  const res = await fetch(`${API_URL}/api/public/content?locale=${locale}`, {
    headers: { "x-api-key": process.env.PARALLELE_API_KEY! },
    next: { revalidate: 60 },
  });
  return res.json();
}

Step 4: Fetch Content

app/page.tsx

import { getContent } from "@/lib/parallele";
 
export default async function HomePage() {
  const content = await getContent("fr");
 
  return (
    <main>
      <h1>{content["hero.title"]}</h1>
      <p>{content["hero.subtitle"]}</p>
    </main>
  );
}

That's it! Your content is now coming from Parallèle CMS.

Quickstart

Quickstart

Prerequisites

Step 1: Get Your API Key

Step 2: Configure Environment

Step 3: Create a Helper

Step 4: Fetch Content

Next Steps

On this page