Sanity vs Strapi

import { createClient } from '@sanity/client';

const client = createClient({
  projectId: process.env.NEXT_PUBLIC_SANITY_PROJECT_ID!,
  dataset: 'production',
  useCdn: true,
  apiVersion: '2024-01-01',
});

// Fetch posts with GROQ
const posts = await client.fetch(
  `*[_type == "post"] | order(publishedAt desc)[0...10] {
    _id,
    title,
    "slug": slug.current,
    publishedAt,
    "authorName": author->name
  }`
);

console.log(posts);

# 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>
  );
}