Strapi vs Contentful

# Install Strapi
npx create-strapi-app@latest my-project --quickstart

# Create content types
# 1. Go to Content-Types Builder
# 2. Create "Article" content type
# 3. Add fields: title, content, author, etc.

# Access content via API
GET /api/articles
POST /api/articles
{
  "data": {
    "title": "My Article",
    "content": "Article content...",
    "author": "John Doe"
  }
}

# Use in React
import { useEffect, useState } from 'react';

function Articles() {
  const [articles, setArticles] = useState([]);

  useEffect(() => {
    fetch('/api/articles')
      .then(res => res.json())
      .then(data => setArticles(data.data));
  }, []);

  return (
    <div>
      {articles.map(article => (
        <article key={article.id}>
          <h2>{article.attributes.title}</h2>
          <p>{article.attributes.content}</p>
        </article>
      ))}
    </div>
  );
}

import contentful from 'contentful';

const client = contentful.createClient({
  space: process.env.CONTENTFUL_SPACE_ID!,
  accessToken: process.env.CONTENTFUL_ACCESS_TOKEN!,
});

// Fetch all blog posts
const entries = await client.getEntries({
  content_type: 'blogPost',
  order: ['-sys.createdAt'],
  limit: 10,
});

entries.items.forEach(post => {
  console.log(post.fields.title, post.fields.slug);
});