Metinleri müşterileriniz düzenlesin.
Kodları ve tasarımı değil.

import React from 'react';
import { CopyPatchProvider, EditableText } from '@copypatch/react';

export function LandingPage() {
  return (
    <CopyPatchProvider locale="tr">
      <header>
        <EditableText contentKey="nav.brand" as="span">
          Acme Stüdyo
        </EditableText>
      </header>

      <main>
        <EditableText contentKey="hero.title" as="h1">
          Üretken ekipler için modern geliştirme araçları.
        </EditableText>
        
        <EditableText contentKey="hero.subtitle" as="p" allowLineBreaks={true}>
          Modern React projeleri için hızlı, erişilebilir ve kendi sunucunuzda çalışan sayfa içi metin düzenleme.
        </EditableText>
      </main>
    </CopyPatchProvider>
  );
}

// app/page.tsx (Next.js App Router Sunucu Bileşeni)
import { NextCopyPatchProvider, EditableText } from '@copypatch/next';
import { readPublishedSnapshot } from '@copypatch/next/server';
import { copypatch } from '@/lib/copypatch';

export default async function Page() {
  const locale = 'tr';
  const snapshot = await readPublishedSnapshot(copypatch, locale);

  return (
    <NextCopyPatchProvider
      locale={locale}
      initialSnapshot={snapshot}
    >
      <EditableText contentKey="hero.title" as="h1">
        Next.js ile Sunucuda Önceden Render Edilen Metin
      </EditableText>
    </NextCopyPatchProvider>
  );
}

# Gömülü yapılandırma ve SQLite rotası oluşturun
npx copypatch init --framework vite-node --storage sqlite

# Parola özetini üretin ve COPYPATCH_PASSPHRASE_HASH olarak saklayın
printf '%s' "$COPYPATCH_PASSPHRASE" | npx copypatch hash --stdin