Can I vibe code Hygraph?

Build a lightweight custom headless CMS engine using Next.js App Router, TypeScript, Tailwind CSS, PostgreSQL, and Drizzle ORM to manage dynamic e-commerce content.

1. DATA MODEL
- Create a flexible JSON-schema driven table structure:
  - content_models: id, system_name, display_name, fields (JSONB storing field types, validation rules, localized boolean).
  - content_entries: id, model_id, status (draft/published), data (JSONB key-value per field), locale (string), version (integer), created_at, updated_at.
  - media_assets: id, filename, url, mime_type, size, alt_text.

2. DYNAMIC API & GRAPHQL GENERATOR
- Implement a dynamic REST engine at `/api/v1/content/[modelName]` that accepts parameters for filtering, sorting, pagination, and locale fallback.
- Build a GraphQL route using `@apollo/server` or `graphql-js` that dynamically inspects `content_models` at startup and builds GraphQL Object Types with nested relation resolvers.
- Handle draft vs. published state via API request headers (`X-Include-Drafts: true`).

3. ADMIN UI
- Build a schema designer UI allowing non-technical users to add models and fields (Text, RichText, Number, Boolean, Media, Component/JSON, Reference).
- Build a visual Content Editor with dynamic form fields based on the model's schema definitions.
- Add a Media Manager modal for uploading assets directly to S3 or Cloudflare R2 bucket with instant image preview URL insertion.

4. FAILURE MODES & PERFORMANCE
- Prevent N+1 query execution on relational queries by using DataLoader for node resolution.
- Sanitize incoming JSONB field data against the dynamic validation schema before saving entries.
- Implement atomic database transactions when updating parent-child component references.

5. OUT OF SCOPE
- Remote API Content Federation, edge image resizing proxy, enterprise SSO integrations.

$ each button prefixes agent-specific run instructions · build your own product, never copy proprietary code, trademarks or designs