Gatsby
Install and configure Gatsby.
Install shadcn/ui
Follow the shadcn/ui guide.
Run the CLI
Initialize Plate in your project using the CLI:
npx shadcx@latest init plate
Add components
You can now start adding components to components/plate-ui
:
npx shadcx@latest add -r plate
Register components
To add the components to your plugins, see Plugin Components.
Add editor (optional)
Choose your editor to get started (browse available editors).
npx shadcx@latest add plate/editor-basic
npx shadcx@latest add plate/editor-ai
This will add a page in app/editor
along with all necessary components in components/plate-ui
as a starting point.