Page Builder

Install shadcnblocks sections and implement i18n for a page.

Workflow

1. Install Sections - Install only NEW sections
   • Check if component file exists in components/
   • If exists: Skip installation, reuse existing component, do it with prop-based consolidation with variant prop if needed
   • If new: Run pnpm dlx shadcn add @shadcnblocks/[section]
   • Never overwrite existing files
2. Create Page File - Create/update app/[locale]/[route]/page.tsx
3. Import Sections - Import all installed components
4. Arrange Sections - Place in order as specified
5. Extract Text - Find all hardcoded text in sections
6. Add to i18n - Add text to messages/de.json and messages/en.json
7. Replace with t() - Use useTranslations hook in components

Installing Sections