integrations

Connects to your stack.

C for CMS is API-first — it works with any framework, language, or platform. Just fetch your content and build.

Next.js

Server-side rendering & static generation

React

Build dynamic user interfaces

Vue

Progressive JavaScript framework

Nuxt

Intuitive Vue framework

Svelte

Compile-time reactive framework

Astro

Content-focused static sites

React Native

Native mobile apps with React

Flutter

Beautiful native apps from one codebase

quick start

A few lines of code. That's it.

Fetch your content with a simple API call — just HTTP, no client library required.

Next.js — App Router
// app/blog/page.tsx
const res = await fetch(
  'https://api.cforcms.com/v1/my-project/blog-posts?populate=author',
  { headers: { 'X-API-Key': process.env.CFC_KEY! }, next: { revalidate: 60 } }
);
const { data: posts } = await res.json();

export default function Blog() {
  return posts.map(p => <article key={p.id}>{p.title}</article>);
}
React — Custom Hook
import { useEffect, useState } from 'react';

function usePosts() {
  const [posts, setPosts] = useState([]);
  useEffect(() => {
    fetch('https://api.cforcms.com/v1/my-project/blog-posts', {
      headers: { 'X-API-Key': import.meta.env.VITE_CFC_KEY },
    })
      .then(r => r.json())
      .then(d => setPosts(d.data));
  }, []);
  return posts;
}
Vue 3 — Composition API
<script setup>
const { data: posts } = await useFetch(
  'https://api.cforcms.com/v1/my-project/blog-posts',
  { headers: { 'X-API-Key': import.meta.env.VITE_CFC_KEY } }
);
</script>

<template>
  <article v-for="post in posts.data" :key="post.id">
    {{ post.title }}
  </article>
</template>
any platform

Don't see your framework?

C for CMS works with any language or platform that can make HTTP requests — use the REST API or the GraphQL endpoint.

Read the DocsStart for Free