{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "installation-docs",
  "title": "Getting Started",
  "description": "Choose the right Plate installation path for your React project.",
  "files": [
    {
      "path": "../../content/docs/installation.mdx",
      "content": "---\ntitle: Getting Started\ndescription: Choose the right Plate installation path for your React project.\n---\n\nPlate has different setup paths for UI-first editors, headless React editors, server components, and backend processing. Start with Plate UI when you want a complete editor surface. Use the lower-level guides when you need to own the rendering, runtime environment, or server-only pipeline.\n\n## Choose a Path\n\n<Cards>\n  <Card\n    href=\"/docs/installation/plate-ui\"\n    title=\"Plate UI\"\n    description=\"Recommended. Install the shadcn-based editor UI, kits, and starter components.\"\n  />\n  <Card\n    href=\"/docs/installation/next\"\n    title=\"Next.js\"\n    description=\"Use Plate in a server-rendered React app.\"\n  />\n  <Card\n    href=\"/docs/installation/react\"\n    title=\"React\"\n    description=\"Use Plate in Vite, React Router, or another client-side React app.\"\n  />\n  <Card\n    href=\"/docs/installation/manual\"\n    title=\"Manual\"\n    description=\"Build a headless editor with direct package installs.\"\n  />\n</Cards>\n\n<Steps>\n\n### Install Plate UI\n\nUse Plate UI when you want the fastest working editor path.\n\n```bash\nnpx shadcn@latest add @plate/plate-ui\n```\n\n### Pick the Runtime Guide\n\nAfter Plate UI is installed, choose the runtime guide that matches your app:\n\n- [Next.js](/docs/installation/next) for server-rendered React apps.\n- [React](/docs/installation/react) for Vite, React Router, and other client-side apps.\n\n### Add Features\n\nUse feature kits when you want complete plugin + UI wiring. Use manual plugin docs when you want only the headless package behavior.\n\n</Steps>\n\n## Other Environments\n\n| Environment | Use it when | Guide |\n| --- | --- | --- |\n| Manual React | You do not want Plate UI or shadcn/ui. | [Manual Installation](/docs/installation/manual) |\n| React Server Components | You need static content generation or server-side editor processing without client-side interactivity. | [RSC](/docs/installation/rsc) |\n| Node.js | You need backend migration, validation, or serialization scripts. | [Node.js](/docs/installation/node) |\n\n<Callout type=\"note\">\n  Server-only environments use base package imports like `platejs` and `@platejs/basic-nodes`. Do not import from `/react` subpaths in RSC or Node.js.\n</Callout>\n\n## Next Steps\n\nOnce the editor runs, use these docs to customize it:\n\n- [Editor](/docs/editor) explains the editor instance.\n- [Plugin](/docs/plugin) explains plugin configuration.\n- [Plugin Components](/docs/plugin-components) explains node and mark rendering.\n- [Troubleshooting](/docs/troubleshooting) covers common setup issues.\n\nDone. You now have the right install path for your app surface.\n",
      "type": "registry:file",
      "target": "content/docs/plate/installation.mdx"
    }
  ],
  "type": "registry:file"
}