āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā ā š shadcn/directory/udecode/plate/installation ā āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā
āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā
ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā
Plate offers multiple integration paths depending on your project needs and environment. Choose the approach that best matches your requirements.
Leverage Plate UI for a rich, pre-configured editor experience, especially if you're using or plan to use shadcn/ui.
<Steps>Begin by following the Plate UI Installation Guide. This guide covers installing core dependencies and setting up Plate UI components.
Once Plate UI is set up, choose the guide that matches your React application type:
For projects not using shadcn/ui, Tailwind CSS, or those requiring a framework-agnostic solution, follow the Manual Installation Guide for detailed instructions.
<Callout type="note"> You can always integrate Plate UI components into a manual setup later. </Callout>For leveraging Plate in React Server Components (RSC) for tasks like static content generation or server-side data processing without client-side interactivity.
Follow the RSC Guide for detailed instructions.
For using Plate in a Node.js environment for backend tasks such as data processing, content migration, or validation.
Follow the Node.js Guide for detailed instructions.
After setting up Plate, explore these resources to further customize and enhance your editor:
ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā
āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā