[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-webflow-webflow-mcpcms-best-practices":3,"mdc-uvre7v-key":37,"related-repo-webflow-webflow-mcpcms-best-practices":7353,"related-org-webflow-webflow-mcpcms-best-practices":7472},{"slug":4,"name":5,"fn":6,"description":7,"org":8,"tags":12,"stars":24,"repoUrl":25,"updatedAt":26,"license":27,"forks":28,"topics":29,"repo":32,"sourceUrl":35,"mdContent":36},"webflow-mcpcms-best-practices","webflow-mcp:cms-best-practices","architect Webflow CMS collections","Expert guidance on Webflow CMS architecture and best practices. Use when planning collections, setting up relationships, optimizing content structure, or troubleshooting CMS issues.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},"webflow","Webflow","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fwebflow.png",[13,17,20,23],{"name":14,"slug":15,"type":16},"Architecture","architecture","tag",{"name":18,"slug":19,"type":16},"Content Strategy","content-strategy",{"name":21,"slug":22,"type":16},"CMS","cms",{"name":10,"slug":9,"type":16},107,"https:\u002F\u002Fgithub.com\u002Fwebflow\u002Fwebflow-skills","2026-04-06T18:57:12.763563",null,17,[30,31],"agent","skills",{"repoUrl":25,"stars":24,"forks":28,"topics":33,"description":34},[30,31],"Official Webflow Agent Skills","https:\u002F\u002Fgithub.com\u002Fwebflow\u002Fwebflow-skills\u002Ftree\u002FHEAD\u002Fplugins\u002Fwebflow-skills\u002Fskills\u002Fcms-best-practices","---\nname: webflow-mcp:cms-best-practices\ndescription: Expert guidance on Webflow CMS architecture and best practices. Use when planning collections, setting up relationships, optimizing content structure, or troubleshooting CMS issues.\n---\n\n# CMS Best Practices\n\nProvide expert guidance on Webflow CMS architecture, relationships, optimization, and troubleshooting.\n\n## Important Note\n\n**ALWAYS use Webflow MCP tools for all operations:**\n- Use Webflow MCP's `webflow_guide_tool` to get best practices before starting\n- Use Webflow MCP's `data_sites_tool` with action `list_sites` to identify available sites\n- Use Webflow MCP's `data_sites_tool` with action `get_site` to retrieve site details and plan limits\n- Use Webflow MCP's `data_cms_tool` with action `get_collection_list` to analyze existing collections\n- Use Webflow MCP's `data_cms_tool` with action `get_collection_details` to examine collection schemas\n- Use Webflow MCP's `data_cms_tool` with action `list_collection_items` to assess content volume\n- Use Webflow MCP's `data_pages_tool` with action `list_pages` to understand page structure\n- Use Webflow MCP's `ask_webflow_ai` for specific API questions\n- DO NOT use any other tools or methods for Webflow operations\n- All tool calls must include the required `context` parameter (15-25 words, third-person perspective)\n\n## Instructions\n\n### Phase 1: Discovery & Analysis\n1. **Identify the request**: Determine if user is:\n   - Planning new CMS structure\n   - Optimizing existing collections\n   - Troubleshooting performance issues\n   - Setting up relationships\n   - Seeking architecture guidance\n2. **Get site information**: Use Webflow MCP's `data_sites_tool` with actions `list_sites` and `get_site` to understand plan limits\n3. **Analyze existing structure**: Use Webflow MCP's `data_cms_tool` with actions `get_collection_list` and `get_collection_details` to examine current setup\n4. **Assess content volume**: Use Webflow MCP's `data_cms_tool` with action `list_collection_items` to understand scale\n5. **Review pages**: Use Webflow MCP's `data_pages_tool` with action `list_pages` to see how content is displayed\n\n### Phase 2: Requirements Gathering\n6. **Understand use case**: Ask clarifying questions:\n   - What content needs to be managed?\n   - Who will update the content?\n   - How will content be displayed?\n   - What relationships are needed?\n   - Expected content volume?\n7. **Identify constraints**: Consider plan limits, technical constraints, team skills\n8. **Define success criteria**: Performance goals, editorial workflow, scalability needs\n\n### Phase 3: Architecture Planning\n9. **Design collection structure**: Plan collections, fields, and relationships\n10. **Select field types**: Choose appropriate field types for each content element\n11. **Plan relationships**: Design one-to-many and many-to-many connections\n12. **Consider taxonomy**: Determine categories, tags, and organizational structure\n13. **Plan for scale**: Design for growth (pagination, performance, limits)\n14. **Document decisions**: Explain tradeoffs and reasoning\n\n### Phase 4: Recommendations & Validation\n15. **Generate recommendations**: Provide specific, actionable guidance\n16. **Prioritize changes**: Organize by impact (quick wins vs. long-term)\n17. **Explain tradeoffs**: Help users understand limitations and workarounds\n18. **Validate against best practices**: Check against Webflow limitations and patterns\n19. **Provide alternatives**: Offer multiple approaches when applicable\n20. **Create implementation roadmap**: Break down into phases\n\n### Phase 5: Implementation Guidance\n21. **Provide step-by-step instructions**: Clear guidance for implementation\n22. **Offer to assist**: Suggest using other skills (cms-collection-setup, bulk-cms-update)\n23. **Document structure**: Recommend documentation for team reference\n24. **Suggest testing approach**: Guide on how to validate changes\n25. **Plan for migration**: If refactoring, provide migration strategy\n\n## Collection Architecture\n\n### When to Use CMS vs Static\n\n**Use CMS when:**\n- Content updates frequently (weekly or more)\n- Multiple similar items (blog posts, products, team members, projects)\n- Non-technical users need to edit content\n- Content needs filtering\u002Fsorting on the frontend\n- Same content appears on multiple pages (author bios, product features)\n- Content follows a consistent structure across items\n- You need to dynamically generate pages\n\n**Use Static when:**\n- Content rarely changes (annual updates or less)\n- Unique one-off sections (about page hero, homepage special features)\n- Complex custom layouts per item that don't follow patterns\n- No need for dynamic filtering or search\n- Content is highly customized and doesn't share structure\n- Performance is critical and content doesn't change\n- You need complete design flexibility per section\n\n**Hybrid Approach:**\n- Static pages with CMS-driven sections (e.g., static homepage with CMS testimonials)\n- CMS for recent content, static archives for old content\n- Static landing pages, CMS for subpages\n\n### Field Type Selection\n\n| Content Type | Recommended Field | Notes | Character Limits |\n|--------------|-------------------|-------|------------------|\n| Short text | Plain Text | Titles, names, slugs | Max 256 chars |\n| Long text (no formatting) | Plain Text (long) | Descriptions, excerpts | Unlimited |\n| Formatted content | Rich Text | Blog content, bios, articles | Unlimited |\n| Single image | Image | Photos, thumbnails, headers | 4MB max per image |\n| Multiple images | Multi-image | Galleries, product photos | Up to 25 images |\n| File downloads | File | PDFs, documents, downloads | 4MB max per file |\n| Yes\u002FNo values | Switch | Featured flags, visibility toggles | Boolean |\n| Single choice | Option | Status, type, category | Unlimited options |\n| Date\u002Ftime | Date\u002FTime | Publish dates, events, deadlines | ISO 8601 format |\n| Link to one item | Reference | Author → Post, Category → Post | One item |\n| Link to multiple items | Multi-reference | Post → Tags, Post → Related Posts | Multiple items |\n| External URL | Link | Social links, external resources | Max 2048 chars |\n| Numeric values | Number | Prices, ratings, order, counts | Integer or decimal |\n| Phone numbers | Phone | Contact numbers | E.164 format |\n| Email addresses | Email | Contact emails | Valid email format |\n| Color values | Color | Theme colors, accents, brand colors | Hex format |\n| Video embeds | Video | YouTube, Vimeo embeds | Embed URL |\n\n### Field Type Decision Tree\n\n```\nNeed to store:\n├── Text?\n│   ├── Short (≤256 chars)? → Plain Text\n│   ├── Long + Formatting? → Rich Text\n│   └── Long + No Formatting? → Plain Text (long)\n├── Media?\n│   ├── Single image? → Image\n│   ├── Multiple images? → Multi-image\n│   ├── Video? → Video\n│   └── File download? → File\n├── Choice\u002FSelection?\n│   ├── Yes\u002FNo? → Switch\n│   ├── One option? → Option\n│   └── Link to item? → Reference\u002FMulti-reference\n├── Structured data?\n│   ├── Number? → Number\n│   ├── Date\u002FTime? → Date\u002FTime\n│   ├── Phone? → Phone\n│   ├── Email? → Email\n│   └── URL? → Link\n└── Visual?\n    └── Color? → Color\n```\n\n## Relationship Patterns\n\n### One-to-Many (Reference Field)\n\n**Example:** Posts → Author\n```\nAuthors Collection:\n├── name (Text, required)\n├── slug (Text, required)\n├── bio (Rich Text)\n├── photo (Image)\n├── title (Text) - job title\n├── email (Email)\n└── social-links (Link)\n\nPosts Collection:\n├── title (Text, required)\n├── slug (Text, required)\n├── content (Rich Text)\n└── author (Reference → Authors)  ← Each post has ONE author\n```\n\n**Display:** On post page, access `author.name`, `author.photo`, `author.bio`\n\n**Filtering:** Can filter posts by specific author\n\n**Advantages:**\n- ✅ Centralized author data (update once, reflects everywhere)\n- ✅ Easy to maintain consistency\n- ✅ Can create author profile pages showing all their posts\n- ✅ Efficient (one reference per post)\n\n**Use cases:**\n- Blog posts → Author\n- Products → Brand\n- Events → Venue\n- Projects → Client\n- Testimonials → Customer\n\n### Many-to-Many (Multi-Reference)\n\n**Example:** Posts ↔ Tags\n```\nTags Collection:\n├── name (Text, required)\n├── slug (Text, required)\n├── description (Plain Text)\n└── color (Color) - optional visual grouping\n\nPosts Collection:\n├── title (Text, required)\n├── slug (Text, required)\n├── content (Rich Text)\n└── tags (Multi-Reference → Tags)  ← Each post has MANY tags\n```\n\n**Display:** On post page, loop through `tags` to show all tags\n\n**Filtering:** Can filter posts by specific tag\n\n**Advantages:**\n- ✅ Flexible content organization\n- ✅ Cross-linking related content\n- ✅ Better SEO (topic clustering)\n- ✅ Enhanced user navigation\n\n**Limitations:**\n- ⚠️ Max 5 multi-reference fields per collection\n- ⚠️ Can only filter by ONE multi-reference value at a time in collection lists\n- ⚠️ Cannot sort by referenced field values\n- ⚠️ Each reference = additional query (impacts performance)\n\n**Workarounds for multiple tag filtering:**\n1. Create combined tags (e.g., \"vegan-gluten-free\")\n2. Use Finsweet CMS Filter for client-side filtering\n3. Create separate filtered collection lists for common combinations\n4. Use custom code with Webflow API\n\n**Use cases:**\n- Blog posts ↔ Tags\n- Products ↔ Features\n- Projects ↔ Technologies\n- Recipes ↔ Ingredients\n- Courses ↔ Topics\n\n### Self-Reference (Nested Collections)\n\n**Example:** Categories with subcategories\n```\nCategories Collection:\n├── name (Text, required)\n├── slug (Text, required)\n├── description (Plain Text)\n├── parent (Reference → Categories)  ← Self-reference for hierarchy\n└── level (Number) - 1, 2, 3 for display logic\n```\n\n**Use cases:**\n- Categories with subcategories\n- Menu items with sub-menu items\n- Organizational hierarchy\n- Product taxonomy\n\n**Advantages:**\n- ✅ Flexible hierarchy\n- ✅ Unlimited depth (theoretically)\n- ✅ Easy to reorganize\n\n**Limitations:**\n- ⚠️ Complex to display nested levels in Webflow\n- ⚠️ Max 2-3 levels recommended for practical implementation\n- ⚠️ Requires custom logic for deep nesting\n\n**Alternative:** Use Option field for simple 1-2 level categorization\n\n### Bidirectional Relationships\n\n**Example:** Related Posts\n```\nPosts Collection:\n├── title (Text, required)\n├── slug (Text, required)\n├── content (Rich Text)\n└── related-posts (Multi-Reference → Posts)  ← Self-reference to other posts\n```\n\n**Display:** Show related posts at bottom of post page\n\n**Advantages:**\n- ✅ Keeps users engaged longer\n- ✅ Better SEO (internal linking)\n- ✅ Flexible content connections\n\n**Challenges:**\n- ⚠️ Not truly bidirectional (A → B doesn't automatically create B → A)\n- ⚠️ Must manually maintain both directions if needed\n- ⚠️ Can be time-consuming for content editors\n\n**Solutions:**\n1. Use tags for automatic \"related by tag\" logic\n2. Manual curation for most important connections\n3. Hybrid: Manual + automated based on tags\u002Fcategory\n\n## Examples\n\n### Example 1: Planning New CMS Structure\n\n**User prompt:**\n```\nI'm building a recipe site. How should I structure the CMS?\n```\n\n**Step 1: Requirements Gathering**\n```\n📐 CMS Planning: Recipe Site\n\nLet me ask a few questions to design the best structure:\n\n1. **Content Volume**: How many recipes do you plan to have?\n   - Small (≤50): Simple structure\n   - Medium (50-200): Moderate organization\n   - Large (200+): Advanced taxonomy needed\n\n2. **Recipe Attributes**: What information will each recipe have?\n   - Basic: Name, ingredients, instructions, image\n   - Advanced: Prep time, cook time, difficulty, nutrition, dietary tags\n\n3. **Organization Needs**: How will users find recipes?\n   - By meal type (breakfast, lunch, dinner)\n   - By cuisine (Italian, Mexican, Asian)\n   - By dietary restrictions (vegan, gluten-free, keto)\n   - By cooking method (baking, grilling, slow cooker)\n   - By ingredients (chicken, pasta, vegetables)\n\n4. **Author Setup**: Single or multiple authors?\n   - Single: You manage all content\n   - Multiple: Team of recipe creators\n\n5. **User Engagement**: What interactive features?\n   - Comments\u002Freviews\n   - Ratings\n   - Save favorites\n   - Print recipe cards\n\nBased on your answers, I'll design the optimal CMS architecture.\n```\n\n**Step 2: After User Responds**\n```\n📐 Recommended CMS Architecture: Recipe Site\n\nBased on your requirements (Medium volume, Multiple authors, Advanced filtering):\n\n---\n\n## Collections Needed: 4\n\n### 1. Recipes (Main Content)\n├── name (Text, required) - \"Homemade Pasta Carbonara\"\n├── slug (Text, required) - \"homemade-pasta-carbonara\"\n├── description (Plain Text, 160 chars) - Brief summary for SEO\n├── featured-image (Image) - Hero image for detail page\n├── thumbnail-image (Image) - Smaller image for grid cards\n├── prep-time (Number, required) - Minutes of prep\n├── cook-time (Number, required) - Minutes of cooking\n├── total-time (Number) - Auto-calculated or manual\n├── servings (Number, required) - Number of servings\n├── difficulty (Option: Easy, Medium, Hard)\n├── ingredients (Rich Text, required) - Ingredient list with quantities\n├── instructions (Rich Text, required) - Step-by-step directions\n├── notes (Rich Text) - Cook's notes, tips, substitutions\n├── nutrition-info (Plain Text) - Calories, protein, etc.\n├── author (Reference → Authors, required)\n├── category (Reference → Categories, required) - Primary meal type\n├── cuisine (Reference → Cuisines) - Italian, Mexican, etc.\n├── dietary-tags (Multi-Reference → Dietary Tags) - Vegan, GF, etc.\n├── cooking-methods (Multi-Reference → Methods) - Baking, Grilling, etc.\n├── featured (Switch) - Highlight on homepage\n├── published-date (Date, required)\n└── view-count (Number) - Track popularity\n\n**Total fields:** 22 fields\n**Plan required:** CMS plan minimum (20 collections, 2000 items)\n\n### 2. Authors\n├── name (Text, required)\n├── slug (Text, required)\n├── title (Text) - \"Head Chef\", \"Recipe Developer\"\n├── bio (Rich Text)\n├── photo (Image)\n├── specialty (Plain Text) - \"Italian Cuisine\", \"Baking\"\n├── social-instagram (Link)\n├── social-website (Link)\n└── email (Email)\n\n**Purpose:** Reusable author information across all recipes\n\n### 3. Categories\n├── name (Text, required) - \"Breakfast\", \"Lunch\", \"Dinner\", \"Desserts\"\n├── slug (Text, required)\n├── description (Plain Text)\n├── image (Image) - Category hero image\n├── color (Color) - Brand color for UI\n└── sort-order (Number) - Control display order\n\n**Purpose:** Primary meal type classification\n\n**Suggested Categories (8):**\n- Breakfast & Brunch\n- Appetizers & Snacks\n- Lunch\n- Dinner & Main Courses\n- Side Dishes\n- Salads\n- Desserts & Sweets\n- Drinks & Beverages\n\n### 4. Cuisines\n├── name (Text, required) - \"Italian\", \"Mexican\", \"Asian\"\n├── slug (Text, required)\n├── description (Plain Text)\n└── flag-icon (Image) - Optional visual\n\n**Purpose:** Filter by cuisine type\n\n**Suggested Cuisines (12):**\n- American, Italian, Mexican, Asian, Mediterranean, French, Indian, Thai,\n  Chinese, Japanese, Greek, Middle Eastern\n\n### 5. Dietary Tags\n├── name (Text, required) - \"Vegan\", \"Gluten-Free\", \"Keto\"\n├── slug (Text, required)\n├── description (Plain Text)\n├── icon (Image) - Badge icon\n└── color (Color) - Badge color\n\n**Purpose:** Multi-select dietary filters\n\n**Suggested Tags (10):**\n- Vegetarian, Vegan, Gluten-Free, Dairy-Free, Keto, Paleo, Low-Carb,\n  High-Protein, Nut-Free, Pescatarian\n\n### 6. Cooking Methods\n├── name (Text, required) - \"Baking\", \"Grilling\", \"Slow Cooker\"\n├── slug (Text, required)\n└── description (Plain Text)\n\n**Purpose:** Filter by cooking technique\n\n**Suggested Methods (8):**\n- Baking, Grilling, Slow Cooker, Instant Pot, Stovetop, No-Cook,\n  Air Fryer, Sous Vide\n\n---\n\n## Relationship Map\n\n```\nRecipe → Author (one-to-many)\n  ↓\nRecipe → Category (one-to-many)\n  ↓\nRecipe → Cuisine (one-to-many)\n  ↓\nRecipe → Dietary Tags (many-to-many)\n  ↓\nRecipe → Cooking Methods (many-to-many)\n```\n\n**Multi-reference count:** 2 fields (within 5-field limit ✅)\n\n---\n\n## Recommended Page Structure\n\n### 1. Homepage (\u002F)\n- Hero section with featured recipe\n- Category cards (8 categories)\n- Latest recipes (collection list, 6 items)\n- Popular recipes (sorted by view-count)\n- Call-to-action\n\n### 2. Recipes Index (\u002Frecipes)\n- Collection list showing all recipes\n- Filter sidebar:\n  - Category (tabs or dropdown)\n  - Cuisine (multi-select)\n  - Dietary tags (checkboxes)\n  - Cooking time (\u003C 30 min, 30-60 min, 60+ min)\n  - Difficulty (easy, medium, hard)\n- Pagination (12 recipes per page)\n- Search bar (Finsweet CMS Filter)\n\n### 3. Recipe Detail (\u002Frecipes\u002F[slug])\n- Hero image + title\n- Prep\u002Fcook\u002Ftotal time + servings\n- Difficulty badge + dietary badges\n- Ingredients list\n- Step-by-step instructions\n- Author card with bio\n- Related recipes (same category or tags)\n- Print button\n\n### 4. Category Pages (\u002Fcategory\u002F[slug])\n- Category hero image + description\n- Filtered recipes by category\n- Breadcrumbs: Home > Recipes > [Category]\n- Related categories\n\n### 5. Cuisine Pages (\u002Fcuisine\u002F[slug])\n- Cuisine description + flag\n- Filtered recipes by cuisine\n- Popular cuisines sidebar\n\n### 6. Author Profiles (\u002Fauthors\u002F[slug])\n- Author photo + bio\n- Author's recipes (collection list)\n- Social links\n- Author stats (total recipes, join date)\n\n### 7. Dietary Filter Pages (\u002Fdiet\u002F[slug])\n- Dietary tag description\n- Filtered recipes by tag\n- Related dietary tags\n\n---\n\n## SEO Optimization\n\n### Collection Template SEO\n```\nRecipe Detail Page (\u002Frecipes\u002F[slug]):\n- SEO Title: {{recipe.name}} | Your Site Name\n- Meta Description: {{recipe.description}}\n- OG Image: {{recipe.featured-image}}\n- Schema: Recipe structured data (JSON-LD)\n```\n\n### Structured Data (Recipe Schema)\n```json\n{\n  \"@context\": \"https:\u002F\u002Fschema.org\u002F\",\n  \"@type\": \"Recipe\",\n  \"name\": \"{{recipe.name}}\",\n  \"image\": \"{{recipe.featured-image}}\",\n  \"author\": {\n    \"@type\": \"Person\",\n    \"name\": \"{{recipe.author.name}}\"\n  },\n  \"datePublished\": \"{{recipe.published-date}}\",\n  \"description\": \"{{recipe.description}}\",\n  \"prepTime\": \"PT{{recipe.prep-time}}M\",\n  \"cookTime\": \"PT{{recipe.cook-time}}M\",\n  \"totalTime\": \"PT{{recipe.total-time}}M\",\n  \"recipeYield\": \"{{recipe.servings}} servings\",\n  \"recipeIngredient\": [...],\n  \"recipeInstructions\": [...]\n}\n```\n\n**Benefits:**\n- Rich snippets in Google search\n- Better CTR (images, ratings, cook time in results)\n- Voice search optimization\n- Better recipe discovery\n\n---\n\n## Performance Optimization\n\n### For 50-200 Recipes:\n\n**1. Pagination Strategy**\n```\nRecipes Index page:\n- Limit: 12 recipes per page\n- Enable Webflow pagination\n- \"Load More\" button for smoother UX\n```\n\n**2. Image Optimization**\n```\nThumbnail: 400x300px (grid cards)\nFeatured: 1200x800px (detail pages)\nFormat: WebP when possible\nLoading: lazy for below-fold images\n```\n\n**3. Reference Field Strategy**\n```\nDisplay only needed fields:\n- Author name + photo (don't bind entire author object)\n- Category name + color (skip unused fields)\n- Each reference = query, so minimize bindings\n```\n\n**4. Collection List Limits**\n```\nHomepage: 6 featured recipes\nCategory pages: 12 recipes per page\nAuthor pages: 12 recipes per page\nRelated recipes: 3-4 max\n```\n\n---\n\n## Content Strategy\n\n### Phase 1: Foundation (Weeks 1-2)\n- [ ] Create Authors (3-5 authors)\n- [ ] Create Categories (8 categories)\n- [ ] Create Cuisines (10-12 cuisines)\n- [ ] Create Dietary Tags (8-10 tags)\n- [ ] Create Cooking Methods (6-8 methods)\n\n### Phase 2: Initial Content (Weeks 3-4)\n- [ ] Add 20-30 flagship recipes\n- [ ] Ensure even distribution across categories\n- [ ] High-quality photos for all\n- [ ] Complete metadata (all fields filled)\n\n### Phase 3: Growth (Ongoing)\n- [ ] Add 5-10 recipes per week\n- [ ] Monitor popular recipes (view-count)\n- [ ] Update seasonal recipes\n- [ ] Maintain content quality\n\n---\n\n## Implementation Roadmap\n\n### Week 1: Setup\n- [ ] Create all 6 collections with fields\n- [ ] Define relationships (references)\n- [ ] Set required fields\n- [ ] Add help text for editors\n\n### Week 2: Content Structure\n- [ ] Populate support collections (Authors, Categories, etc.)\n- [ ] Create test recipes (3-5) with all fields\n- [ ] Validate data structure\n\n### Week 3: Pages\n- [ ] Build homepage layout\n- [ ] Create recipe index page with filters\n- [ ] Design recipe detail template\n- [ ] Build category\u002Fcuisine\u002Fauthor pages\n\n### Week 4: Polish\n- [ ] Implement SEO (titles, descriptions, schema)\n- [ ] Add breadcrumbs and navigation\n- [ ] Optimize images\n- [ ] Test pagination and filters\n\n### Week 5: Launch\n- [ ] Add 20-30 initial recipes\n- [ ] Final QA testing\n- [ ] Publish site\n- [ ] Monitor performance\n\n---\n\n## Quick Wins\n\n### 1. Use View Count for \"Popular Recipes\"\n- Add Number field: view-count\n- Sort collection list by view-count (descending)\n- Show \"Most Popular\" section on homepage\n\n### 2. Auto-Calculate Total Time\n- Option 1: Manual (editors enter prep + cook)\n- Option 2: Display logic (show prep + cook sum in UI)\n- Best for: Performance (no extra calculation)\n\n### 3. Print-Friendly Recipe Cards\n- Add \"Print Recipe\" button\n- Use custom code to format for printing\n- Include: Ingredients, Instructions, Image\n- Exclude: Navigation, Ads, Comments\n\n### 4. Related Recipes Logic\n**Automatic (no manual curation):**\n- Filter by same category\n- Filter by shared dietary tags\n- Sort by published-date (recent first)\n- Limit to 3-4 recipes\n\n---\n\nReady to implement? I can help you:\n1. Create these collections using cms-collection-setup skill\n2. Add initial content using bulk-cms-update skill\n3. Build the page structure\n4. Optimize for SEO and performance\n\nWhich would you like to start with?\n```\n\n### Example 2: Optimizing Existing CMS\n\n**User prompt:**\n```\nMy collection list is slow with 500+ items. How do I optimize?\n```\n\n**Response:**\n```\n⚡ CMS Performance Optimization\n\nAnalyzing your performance issue with 500+ items...\n\n---\n\n## Current Issue Diagnosis\n\n**Problem:** Loading 500+ items on a single page\n**Impact:**\n- Slow page load (5-10 seconds or more)\n- High bounce rate\n- Poor SEO rankings\n- Bad user experience\n- Server stress\n\n**Root Causes:**\n1. Too many items loaded at once\n2. Possibly too many reference field lookups\n3. Large unoptimized images\n4. No pagination or lazy loading\n5. Complex nested collection lists\n\n---\n\n## Immediate Fixes (High Impact, Low Effort)\n\n### 1. Implement Pagination ⚡ CRITICAL\n**Current:** Loading all 500+ items\n**Fix:** Limit to 12-20 items per page\n\n**In Webflow Designer:**\n1. Select your Collection List\n2. Settings > Limit items: 20\n3. Enable \"Paginate items\"\n4. Style pagination controls\n\n**Impact:** 95% faster page load ✅\n**Time to implement:** 5 minutes\n**Effort:** Low\n\n### 2. Optimize Image Loading 🖼️\n**Current:** Full-resolution images loading immediately\n**Fix:** Use proper image sizes + lazy loading\n\n**Implementation:**\n```\nThumbnail images in grid:\n- Size: 400x300px (not full resolution)\n- Format: WebP (smaller file size)\n- Loading: lazy (below fold images)\n\nIn Collection List Image settings:\n- Set custom size: 400x300\n- Enable lazy loading\n- Use srcset for responsive images\n```\n\n**Impact:** 60-70% faster load ✅\n**Time to implement:** 15 minutes\n**Effort:** Low\n\n### 3. Reduce Visible Reference Fields 🔗\n**Current:** Binding all reference fields\n**Fix:** Only display what you actually need\n\n**Check your Collection List:**\n```\n❌ Bad: Binding entire author object\n{\n  author.name,\n  author.bio,\n  author.photo,\n  author.email,\n  author.social-links\n}\n\n✅ Good: Bind only displayed fields\n{\n  author.name,\n  author.photo\n}\n```\n\n**Why:** Each reference field = separate database query\n**Impact:** 30-40% faster ✅\n**Time to implement:** 10 minutes\n**Effort:** Low\n\n---\n\n## Medium-Term Solutions (Moderate Impact, Moderate Effort)\n\n### 4. Filter at Collection Level\n**Current:** Loading all items, then hiding with conditional visibility\n**Fix:** Use collection list filters\n\n**Example:**\n```\nInstead of:\n- Load all 500 posts\n- Hide if published-date > today (conditional)\n\nDo this:\n- Collection List Filter: published-date ≤ today\n- Only loads matching items\n```\n\n**Implementation:**\n1. Collection List Settings\n2. Add Filter: [field] [condition] [value]\n3. Combine multiple filters with AND\u002FOR\n\n**Impact:** 50% faster + cleaner ✅\n**Time to implement:** 30 minutes\n**Effort:** Medium\n\n### 5. Implement \"Load More\" Button\n**Alternative to pagination:** Smoother UX\n\n**Options:**\na) **Webflow native:** Pagination with \"Load More\" styling\nb) **Finsweet:** CMS Load plugin (free)\nc) **Custom code:** AJAX load more\n\n**Benefits:**\n- Users stay on same page (no page refresh)\n- Better for mobile UX\n- Smooth scrolling experience\n\n**Impact:** Better UX, same performance as pagination ✅\n**Time to implement:** 1-2 hours\n**Effort:** Medium\n\n### 6. Create Filtered Views\n**Instead of:** One giant \"All Posts\" page\n**Create:** Multiple filtered pages\n\n**Example:**\n```\n\u002Fblog → Recent posts (20 items)\n\u002Fblog\u002Ffeatured → Featured posts only (10 items)\n\u002Fblog\u002Fcategory\u002Ftech → Tech category (filtered)\n\u002Fblog\u002Farchive → Older posts with pagination\n```\n\n**Benefits:**\n- Faster individual pages\n- Better SEO (targeted pages)\n- Easier navigation\n- Reduced cognitive load\n\n**Impact:** Significant UX improvement ✅\n**Time to implement:** 2-3 hours\n**Effort:** Medium\n\n---\n\n## Long-Term Solutions (High Impact, High Effort)\n\n### 7. Archive Old Content\n**Strategy:** Dynamic recent + static archives\n\n**Implementation:**\n```\nRecent Content (Dynamic CMS):\n- Last 50-100 posts\n- Full dynamic filtering\n- Fast performance\n\nOlder Content (Static):\n- Archive pages for older posts\n- Yearly\u002Fquarterly archives\n- Still accessible but static HTML\n- Rarely updated\n```\n\n**When to use:**\n- 1000+ items\n- Clear separation between recent\u002Fold content\n- Archive content rarely accessed\n\n**Impact:** Maintains fast performance at scale ✅\n**Time to implement:** 1-2 weeks\n**Effort:** High\n\n### 8. Denormalize Data\n**Problem:** Too many reference lookups\n**Solution:** Copy frequently-accessed data\n\n**Example:**\n```\nCurrent (Normalized):\nPost → Author (reference)\nDisplay: {{post.author.name}}\n= 2 queries (post + author)\n\nDenormalized:\nPost has author-name field (text)\nDisplay: {{post.author-name}}\n= 1 query (just post)\n```\n\n**When to use:**\n- Reference data rarely changes (author names)\n- Performance is critical\n- You can maintain consistency\n\n**Tradeoff:** ⚠️ Must update in multiple places if data changes\n\n**Impact:** 40-50% faster for reference-heavy pages ✅\n**Time to implement:** Varies (requires data migration)\n**Effort:** High\n\n### 9. Implement Client-Side Filtering\n**Use:** Finsweet CMS Filter (free)\n\n**Benefits:**\n- Load once, filter instantly\n- No page refreshes\n- Multiple simultaneous filters\n- Search functionality\n- Better UX\n\n**Best for:**\n- 100-500 items\n- Users need advanced filtering\n- Desktop-first audience\n\n**Limitation:** All items loaded initially (use with pagination)\n\n**Impact:** Instant filtering ✅\n**Time to implement:** 2-4 hours\n**Effort:** Medium-High\n\n---\n\n## Comprehensive Optimization Checklist\n\n### Immediate Actions (Today):\n- [ ] Limit collection list to 20 items\n- [ ] Enable pagination\n- [ ] Optimize image sizes (400x300 for thumbnails)\n- [ ] Enable lazy loading on images\n- [ ] Remove unused reference field bindings\n\n### This Week:\n- [ ] Add collection list filters (date, category)\n- [ ] Create filtered category pages\n- [ ] Test performance on mobile\n- [ ] Implement \"Load More\" if desired\n- [ ] Audit all collection lists on site\n\n### This Month:\n- [ ] Consider Finsweet CMS Filter for advanced filtering\n- [ ] Create archive structure if >1000 items\n- [ ] Optimize all images (WebP format)\n- [ ] Review and optimize reference relationships\n- [ ] Set up performance monitoring\n\n---\n\n## Performance Benchmarks\n\n### Before Optimization:\n- Load time: 8-12 seconds\n- Items loaded: 500+\n- Images: Full resolution\n- References: All fields\n\n### After Quick Fixes (Pagination + Images):\n- Load time: 1-2 seconds ✅\n- Items loaded: 20\n- Images: Optimized thumbnails\n- References: Only displayed fields\n\n### After Full Optimization:\n- Load time: \u003C1 second ✅\n- Lighthouse score: 90+ ✅\n- Smooth pagination\n- Instant client-side filtering\n\n---\n\n## Testing Your Changes\n\n**Before deploying:**\n\n1. **Test on staging:**\n   - Publish to staging domain first\n   - Verify pagination works\n   - Check image quality\n   - Test all filters\n\n2. **Performance testing:**\n   - Use Google PageSpeed Insights\n   - Test on mobile (3G\u002F4G)\n   - Check Lighthouse scores\n   - Verify Core Web Vitals\n\n3. **User testing:**\n   - Navigate through pages\n   - Test search\u002Ffilter\n   - Check mobile experience\n   - Verify no broken links\n\n4. **Monitor after launch:**\n   - Watch analytics (bounce rate, time on page)\n   - Check error logs\n   - Monitor load times\n   - Gather user feedback\n\n---\n\n## Quick Implementation Priority\n\n**Priority 1 (Do First):**\n1. Pagination (20 items per page)\n2. Optimize images (thumbnails)\n3. Remove unused reference bindings\n\n**Priority 2 (This Week):**\n4. Add lazy loading\n5. Create filtered views\n6. Implement \"Load More\" option\n\n**Priority 3 (If Needed):**\n7. Finsweet CMS Filter\n8. Archive old content\n9. Denormalize critical data\n\n---\n\nWould you like me to walk you through implementing any of these optimizations? I can provide:\n- Step-by-step Webflow Designer instructions\n- Custom code snippets\n- Testing checklist\n- Performance monitoring setup\n\nLet me know which optimization you'd like to tackle first!\n```\n\n### Example 3: Troubleshooting Relationships\n\n**User prompt:**\n```\nMy reference fields aren't showing up on the page. What's wrong?\n```\n\n**Response:**\n```\n🔍 Troubleshooting: Reference Fields Not Displaying\n\nLet me help you diagnose and fix this issue.\n\n---\n\n## Common Causes & Solutions\n\n### Issue 1: Reference Field Not Bound to Element\n**Symptom:** Empty space where data should be\n**Diagnosis:** Element exists but has no data binding\n\n**Fix:**\n1. Select the element (text, image, etc.)\n2. Settings panel > Get text\u002Fimage from [Collection Item]\n3. Select your reference field\n4. Choose the specific field to display\n\n**Example:**\n```\nElement: Text Block\nBinding: Blog Post > Author (reference) > Name\n\nCorrect path:\nCollection Item > author > name\n```\n\n### Issue 2: Reference Field Has No Value\n**Symptom:** Some items show data, others don't\n**Diagnosis:** Not all collection items have the reference assigned\n\n**Fix:**\n1. Go to CMS Collections\n2. Open your collection\n3. Check items that aren't displaying\n4. Ensure reference field is populated\n\n**Prevention:**\n- Make reference fields \"Required\" if critical\n- Provide default\u002Ffallback content\n\n### Issue 3: Wrong Collection Context\n**Symptom:** Reference field not appearing in dropdown\n**Diagnosis:** Element is outside collection list context\n\n**Fix:**\n```\n❌ Wrong:\n\u003Cdiv>\n  \u003Ctext>Author: {{author.name}}\u003C\u002Ftext> ← No collection context\n\u003C\u002Fdiv>\n\n✅ Correct:\n\u003CCollection List - Posts>\n  \u003CCollection Item>\n    \u003Ctext>Author: {{author.name}}\u003C\u002Ftext> ← Inside collection context\n  \u003C\u002FCollection Item>\n\u003C\u002FCollection List>\n```\n\n### Issue 4: Multi-Reference Display Error\n**Symptom:** Only showing first item or nothing\n**Diagnosis:** Multi-reference needs nested collection list\n\n**Fix:**\n```\nFor Multi-Reference field (Post → Tags):\n\n❌ Wrong: Direct binding\n\u003Ctext>Tags: {{post.tags}}\u003C\u002Ftext>\n\n✅ Correct: Nested collection list\n\u003CCollection List - Posts>\n  \u003CCollection Item - Post>\n    \u003CCollection List - Get Items from Post > Tags>\n      \u003CCollection Item - Tag>\n        \u003Ctext>{{tag.name}}\u003C\u002Ftext>\n      \u003C\u002FCollection Item>\n    \u003C\u002FCollection List>\n  \u003C\u002FCollection Item>\n\u003C\u002FCollection List>\n```\n\n### Issue 5: Deleted Referenced Item\n**Symptom:** Reference field shows nothing despite being assigned\n**Diagnosis:** Referenced item was deleted from other collection\n\n**Fix:**\n1. Go to referring collection\n2. Check reference field assignments\n3. Re-assign to existing items\n4. Or recreate deleted item\n\n**Prevention:**\n- Be careful when deleting referenced items\n- Check \"Used in X items\" before deleting\n- Archive instead of delete if possible\n\n### Issue 6: Collection Not Published\n**Symptom:** Works in designer, not on live site\n**Diagnosis:** Referenced collection items are drafts\n\n**Fix:**\n1. Go to referenced collection (e.g., Authors)\n2. Find draft items\n3. Publish them\n4. Republish main site\n\n**Check:**\n```\nCMS Collections > Authors\n- Look for \"Draft\" badge\n- Publish all needed items\n- Items must be published to display via reference\n```\n\n---\n\n## Step-by-Step Diagnostic\n\n### Step 1: Verify Collection Structure\n```\nCheck in CMS:\n1. Does the reference field exist?\n2. Is it configured correctly (Reference or Multi-Reference)?\n3. Is it pointing to the right collection?\n```\n\n### Step 2: Verify Data Exists\n```\nCheck collection items:\n1. Open an item that should display\n2. Check if reference field is populated\n3. Verify referenced item exists and is published\n```\n\n### Step 3: Verify Page Structure\n```\nCheck in Designer:\n1. Is element inside Collection List?\n2. Is Collection List connected to correct collection?\n3. Is element binding correct path?\n```\n\n### Step 4: Test in Designer\n```\nIn Designer:\n1. Click Collection List\n2. Set preview mode: \"Item 1\"\n3. Cycle through items\n4. Check if data appears\n\nIf it works in Designer but not live:\n→ Publish issue (republish site)\n```\n\n---\n\n## Testing Reference Fields\n\n### Manual Test Checklist\n- [ ] Create test item with reference populated\n- [ ] Preview in Designer\n- [ ] Check element binding path\n- [ ] Publish and view live\n- [ ] Verify all items display correctly\n- [ ] Check items without references (should fail gracefully)\n\n### Common Binding Patterns\n\n**Single Reference (Author):**\n```\nCollection List: Posts\nCollection Item: Post\nElement: Text Block\nBinding: Get text from Post > author > name\n```\n\n**Multi-Reference (Tags):**\n```\nCollection List: Posts\nCollection Item: Post\n  Nested Collection List: Get items from Post > tags\n  Collection Item: Tag\n    Element: Text Block\n    Binding: Get text from Tag > name\n```\n\n**Self-Reference (Related Posts):**\n```\nCollection List: Posts\nCollection Item: Post (current)\n  Nested Collection List: Get items from Post > related-posts\n  Collection Item: Post (related)\n    Element: Text Block\n    Binding: Get text from Post > title\n```\n\n---\n\n## Prevention Tips\n\n### Best Practices:\n1. **Make critical references required**\n   - Required: Yes for author, category\n   - Optional: Yes for tags, related items\n\n2. **Provide default content**\n   - If reference is empty, show \"Uncategorized\"\n   - Use conditional visibility for optional references\n\n3. **Test with incomplete data**\n   - Create test items with missing references\n   - Ensure graceful fallback\n\n4. **Document reference structure**\n   - Create guide for content editors\n   - Explain which fields are required\n   - Show how to assign references\n\n5. **Use descriptive field names**\n   - ❌ \"ref-1\", \"link\"\n   - ✅ \"author\", \"primary-category\", \"related-posts\"\n\n---\n\n## Quick Fixes by Symptom\n\n| Symptom | Most Likely Cause | Quick Fix |\n|---------|-------------------|-----------|\n| Nothing shows | Not bound | Bind element to reference field |\n| Some items empty | Reference not assigned | Assign reference in CMS |\n| Works in designer, not live | Items not published | Publish referenced collection items |\n| Only first tag shows | Using text binding on multi-ref | Use nested collection list |\n| Shows random data | Wrong collection context | Check collection list nesting |\n| Broken after deletion | Referenced item deleted | Re-assign or recreate item |\n\n---\n\nWould you like me to walk through your specific setup to diagnose the exact issue? I can:\n- Review your collection structure\n- Check your reference field configuration\n- Analyze your page layout\n- Test your data bindings\n- Provide custom troubleshooting\n\nLet me know what you'd like me to check!\n```\n\n## Guidelines\n\n### Phase 1: Discovery Best Practices\n\n**Always Start With:**\n1. **Identify plan limits** - Use `data_sites_tool` with action `get_site` to check collection\u002Fitem limits\n2. **Analyze existing structure** - List collections before recommending changes\n3. **Understand content volume** - Check item counts to assess scale\n4. **Review current pages** - See how content is currently displayed\n5. **Ask clarifying questions** - Don't assume requirements\n\n**Plan Limits Reference:**\n```\nStarter Plan:\n- Collections: 1\n- Items per collection: 50\n- CMS pages: 50\n\nBasic Plan:\n- Collections: 2\n- Items total: 200\n- CMS pages: 150\n\nCMS Plan:\n- Collections: 20\n- Items total: 2,000\n- CMS pages: 2,000\n\nBusiness Plan:\n- Collections: 40\n- Items total: 10,000\n- CMS pages: 10,000\n\nEnterprise Plan:\n- Custom limits\n```\n\n**Key Questions to Ask:**\n1. \"What content needs to be managed?\" (identify collections)\n2. \"Who will update the content?\" (determine complexity level)\n3. \"How will content be displayed?\" (affects fields and relationships)\n4. \"What's the expected content volume?\" (plan for scale)\n5. \"Are there any special requirements?\" (unique features, integrations)\n\n### Phase 2: Field Selection Best Practices\n\n**Field Type Selection Matrix:**\n\n**For Text Content:**\n- **\u003C50 characters:** Plain Text (single line)\n- **50-256 characters:** Plain Text (multi-line)\n- **Need formatting:** Rich Text\n- **Pure data (no display):** Plain Text (validation enabled)\n\n**For Relationships:**\n- **One parent:** Reference (e.g., Post → Author)\n- **Multiple parents:** Multi-Reference (e.g., Post → Tags)\n- **Self-referencing:** Reference to same collection (e.g., Category → Parent Category)\n\n**For Media:**\n- **Hero images:** Image field (1 image)\n- **Galleries:** Multi-image field (up to 25 images)\n- **Documents:** File field (PDFs, docs)\n- **Videos:** Video field (YouTube\u002FVimeo embeds)\n\n**For Metadata:**\n- **Dates:** Date\u002FTime field\n- **Numbers:** Number field (prices, counts, ratings)\n- **Colors:** Color field (brand colors, theme colors)\n- **Switches:** Boolean field (featured, published, active)\n\n**Field Naming Conventions:**\n```\n✅ Good Names:\n- published-date (descriptive, hyphenated)\n- author (clear purpose)\n- main-image (specifies which image)\n- post-summary (explains use case)\n\n❌ Bad Names:\n- date1 (unclear which date)\n- img (which image?)\n- text (what kind of text?)\n- field1 (no meaning)\n```\n\n**Required vs Optional:**\n```\nMake REQUIRED:\n- name (unique identifier)\n- slug (URL generation)\n- primary relationships (author, category)\n- publish date (for sorting)\n\nMake OPTIONAL:\n- tags (not always applicable)\n- secondary images\n- advanced metadata\n- related items\n```\n\n### Phase 3: Relationship Design Best Practices\n\n**One-to-Many Guidelines:**\n```\nUse when:\n- Each item has exactly ONE parent\n- Parent data is reused across many items\n- You want centralized data management\n\nExamples:\n✅ Post → Author (each post has one author)\n✅ Product → Brand (each product has one brand)\n✅ Event → Venue (each event has one venue)\n\nDon't use when:\n❌ Item can have multiple parents (use multi-reference)\n❌ Relationship is temporary (consider option field)\n❌ Data is simple and rarely changes (use option field instead)\n```\n\n**Many-to-Many Guidelines:**\n```\nUse when:\n- Items can have multiple relationships\n- Relationships need to be managed separately\n- You want flexible cross-linking\n\nExamples:\n✅ Post ↔ Tags (posts have many tags, tags apply to many posts)\n✅ Product ↔ Features (products have many features, features apply to many products)\n✅ Course ↔ Topics (courses cover many topics, topics span many courses)\n\nRemember:\n⚠️ Max 5 multi-reference fields per collection\n⚠️ Can only filter by ONE multi-reference at a time\n⚠️ Cannot sort by referenced field values\n⚠️ Performance impact (more queries)\n```\n\n**Self-Reference Guidelines:**\n```\nUse when:\n- Building hierarchies (categories, menu structure)\n- Related items from same collection\n- Organizational trees\n\nImplementation:\n- Add Reference field pointing to same collection\n- Name it clearly: parent-category, related-posts\n- Limit depth to 2-3 levels for practical display\n- Consider adding \"level\" number field for easier filtering\n\nExample Structure:\nCategories:\n├── Web Development (level 1, parent: null)\n│   ├── Frontend (level 2, parent: Web Development)\n│   └── Backend (level 2, parent: Web Development)\n└── Design (level 1, parent: null)\n```\n\n### Phase 4: Architecture Patterns\n\n**Common Collection Patterns:**\n\n**1. Blog Architecture:**\n```\nMinimal (1 collection):\n- Blog Posts\n\nStandard (3 collections):\n- Blog Posts\n- Authors\n- Categories\n\nAdvanced (5+ collections):\n- Blog Posts\n- Authors\n- Categories\n- Tags\n- Topics\u002FSeries\n```\n\n**2. E-commerce Architecture:**\n```\nMinimal (1 collection):\n- Products\n\nStandard (4 collections):\n- Products\n- Categories\n- Brands\n- Features\u002FSpecifications\n\nAdvanced (7+ collections):\n- Products\n- Categories\n- Brands\n- Features\n- Reviews\n- Collections (curated product groups)\n- Related Products\n```\n\n**3. Portfolio Architecture:**\n```\nMinimal (1 collection):\n- Projects\n\nStandard (3 collections):\n- Projects\n- Clients\n- Services\u002FCategories\n\nAdvanced (5+ collections):\n- Projects\n- Clients\n- Services\n- Team Members\n- Technologies Used\n```\n\n**4. Directory Architecture:**\n```\nMinimal (1 collection):\n- Listings\n\nStandard (4 collections):\n- Listings\n- Categories\n- Locations\n- Owners\u002FManagers\n\nAdvanced (6+ collections):\n- Listings\n- Categories\n- Subcategories\n- Locations (hierarchical)\n- Amenities\u002FFeatures\n- Reviews\u002FRatings\n```\n\n### Phase 5: Performance Optimization\n\n**Pagination Strategy:**\n```\nContent Volume → Items Per Page:\n- 0-50 items: No pagination needed\n- 50-100 items: 20 items per page\n- 100-500 items: 15-20 items per page\n- 500-1000 items: 12-15 items per page\n- 1000+ items: 10-12 items per page + advanced filtering\n```\n\n**Image Optimization:**\n```\nUsage → Recommended Size:\n- Thumbnail (grid cards): 400x300px\n- Featured image (hero): 1200x800px\n- Gallery images: 800x600px\n- Background images: 1920x1080px\n\nFormat Priority:\n1. WebP (best compression, modern browsers)\n2. JPEG (photos, complex images)\n3. PNG (transparency needed, simple graphics)\n4. SVG (logos, icons, simple graphics)\n```\n\n**Reference Field Strategy:**\n```\nOptimization Levels:\n\nLevel 1 - Display Only What's Needed:\n❌ Binding entire author object: {{author}}\n✅ Binding specific fields: {{author.name}}, {{author.photo}}\n\nLevel 2 - Denormalize Critical Data:\nInstead of: Post → Author.name (2 queries)\nStore: Post.author-name (1 query)\nWhen: Performance critical + data rarely changes\n\nLevel 3 - Lazy Load Related Content:\nShow main content immediately\nLoad related items on interaction (click, scroll)\nReduces initial page load\n```\n\n**Collection List Optimization:**\n```\nBest Practices:\n\n1. Filter at Collection Level:\n   ✅ Use native collection list filters\n   ❌ Load all items then hide with conditionals\n\n2. Limit Items:\n   ✅ Set reasonable limit (12-20 items)\n   ❌ Load unlimited items\n\n3. Optimize Nested Lists:\n   ✅ Limit nested collection lists to 3-5 items\n   ❌ Nest multiple unlimited lists\n\n4. Use Conditional Loading:\n   ✅ Load content based on viewport\n   ❌ Load everything upfront\n\n5. Implement Pagination:\n   ✅ Enable Webflow pagination or \"Load More\"\n   ❌ Infinite scroll with all items\n```\n\n### Phase 6: SEO Best Practices\n\n**Collection Template SEO:**\n```\nRequired Fields:\n1. SEO Title (dynamic from item name)\n2. Meta Description (dynamic from summary\u002Fdescription)\n3. OG Image (dynamic from featured image)\n4. Canonical URL (automatic)\n\nRecommended:\n5. Schema.org structured data (JSON-LD)\n6. Open Graph tags (Facebook\u002FLinkedIn)\n7. Twitter Card tags\n8. Alt text for all images\n```\n\n**Slug Best Practices:**\n```\n✅ Good Slugs:\n- webflow-cms-best-practices\n- ultimate-guide-to-seo\n- 2026-web-design-trends\n\n❌ Bad Slugs:\n- Post1\n- new-post-copy-3\n- untitled-entry\n\nRules:\n- Lowercase only\n- Hyphens (not underscores)\n- No special characters\n- Descriptive (include keywords)\n- Max 50-60 characters\n```\n\n**Structured Data Implementation:**\n```\nCommon Types:\n\nBlog Post (Article schema):\n- headline, author, datePublished, image\n- Use for: Blog posts, news articles\n\nProduct (Product schema):\n- name, description, price, availability, image\n- Use for: E-commerce products\n\nEvent (Event schema):\n- name, startDate, location, organizer\n- Use for: Events, webinars, conferences\n\nRecipe (Recipe schema):\n- name, ingredients, instructions, cookTime\n- Use for: Recipe sites, food blogs\n\nLocal Business (LocalBusiness schema):\n- name, address, phone, openingHours\n- Use for: Directories, business listings\n```\n\n### Phase 7: Editorial Workflow\n\n**Content Editor Guidelines:**\n\n**Field Usage Documentation:**\n```\nCreate guide for each collection:\n\nExample - Blog Posts Collection:\n\n1. Name* (required)\n   - Post title\n   - Keep under 60 characters for SEO\n   - Make it catchy and descriptive\n\n2. Slug* (required)\n   - Auto-generated from name\n   - Can be edited for SEO optimization\n   - Use hyphens, lowercase only\n\n3. Post Summary\n   - Brief description (160 characters max)\n   - Used for: Grid cards, meta description, social sharing\n   - Make it compelling - this is what users see first\n\n4. Featured Image*\n   - Hero image for post\n   - Minimum size: 1200x800px\n   - Always add alt text for accessibility\n\n5. Author*\n   - Select from Authors list\n   - Can't find author? Ask admin to create in Authors collection\n\n... (document all fields)\n```\n\n**Required Field Checklist:**\n```\nBefore Publishing:\n□ Name filled\n□ Slug set (no generic slugs like \"untitled\")\n□ Summary written (compelling, 160 chars)\n□ Featured image uploaded with alt text\n□ Author assigned\n□ Category selected\n□ Published date set\n□ Content proofread\n□ Links tested\n□ Images optimized\n□ SEO reviewed\n```\n\n**Draft → Published Workflow:**\n```\n1. Create as Draft:\n   - Fill required fields minimum\n   - Save to preserve work\n\n2. Complete Content:\n   - Write\u002Fupload all content\n   - Add images with alt text\n   - Set metadata\n\n3. Internal Review:\n   - Proofread\n   - Check formatting\n   - Test links\n   - Verify references\n\n4. Publish:\n   - Set published date\n   - Change from draft to published\n   - Verify on live site\n   - Share\u002Fpromote\n\n5. Ongoing:\n   - Update as needed\n   - Monitor performance\n   - Refresh outdated content\n   - Archive if no longer relevant\n```\n\n### Phase 8: Migration Strategy\n\n**When Refactoring Existing CMS:**\n\n**Assessment Phase:**\n```\n1. Audit Current Structure:\n   - List all collections\n   - Count items per collection\n   - Map relationships\n   - Identify problems\n\n2. Design New Structure:\n   - Plan improvements\n   - Design new collections\n   - Define new relationships\n   - Create migration plan\n\n3. Validate Approach:\n   - Test with sample data\n   - Verify relationships work\n   - Check performance\n   - Get stakeholder approval\n```\n\n**Migration Approaches:**\n\n**Approach 1: Parallel Build (Safest)**\n```\n1. Build new collections alongside old\n2. Migrate content gradually\n3. Test thoroughly\n4. Switch pages to new collections\n5. Archive old collections\n\nPros:\n✅ No downtime\n✅ Easy rollback\n✅ Test before fully committing\n\nCons:\n❌ Temporarily doubled content\n❌ Longer timeline\n❌ Must manage both systems temporarily\n```\n\n**Approach 2: Direct Migration (Faster)**\n```\n1. Create new collections\n2. Export data from old collections\n3. Transform data format\n4. Import to new collections\n5. Update pages to use new collections\n6. Delete old collections\n\nPros:\n✅ Faster completion\n✅ Clean cutover\n✅ No duplicate content\n\nCons:\n❌ Higher risk\n❌ Potential downtime\n❌ Harder to rollback\n```\n\n**Approach 3: Hybrid (Recommended)**\n```\n1. Create new structure\n2. Migrate in batches (50-100 items)\n3. Test each batch\n4. Update pages incrementally\n5. Monitor for issues\n6. Complete full migration\n\nPros:\n✅ Balanced risk\u002Fspeed\n✅ Can catch issues early\n✅ Incremental testing\n\nCons:\n❌ Requires careful planning\n❌ More complex execution\n```\n\n### Phase 9: Troubleshooting Common Issues\n\n**Issue: \"Collection won't save\"**\n```\nPossible causes:\n1. Required field empty\n2. Slug conflict (duplicate)\n3. Invalid characters in slug\n4. Reference pointing to deleted item\n5. Field validation failing\n\nDiagnosis:\n- Check for red highlighted fields\n- Verify slug is unique\n- Test without optional fields\n- Check browser console for errors\n\nFix:\n- Fill all required fields\n- Change slug to be unique\n- Remove special characters\n- Re-assign references\n- Contact Webflow support if persists\n```\n\n**Issue: \"Reference field not showing options\"**\n```\nPossible causes:\n1. Referenced collection has no items\n2. Referenced collection items not published\n3. Wrong collection selected in reference settings\n4. Browser cache issue\n\nFix:\n1. Create items in referenced collection first\n2. Publish all items in referenced collection\n3. Double-check reference field configuration\n4. Clear cache and refresh\n```\n\n**Issue: \"Collection list showing wrong items\"**\n```\nPossible causes:\n1. Wrong collection selected\n2. Filters configured incorrectly\n3. Limit set too low\n4. Items not published\n5. Wrong CMS locale selected\n\nDiagnosis:\n- Check collection list settings\n- Review filter conditions\n- Check item publish status\n- Verify correct locale\n\nFix:\n- Select correct collection\n- Adjust or remove filters\n- Increase limit\n- Publish items\n- Switch to correct locale\n```\n\n**Issue: \"Pagination not working\"**\n```\nPossible causes:\n1. Pagination not enabled\n2. Limit set equal to or greater than total items\n3. JavaScript conflict\n4. Custom code interfering\n\nFix:\n1. Enable pagination in collection list settings\n2. Set limit lower than total items (e.g., 20)\n3. Test with all custom code disabled\n4. Check for JavaScript errors in console\n```\n\n**Issue: \"Multi-reference only showing first item\"**\n```\nCause: Wrong display method\n\nFix:\nMust use nested collection list:\n❌ Direct text binding\n✅ Collection List > Get items from [field] > Collection Item > Display\n\nExample:\n\u003CCollection List - Posts>\n  \u003CCollection Item - Post>\n    Tags:\n    \u003CCollection List - Get items from Post > tags>\n      \u003CCollection Item - Tag>\n        \u003CInline> {{tag.name}} \u003C\u002FInline>\n      \u003C\u002FCollection Item>\n    \u003C\u002FCollection List>\n  \u003C\u002FCollection Item>\n\u003C\u002FCollection List>\n```\n\n### Phase 10: Advanced Techniques\n\n**Conditional Display Based on References:**\n```\nUse Case: Show different layouts based on category\n\nImplementation:\n1. Add conditional visibility to elements\n2. Condition: Category = \"Video Posts\"\n3. Show video player layout\n4. Condition: Category = \"Image Posts\"\n5. Show image gallery layout\n\nLimitation: Can only check one value at a time\nAlternative: Use option field with class name, apply class dynamically\n```\n\n**Scheduled Publishing:**\n```\nImplementation:\n1. Add \"Published Date\" field (Date\u002FTime)\n2. In collection list settings:\n   - Add filter: Published Date ≤ Current Date\n3. Set future dates on items to schedule\n\nBenefits:\n- No plugins needed\n- Native Webflow functionality\n- Items auto-appear on set date\n\nLimitation: Items exist but filtered, not truly unpublished\n```\n\n**Dynamic Sorting:**\n```\nOption 1: Manual Sort Order\n- Add \"Sort Order\" number field\n- Manually assign: 1, 2, 3, 4...\n- Sort collection list by Sort Order (ascending)\n\nOption 2: Auto Sort by Engagement\n- Add \"View Count\" number field\n- Increment on page view (requires custom code)\n- Sort by View Count (descending) for \"Popular\" lists\n\nOption 3: Date-Based Sorting\n- Sort by Published Date (descending) for \"Recent\"\n- Sort by Created Date for \"Chronological\"\n- Combine with filters for \"This Month's Top Posts\"\n```\n\n**Multi-Lingual Content:**\n```\nApproach 1: Separate Collections per Language\n- Blog Posts EN\n- Blog Posts ES\n- Blog Posts FR\n\nPros: Simple, native Webflow\nCons: Must duplicate structure, harder to maintain\n\nApproach 2: Language Field + Filter\n- Add \"Language\" option field (EN, ES, FR)\n- Filter collection lists by language\n- Use URL parameter or cookie for language switch\n\nPros: Single structure, easier to maintain\nCons: All content in one collection\n\nApproach 3: Webflow Localization (CMS Plan+)\n- Use Webflow's native localization\n- Create secondary locales\n- Translate CMS content per locale\n\nPros: Official solution, best SEO\nCons: Requires CMS plan+, setup complexity\n```\n\n**Search Functionality:**\n```\nOption 1: Native (Limited)\n- Use filter inputs on collection lists\n- Basic keyword matching only\n- No fuzzy search or relevance ranking\n\nOption 2: Finsweet CMS Filter (Free)\n- Client-side search and filtering\n- Works with existing collection lists\n- Multiple simultaneous filters\n- Requires JavaScript\n\nOption 3: Algolia\u002FCustom (Advanced)\n- Server-side search with AI\n- Typo-tolerance, synonyms\n- Fast and scalable\n- Requires integration, costs money\n\nRecommendation:\n- \u003C100 items: Native or Finsweet\n- 100-1000 items: Finsweet\n- 1000+ items: Consider Algolia\n```\n\n## Production Checklist\n\nBefore launching CMS-driven site:\n\n**Structure:**\n- [ ] All collections created with proper field types\n- [ ] Required fields set appropriately\n- [ ] Help text added for content editors\n- [ ] Relationships configured correctly\n- [ ] Self-references working properly\n- [ ] Validation rules set on text fields\n\n**Content:**\n- [ ] Test items created for all collections\n- [ ] All reference fields populated in test items\n- [ ] Images optimized (size, format, alt text)\n- [ ] Slugs follow naming conventions\n- [ ] Published dates set on items\n- [ ] Draft items clearly marked\n\n**Pages:**\n- [ ] Collection lists limited appropriately (12-20 items)\n- [ ] Pagination enabled on large lists\n- [ ] Filters configured correctly\n- [ ] Multi-reference fields use nested collection lists\n- [ ] Conditional visibility works as expected\n- [ ] Empty states handled gracefully\n\n**SEO:**\n- [ ] Collection template has SEO title binding\n- [ ] Meta descriptions bound to summary fields\n- [ ] OG images bound to featured images\n- [ ] Structured data implemented (if applicable)\n- [ ] Alt text present on all images\n- [ ] Slugs are SEO-friendly\n\n**Performance:**\n- [ ] Images lazy loading enabled\n- [ ] Only displayed reference fields bound\n- [ ] Collection lists use filters (not conditional hiding)\n- [ ] Pagination prevents loading too many items\n- [ ] Performance tested on mobile\n- [ ] Lighthouse score >80\n\n**Documentation:**\n- [ ] Field usage guide created for editors\n- [ ] Collection structure documented\n- [ ] Relationship map created\n- [ ] Publishing workflow defined\n- [ ] Troubleshooting guide available\n- [ ] Contact for technical support identified\n\n**Testing:**\n- [ ] All collection lists display correctly\n- [ ] Pagination works\n- [ ] Filters work\n- [ ] Search works (if implemented)\n- [ ] Reference fields display data\n- [ ] Multi-reference lists show all items\n- [ ] Empty states handled\n- [ ] Mobile experience tested\n- [ ] Cross-browser tested\n- [ ] Performance benchmarked\n\n**Launch:**\n- [ ] Content editors trained\n- [ ] Editorial calendar established\n- [ ] Publishing workflow in place\n- [ ] Monitoring setup (analytics, errors)\n- [ ] Backup strategy defined\n- [ ] Support plan in place\n",{"data":38,"body":39},{"name":5,"description":7},{"type":40,"children":41},"root",[42,51,57,64,73,234,240,247,392,398,460,466,530,536,600,606,660,666,672,680,718,726,764,772,790,796,1224,1230,1242,1248,1254,1264,1273,1304,1314,1322,1345,1353,1381,1387,1396,1405,1422,1431,1438,1461,1469,1492,1500,1523,1530,1558,1564,1573,1582,1589,1612,1619,1637,1644,1662,1672,1678,1687,1696,1705,1712,1730,1738,1756,1764,1782,1788,1794,1802,1811,1819,1828,1836,1845,1850,1859,1872,1910,1919,1927,1950,1954,1960,1966,1974,1983,1991,2000,2008,2017,2025,2034,2037,2041,2047,2101,2107,2147,2153,2193,2196,2202,2208,2248,2254,2285,2291,2331,2337,2377,2383,2423,2426,2432,2438,2456,2462,2480,2486,2509,2515,2523,2546,2549,2554,2577,2582,2591,2596,2605,2610,2615,2618,2624,2639,2667,2675,2703,2706,2712,2718,2735,2743,2766,2789,2795,2810,2818,2827,2847,2853,2868,2876,2885,2912,2915,2921,2927,2942,2949,2958,2965,3001,3022,3028,3038,3069,3076,3094,3114,3120,3137,3144,3153,3160,3183,3203,3206,3212,3218,3228,3235,3244,3252,3270,3291,3297,3313,3320,3329,3336,3354,3364,3384,3390,3400,3407,3435,3443,3461,3471,3492,3495,3501,3507,3556,3562,3611,3617,3666,3669,3675,3681,3704,3710,3733,3739,3762,3765,3771,3779,3906,3909,3915,3923,3941,3951,3961,3964,3969,3992,3997,4006,4011,4019,4024,4029,4032,4038,4044,4061,4068,4096,4103,4112,4118,4133,4140,4163,4171,4184,4190,4205,4212,4221,4227,4242,4249,4258,4264,4279,4286,4309,4316,4334,4340,4355,4362,4385,4393,4402,4405,4411,4417,4426,4432,4441,4447,4456,4462,4471,4474,4480,4486,4544,4550,4558,4567,4575,4584,4592,4601,4604,4610,4616,4729,4732,4738,4873,4876,4881,4909,4914,4923,4928,4946,4951,4969,4974,4992,4997,5015,5020,5028,5037,5042,5065,5070,5093,5102,5107,5130,5135,5158,5167,5172,5190,5195,5200,5209,5213,5231,5236,5241,5250,5254,5272,5276,5299,5304,5313,5318,5326,5331,5348,5353,5378,5387,5391,5399,5404,5425,5430,5465,5474,5478,5486,5490,5507,5511,5537,5546,5550,5558,5562,5583,5588,5619,5628,5633,5661,5670,5675,5698,5703,5726,5735,5740,5758,5763,5768,5777,5781,5809,5818,5823,5846,5851,5860,5865,5883,5888,5906,5911,5939,5948,5953,5958,5971,5976,5989,5994,6007,6012,6025,6030,6043,6052,6057,6062,6175,6180,6189,6194,6203,6331,6340,6427,6436,6464,6469,6474,6483,6516,6521,6526,6535,6568,6573,6578,6587,6592,6620,6624,6647,6651,6679,6688,6692,6715,6719,6742,6751,6755,6782,6786,6809,6813,6841,6850,6854,6877,6881,6904,6913,6918,6929,6946,6955,6960,6964,6992,6997,7006,7010,7036,7040,7058,7063,7072,7077,7095,7100,7118,7123,7141,7150,7155,7173,7178,7183,7201,7206,7211,7229,7234,7243,7248,7266,7271,7293,7298,7321,7326,7344],{"type":43,"tag":44,"props":45,"children":47},"element","h1",{"id":46},"cms-best-practices",[48],{"type":49,"value":50},"text","CMS Best Practices",{"type":43,"tag":52,"props":53,"children":54},"p",{},[55],{"type":49,"value":56},"Provide expert guidance on Webflow CMS architecture, relationships, optimization, and troubleshooting.",{"type":43,"tag":58,"props":59,"children":61},"h2",{"id":60},"important-note",[62],{"type":49,"value":63},"Important Note",{"type":43,"tag":52,"props":65,"children":66},{},[67],{"type":43,"tag":68,"props":69,"children":70},"strong",{},[71],{"type":49,"value":72},"ALWAYS use Webflow MCP tools for all operations:",{"type":43,"tag":74,"props":75,"children":76},"ul",{},[77,92,112,130,149,167,185,204,216,221],{"type":43,"tag":78,"props":79,"children":80},"li",{},[81,83,90],{"type":49,"value":82},"Use Webflow MCP's ",{"type":43,"tag":84,"props":85,"children":87},"code",{"className":86},[],[88],{"type":49,"value":89},"webflow_guide_tool",{"type":49,"value":91}," to get best practices before starting",{"type":43,"tag":78,"props":93,"children":94},{},[95,96,102,104,110],{"type":49,"value":82},{"type":43,"tag":84,"props":97,"children":99},{"className":98},[],[100],{"type":49,"value":101},"data_sites_tool",{"type":49,"value":103}," with action ",{"type":43,"tag":84,"props":105,"children":107},{"className":106},[],[108],{"type":49,"value":109},"list_sites",{"type":49,"value":111}," to identify available sites",{"type":43,"tag":78,"props":113,"children":114},{},[115,116,121,122,128],{"type":49,"value":82},{"type":43,"tag":84,"props":117,"children":119},{"className":118},[],[120],{"type":49,"value":101},{"type":49,"value":103},{"type":43,"tag":84,"props":123,"children":125},{"className":124},[],[126],{"type":49,"value":127},"get_site",{"type":49,"value":129}," to retrieve site details and plan limits",{"type":43,"tag":78,"props":131,"children":132},{},[133,134,140,141,147],{"type":49,"value":82},{"type":43,"tag":84,"props":135,"children":137},{"className":136},[],[138],{"type":49,"value":139},"data_cms_tool",{"type":49,"value":103},{"type":43,"tag":84,"props":142,"children":144},{"className":143},[],[145],{"type":49,"value":146},"get_collection_list",{"type":49,"value":148}," to analyze existing collections",{"type":43,"tag":78,"props":150,"children":151},{},[152,153,158,159,165],{"type":49,"value":82},{"type":43,"tag":84,"props":154,"children":156},{"className":155},[],[157],{"type":49,"value":139},{"type":49,"value":103},{"type":43,"tag":84,"props":160,"children":162},{"className":161},[],[163],{"type":49,"value":164},"get_collection_details",{"type":49,"value":166}," to examine collection schemas",{"type":43,"tag":78,"props":168,"children":169},{},[170,171,176,177,183],{"type":49,"value":82},{"type":43,"tag":84,"props":172,"children":174},{"className":173},[],[175],{"type":49,"value":139},{"type":49,"value":103},{"type":43,"tag":84,"props":178,"children":180},{"className":179},[],[181],{"type":49,"value":182},"list_collection_items",{"type":49,"value":184}," to assess content volume",{"type":43,"tag":78,"props":186,"children":187},{},[188,189,195,196,202],{"type":49,"value":82},{"type":43,"tag":84,"props":190,"children":192},{"className":191},[],[193],{"type":49,"value":194},"data_pages_tool",{"type":49,"value":103},{"type":43,"tag":84,"props":197,"children":199},{"className":198},[],[200],{"type":49,"value":201},"list_pages",{"type":49,"value":203}," to understand page structure",{"type":43,"tag":78,"props":205,"children":206},{},[207,208,214],{"type":49,"value":82},{"type":43,"tag":84,"props":209,"children":211},{"className":210},[],[212],{"type":49,"value":213},"ask_webflow_ai",{"type":49,"value":215}," for specific API questions",{"type":43,"tag":78,"props":217,"children":218},{},[219],{"type":49,"value":220},"DO NOT use any other tools or methods for Webflow operations",{"type":43,"tag":78,"props":222,"children":223},{},[224,226,232],{"type":49,"value":225},"All tool calls must include the required ",{"type":43,"tag":84,"props":227,"children":229},{"className":228},[],[230],{"type":49,"value":231},"context",{"type":49,"value":233}," parameter (15-25 words, third-person perspective)",{"type":43,"tag":58,"props":235,"children":237},{"id":236},"instructions",[238],{"type":49,"value":239},"Instructions",{"type":43,"tag":241,"props":242,"children":244},"h3",{"id":243},"phase-1-discovery-analysis",[245],{"type":49,"value":246},"Phase 1: Discovery & Analysis",{"type":43,"tag":248,"props":249,"children":250},"ol",{},[251,289,320,348,370],{"type":43,"tag":78,"props":252,"children":253},{},[254,259,261],{"type":43,"tag":68,"props":255,"children":256},{},[257],{"type":49,"value":258},"Identify the request",{"type":49,"value":260},": Determine if user is:\n",{"type":43,"tag":74,"props":262,"children":263},{},[264,269,274,279,284],{"type":43,"tag":78,"props":265,"children":266},{},[267],{"type":49,"value":268},"Planning new CMS structure",{"type":43,"tag":78,"props":270,"children":271},{},[272],{"type":49,"value":273},"Optimizing existing collections",{"type":43,"tag":78,"props":275,"children":276},{},[277],{"type":49,"value":278},"Troubleshooting performance issues",{"type":43,"tag":78,"props":280,"children":281},{},[282],{"type":49,"value":283},"Setting up relationships",{"type":43,"tag":78,"props":285,"children":286},{},[287],{"type":49,"value":288},"Seeking architecture guidance",{"type":43,"tag":78,"props":290,"children":291},{},[292,297,299,304,306,311,313,318],{"type":43,"tag":68,"props":293,"children":294},{},[295],{"type":49,"value":296},"Get site information",{"type":49,"value":298},": Use Webflow MCP's ",{"type":43,"tag":84,"props":300,"children":302},{"className":301},[],[303],{"type":49,"value":101},{"type":49,"value":305}," with actions ",{"type":43,"tag":84,"props":307,"children":309},{"className":308},[],[310],{"type":49,"value":109},{"type":49,"value":312}," and ",{"type":43,"tag":84,"props":314,"children":316},{"className":315},[],[317],{"type":49,"value":127},{"type":49,"value":319}," to understand plan limits",{"type":43,"tag":78,"props":321,"children":322},{},[323,328,329,334,335,340,341,346],{"type":43,"tag":68,"props":324,"children":325},{},[326],{"type":49,"value":327},"Analyze existing structure",{"type":49,"value":298},{"type":43,"tag":84,"props":330,"children":332},{"className":331},[],[333],{"type":49,"value":139},{"type":49,"value":305},{"type":43,"tag":84,"props":336,"children":338},{"className":337},[],[339],{"type":49,"value":146},{"type":49,"value":312},{"type":43,"tag":84,"props":342,"children":344},{"className":343},[],[345],{"type":49,"value":164},{"type":49,"value":347}," to examine current setup",{"type":43,"tag":78,"props":349,"children":350},{},[351,356,357,362,363,368],{"type":43,"tag":68,"props":352,"children":353},{},[354],{"type":49,"value":355},"Assess content volume",{"type":49,"value":298},{"type":43,"tag":84,"props":358,"children":360},{"className":359},[],[361],{"type":49,"value":139},{"type":49,"value":103},{"type":43,"tag":84,"props":364,"children":366},{"className":365},[],[367],{"type":49,"value":182},{"type":49,"value":369}," to understand scale",{"type":43,"tag":78,"props":371,"children":372},{},[373,378,379,384,385,390],{"type":43,"tag":68,"props":374,"children":375},{},[376],{"type":49,"value":377},"Review pages",{"type":49,"value":298},{"type":43,"tag":84,"props":380,"children":382},{"className":381},[],[383],{"type":49,"value":194},{"type":49,"value":103},{"type":43,"tag":84,"props":386,"children":388},{"className":387},[],[389],{"type":49,"value":201},{"type":49,"value":391}," to see how content is displayed",{"type":43,"tag":241,"props":393,"children":395},{"id":394},"phase-2-requirements-gathering",[396],{"type":49,"value":397},"Phase 2: Requirements Gathering",{"type":43,"tag":248,"props":399,"children":401},{"start":400},6,[402,440,450],{"type":43,"tag":78,"props":403,"children":404},{},[405,410,412],{"type":43,"tag":68,"props":406,"children":407},{},[408],{"type":49,"value":409},"Understand use case",{"type":49,"value":411},": Ask clarifying questions:\n",{"type":43,"tag":74,"props":413,"children":414},{},[415,420,425,430,435],{"type":43,"tag":78,"props":416,"children":417},{},[418],{"type":49,"value":419},"What content needs to be managed?",{"type":43,"tag":78,"props":421,"children":422},{},[423],{"type":49,"value":424},"Who will update the content?",{"type":43,"tag":78,"props":426,"children":427},{},[428],{"type":49,"value":429},"How will content be displayed?",{"type":43,"tag":78,"props":431,"children":432},{},[433],{"type":49,"value":434},"What relationships are needed?",{"type":43,"tag":78,"props":436,"children":437},{},[438],{"type":49,"value":439},"Expected content volume?",{"type":43,"tag":78,"props":441,"children":442},{},[443,448],{"type":43,"tag":68,"props":444,"children":445},{},[446],{"type":49,"value":447},"Identify constraints",{"type":49,"value":449},": Consider plan limits, technical constraints, team skills",{"type":43,"tag":78,"props":451,"children":452},{},[453,458],{"type":43,"tag":68,"props":454,"children":455},{},[456],{"type":49,"value":457},"Define success criteria",{"type":49,"value":459},": Performance goals, editorial workflow, scalability needs",{"type":43,"tag":241,"props":461,"children":463},{"id":462},"phase-3-architecture-planning",[464],{"type":49,"value":465},"Phase 3: Architecture Planning",{"type":43,"tag":248,"props":467,"children":469},{"start":468},9,[470,480,490,500,510,520],{"type":43,"tag":78,"props":471,"children":472},{},[473,478],{"type":43,"tag":68,"props":474,"children":475},{},[476],{"type":49,"value":477},"Design collection structure",{"type":49,"value":479},": Plan collections, fields, and relationships",{"type":43,"tag":78,"props":481,"children":482},{},[483,488],{"type":43,"tag":68,"props":484,"children":485},{},[486],{"type":49,"value":487},"Select field types",{"type":49,"value":489},": Choose appropriate field types for each content element",{"type":43,"tag":78,"props":491,"children":492},{},[493,498],{"type":43,"tag":68,"props":494,"children":495},{},[496],{"type":49,"value":497},"Plan relationships",{"type":49,"value":499},": Design one-to-many and many-to-many connections",{"type":43,"tag":78,"props":501,"children":502},{},[503,508],{"type":43,"tag":68,"props":504,"children":505},{},[506],{"type":49,"value":507},"Consider taxonomy",{"type":49,"value":509},": Determine categories, tags, and organizational structure",{"type":43,"tag":78,"props":511,"children":512},{},[513,518],{"type":43,"tag":68,"props":514,"children":515},{},[516],{"type":49,"value":517},"Plan for scale",{"type":49,"value":519},": Design for growth (pagination, performance, limits)",{"type":43,"tag":78,"props":521,"children":522},{},[523,528],{"type":43,"tag":68,"props":524,"children":525},{},[526],{"type":49,"value":527},"Document decisions",{"type":49,"value":529},": Explain tradeoffs and reasoning",{"type":43,"tag":241,"props":531,"children":533},{"id":532},"phase-4-recommendations-validation",[534],{"type":49,"value":535},"Phase 4: Recommendations & Validation",{"type":43,"tag":248,"props":537,"children":539},{"start":538},15,[540,550,560,570,580,590],{"type":43,"tag":78,"props":541,"children":542},{},[543,548],{"type":43,"tag":68,"props":544,"children":545},{},[546],{"type":49,"value":547},"Generate recommendations",{"type":49,"value":549},": Provide specific, actionable guidance",{"type":43,"tag":78,"props":551,"children":552},{},[553,558],{"type":43,"tag":68,"props":554,"children":555},{},[556],{"type":49,"value":557},"Prioritize changes",{"type":49,"value":559},": Organize by impact (quick wins vs. long-term)",{"type":43,"tag":78,"props":561,"children":562},{},[563,568],{"type":43,"tag":68,"props":564,"children":565},{},[566],{"type":49,"value":567},"Explain tradeoffs",{"type":49,"value":569},": Help users understand limitations and workarounds",{"type":43,"tag":78,"props":571,"children":572},{},[573,578],{"type":43,"tag":68,"props":574,"children":575},{},[576],{"type":49,"value":577},"Validate against best practices",{"type":49,"value":579},": Check against Webflow limitations and patterns",{"type":43,"tag":78,"props":581,"children":582},{},[583,588],{"type":43,"tag":68,"props":584,"children":585},{},[586],{"type":49,"value":587},"Provide alternatives",{"type":49,"value":589},": Offer multiple approaches when applicable",{"type":43,"tag":78,"props":591,"children":592},{},[593,598],{"type":43,"tag":68,"props":594,"children":595},{},[596],{"type":49,"value":597},"Create implementation roadmap",{"type":49,"value":599},": Break down into phases",{"type":43,"tag":241,"props":601,"children":603},{"id":602},"phase-5-implementation-guidance",[604],{"type":49,"value":605},"Phase 5: Implementation Guidance",{"type":43,"tag":248,"props":607,"children":609},{"start":608},21,[610,620,630,640,650],{"type":43,"tag":78,"props":611,"children":612},{},[613,618],{"type":43,"tag":68,"props":614,"children":615},{},[616],{"type":49,"value":617},"Provide step-by-step instructions",{"type":49,"value":619},": Clear guidance for implementation",{"type":43,"tag":78,"props":621,"children":622},{},[623,628],{"type":43,"tag":68,"props":624,"children":625},{},[626],{"type":49,"value":627},"Offer to assist",{"type":49,"value":629},": Suggest using other skills (cms-collection-setup, bulk-cms-update)",{"type":43,"tag":78,"props":631,"children":632},{},[633,638],{"type":43,"tag":68,"props":634,"children":635},{},[636],{"type":49,"value":637},"Document structure",{"type":49,"value":639},": Recommend documentation for team reference",{"type":43,"tag":78,"props":641,"children":642},{},[643,648],{"type":43,"tag":68,"props":644,"children":645},{},[646],{"type":49,"value":647},"Suggest testing approach",{"type":49,"value":649},": Guide on how to validate changes",{"type":43,"tag":78,"props":651,"children":652},{},[653,658],{"type":43,"tag":68,"props":654,"children":655},{},[656],{"type":49,"value":657},"Plan for migration",{"type":49,"value":659},": If refactoring, provide migration strategy",{"type":43,"tag":58,"props":661,"children":663},{"id":662},"collection-architecture",[664],{"type":49,"value":665},"Collection Architecture",{"type":43,"tag":241,"props":667,"children":669},{"id":668},"when-to-use-cms-vs-static",[670],{"type":49,"value":671},"When to Use CMS vs Static",{"type":43,"tag":52,"props":673,"children":674},{},[675],{"type":43,"tag":68,"props":676,"children":677},{},[678],{"type":49,"value":679},"Use CMS when:",{"type":43,"tag":74,"props":681,"children":682},{},[683,688,693,698,703,708,713],{"type":43,"tag":78,"props":684,"children":685},{},[686],{"type":49,"value":687},"Content updates frequently (weekly or more)",{"type":43,"tag":78,"props":689,"children":690},{},[691],{"type":49,"value":692},"Multiple similar items (blog posts, products, team members, projects)",{"type":43,"tag":78,"props":694,"children":695},{},[696],{"type":49,"value":697},"Non-technical users need to edit content",{"type":43,"tag":78,"props":699,"children":700},{},[701],{"type":49,"value":702},"Content needs filtering\u002Fsorting on the frontend",{"type":43,"tag":78,"props":704,"children":705},{},[706],{"type":49,"value":707},"Same content appears on multiple pages (author bios, product features)",{"type":43,"tag":78,"props":709,"children":710},{},[711],{"type":49,"value":712},"Content follows a consistent structure across items",{"type":43,"tag":78,"props":714,"children":715},{},[716],{"type":49,"value":717},"You need to dynamically generate pages",{"type":43,"tag":52,"props":719,"children":720},{},[721],{"type":43,"tag":68,"props":722,"children":723},{},[724],{"type":49,"value":725},"Use Static when:",{"type":43,"tag":74,"props":727,"children":728},{},[729,734,739,744,749,754,759],{"type":43,"tag":78,"props":730,"children":731},{},[732],{"type":49,"value":733},"Content rarely changes (annual updates or less)",{"type":43,"tag":78,"props":735,"children":736},{},[737],{"type":49,"value":738},"Unique one-off sections (about page hero, homepage special features)",{"type":43,"tag":78,"props":740,"children":741},{},[742],{"type":49,"value":743},"Complex custom layouts per item that don't follow patterns",{"type":43,"tag":78,"props":745,"children":746},{},[747],{"type":49,"value":748},"No need for dynamic filtering or search",{"type":43,"tag":78,"props":750,"children":751},{},[752],{"type":49,"value":753},"Content is highly customized and doesn't share structure",{"type":43,"tag":78,"props":755,"children":756},{},[757],{"type":49,"value":758},"Performance is critical and content doesn't change",{"type":43,"tag":78,"props":760,"children":761},{},[762],{"type":49,"value":763},"You need complete design flexibility per section",{"type":43,"tag":52,"props":765,"children":766},{},[767],{"type":43,"tag":68,"props":768,"children":769},{},[770],{"type":49,"value":771},"Hybrid Approach:",{"type":43,"tag":74,"props":773,"children":774},{},[775,780,785],{"type":43,"tag":78,"props":776,"children":777},{},[778],{"type":49,"value":779},"Static pages with CMS-driven sections (e.g., static homepage with CMS testimonials)",{"type":43,"tag":78,"props":781,"children":782},{},[783],{"type":49,"value":784},"CMS for recent content, static archives for old content",{"type":43,"tag":78,"props":786,"children":787},{},[788],{"type":49,"value":789},"Static landing pages, CMS for subpages",{"type":43,"tag":241,"props":791,"children":793},{"id":792},"field-type-selection",[794],{"type":49,"value":795},"Field Type Selection",{"type":43,"tag":797,"props":798,"children":799},"table",{},[800,829],{"type":43,"tag":801,"props":802,"children":803},"thead",{},[804],{"type":43,"tag":805,"props":806,"children":807},"tr",{},[808,814,819,824],{"type":43,"tag":809,"props":810,"children":811},"th",{},[812],{"type":49,"value":813},"Content Type",{"type":43,"tag":809,"props":815,"children":816},{},[817],{"type":49,"value":818},"Recommended Field",{"type":43,"tag":809,"props":820,"children":821},{},[822],{"type":49,"value":823},"Notes",{"type":43,"tag":809,"props":825,"children":826},{},[827],{"type":49,"value":828},"Character Limits",{"type":43,"tag":830,"props":831,"children":832},"tbody",{},[833,857,880,902,925,948,971,994,1017,1040,1063,1086,1109,1132,1155,1178,1201],{"type":43,"tag":805,"props":834,"children":835},{},[836,842,847,852],{"type":43,"tag":837,"props":838,"children":839},"td",{},[840],{"type":49,"value":841},"Short text",{"type":43,"tag":837,"props":843,"children":844},{},[845],{"type":49,"value":846},"Plain Text",{"type":43,"tag":837,"props":848,"children":849},{},[850],{"type":49,"value":851},"Titles, names, slugs",{"type":43,"tag":837,"props":853,"children":854},{},[855],{"type":49,"value":856},"Max 256 chars",{"type":43,"tag":805,"props":858,"children":859},{},[860,865,870,875],{"type":43,"tag":837,"props":861,"children":862},{},[863],{"type":49,"value":864},"Long text (no formatting)",{"type":43,"tag":837,"props":866,"children":867},{},[868],{"type":49,"value":869},"Plain Text (long)",{"type":43,"tag":837,"props":871,"children":872},{},[873],{"type":49,"value":874},"Descriptions, excerpts",{"type":43,"tag":837,"props":876,"children":877},{},[878],{"type":49,"value":879},"Unlimited",{"type":43,"tag":805,"props":881,"children":882},{},[883,888,893,898],{"type":43,"tag":837,"props":884,"children":885},{},[886],{"type":49,"value":887},"Formatted content",{"type":43,"tag":837,"props":889,"children":890},{},[891],{"type":49,"value":892},"Rich Text",{"type":43,"tag":837,"props":894,"children":895},{},[896],{"type":49,"value":897},"Blog content, bios, articles",{"type":43,"tag":837,"props":899,"children":900},{},[901],{"type":49,"value":879},{"type":43,"tag":805,"props":903,"children":904},{},[905,910,915,920],{"type":43,"tag":837,"props":906,"children":907},{},[908],{"type":49,"value":909},"Single image",{"type":43,"tag":837,"props":911,"children":912},{},[913],{"type":49,"value":914},"Image",{"type":43,"tag":837,"props":916,"children":917},{},[918],{"type":49,"value":919},"Photos, thumbnails, headers",{"type":43,"tag":837,"props":921,"children":922},{},[923],{"type":49,"value":924},"4MB max per image",{"type":43,"tag":805,"props":926,"children":927},{},[928,933,938,943],{"type":43,"tag":837,"props":929,"children":930},{},[931],{"type":49,"value":932},"Multiple images",{"type":43,"tag":837,"props":934,"children":935},{},[936],{"type":49,"value":937},"Multi-image",{"type":43,"tag":837,"props":939,"children":940},{},[941],{"type":49,"value":942},"Galleries, product photos",{"type":43,"tag":837,"props":944,"children":945},{},[946],{"type":49,"value":947},"Up to 25 images",{"type":43,"tag":805,"props":949,"children":950},{},[951,956,961,966],{"type":43,"tag":837,"props":952,"children":953},{},[954],{"type":49,"value":955},"File downloads",{"type":43,"tag":837,"props":957,"children":958},{},[959],{"type":49,"value":960},"File",{"type":43,"tag":837,"props":962,"children":963},{},[964],{"type":49,"value":965},"PDFs, documents, downloads",{"type":43,"tag":837,"props":967,"children":968},{},[969],{"type":49,"value":970},"4MB max per file",{"type":43,"tag":805,"props":972,"children":973},{},[974,979,984,989],{"type":43,"tag":837,"props":975,"children":976},{},[977],{"type":49,"value":978},"Yes\u002FNo values",{"type":43,"tag":837,"props":980,"children":981},{},[982],{"type":49,"value":983},"Switch",{"type":43,"tag":837,"props":985,"children":986},{},[987],{"type":49,"value":988},"Featured flags, visibility toggles",{"type":43,"tag":837,"props":990,"children":991},{},[992],{"type":49,"value":993},"Boolean",{"type":43,"tag":805,"props":995,"children":996},{},[997,1002,1007,1012],{"type":43,"tag":837,"props":998,"children":999},{},[1000],{"type":49,"value":1001},"Single choice",{"type":43,"tag":837,"props":1003,"children":1004},{},[1005],{"type":49,"value":1006},"Option",{"type":43,"tag":837,"props":1008,"children":1009},{},[1010],{"type":49,"value":1011},"Status, type, category",{"type":43,"tag":837,"props":1013,"children":1014},{},[1015],{"type":49,"value":1016},"Unlimited options",{"type":43,"tag":805,"props":1018,"children":1019},{},[1020,1025,1030,1035],{"type":43,"tag":837,"props":1021,"children":1022},{},[1023],{"type":49,"value":1024},"Date\u002Ftime",{"type":43,"tag":837,"props":1026,"children":1027},{},[1028],{"type":49,"value":1029},"Date\u002FTime",{"type":43,"tag":837,"props":1031,"children":1032},{},[1033],{"type":49,"value":1034},"Publish dates, events, deadlines",{"type":43,"tag":837,"props":1036,"children":1037},{},[1038],{"type":49,"value":1039},"ISO 8601 format",{"type":43,"tag":805,"props":1041,"children":1042},{},[1043,1048,1053,1058],{"type":43,"tag":837,"props":1044,"children":1045},{},[1046],{"type":49,"value":1047},"Link to one item",{"type":43,"tag":837,"props":1049,"children":1050},{},[1051],{"type":49,"value":1052},"Reference",{"type":43,"tag":837,"props":1054,"children":1055},{},[1056],{"type":49,"value":1057},"Author → Post, Category → Post",{"type":43,"tag":837,"props":1059,"children":1060},{},[1061],{"type":49,"value":1062},"One item",{"type":43,"tag":805,"props":1064,"children":1065},{},[1066,1071,1076,1081],{"type":43,"tag":837,"props":1067,"children":1068},{},[1069],{"type":49,"value":1070},"Link to multiple items",{"type":43,"tag":837,"props":1072,"children":1073},{},[1074],{"type":49,"value":1075},"Multi-reference",{"type":43,"tag":837,"props":1077,"children":1078},{},[1079],{"type":49,"value":1080},"Post → Tags, Post → Related Posts",{"type":43,"tag":837,"props":1082,"children":1083},{},[1084],{"type":49,"value":1085},"Multiple items",{"type":43,"tag":805,"props":1087,"children":1088},{},[1089,1094,1099,1104],{"type":43,"tag":837,"props":1090,"children":1091},{},[1092],{"type":49,"value":1093},"External URL",{"type":43,"tag":837,"props":1095,"children":1096},{},[1097],{"type":49,"value":1098},"Link",{"type":43,"tag":837,"props":1100,"children":1101},{},[1102],{"type":49,"value":1103},"Social links, external resources",{"type":43,"tag":837,"props":1105,"children":1106},{},[1107],{"type":49,"value":1108},"Max 2048 chars",{"type":43,"tag":805,"props":1110,"children":1111},{},[1112,1117,1122,1127],{"type":43,"tag":837,"props":1113,"children":1114},{},[1115],{"type":49,"value":1116},"Numeric values",{"type":43,"tag":837,"props":1118,"children":1119},{},[1120],{"type":49,"value":1121},"Number",{"type":43,"tag":837,"props":1123,"children":1124},{},[1125],{"type":49,"value":1126},"Prices, ratings, order, counts",{"type":43,"tag":837,"props":1128,"children":1129},{},[1130],{"type":49,"value":1131},"Integer or decimal",{"type":43,"tag":805,"props":1133,"children":1134},{},[1135,1140,1145,1150],{"type":43,"tag":837,"props":1136,"children":1137},{},[1138],{"type":49,"value":1139},"Phone numbers",{"type":43,"tag":837,"props":1141,"children":1142},{},[1143],{"type":49,"value":1144},"Phone",{"type":43,"tag":837,"props":1146,"children":1147},{},[1148],{"type":49,"value":1149},"Contact numbers",{"type":43,"tag":837,"props":1151,"children":1152},{},[1153],{"type":49,"value":1154},"E.164 format",{"type":43,"tag":805,"props":1156,"children":1157},{},[1158,1163,1168,1173],{"type":43,"tag":837,"props":1159,"children":1160},{},[1161],{"type":49,"value":1162},"Email addresses",{"type":43,"tag":837,"props":1164,"children":1165},{},[1166],{"type":49,"value":1167},"Email",{"type":43,"tag":837,"props":1169,"children":1170},{},[1171],{"type":49,"value":1172},"Contact emails",{"type":43,"tag":837,"props":1174,"children":1175},{},[1176],{"type":49,"value":1177},"Valid email format",{"type":43,"tag":805,"props":1179,"children":1180},{},[1181,1186,1191,1196],{"type":43,"tag":837,"props":1182,"children":1183},{},[1184],{"type":49,"value":1185},"Color values",{"type":43,"tag":837,"props":1187,"children":1188},{},[1189],{"type":49,"value":1190},"Color",{"type":43,"tag":837,"props":1192,"children":1193},{},[1194],{"type":49,"value":1195},"Theme colors, accents, brand colors",{"type":43,"tag":837,"props":1197,"children":1198},{},[1199],{"type":49,"value":1200},"Hex format",{"type":43,"tag":805,"props":1202,"children":1203},{},[1204,1209,1214,1219],{"type":43,"tag":837,"props":1205,"children":1206},{},[1207],{"type":49,"value":1208},"Video embeds",{"type":43,"tag":837,"props":1210,"children":1211},{},[1212],{"type":49,"value":1213},"Video",{"type":43,"tag":837,"props":1215,"children":1216},{},[1217],{"type":49,"value":1218},"YouTube, Vimeo embeds",{"type":43,"tag":837,"props":1220,"children":1221},{},[1222],{"type":49,"value":1223},"Embed URL",{"type":43,"tag":241,"props":1225,"children":1227},{"id":1226},"field-type-decision-tree",[1228],{"type":49,"value":1229},"Field Type Decision Tree",{"type":43,"tag":1231,"props":1232,"children":1236},"pre",{"className":1233,"code":1235,"language":49},[1234],"language-text","Need to store:\n├── Text?\n│   ├── Short (≤256 chars)? → Plain Text\n│   ├── Long + Formatting? → Rich Text\n│   └── Long + No Formatting? → Plain Text (long)\n├── Media?\n│   ├── Single image? → Image\n│   ├── Multiple images? → Multi-image\n│   ├── Video? → Video\n│   └── File download? → File\n├── Choice\u002FSelection?\n│   ├── Yes\u002FNo? → Switch\n│   ├── One option? → Option\n│   └── Link to item? → Reference\u002FMulti-reference\n├── Structured data?\n│   ├── Number? → Number\n│   ├── Date\u002FTime? → Date\u002FTime\n│   ├── Phone? → Phone\n│   ├── Email? → Email\n│   └── URL? → Link\n└── Visual?\n    └── Color? → Color\n",[1237],{"type":43,"tag":84,"props":1238,"children":1240},{"__ignoreMap":1239},"",[1241],{"type":49,"value":1235},{"type":43,"tag":58,"props":1243,"children":1245},{"id":1244},"relationship-patterns",[1246],{"type":49,"value":1247},"Relationship Patterns",{"type":43,"tag":241,"props":1249,"children":1251},{"id":1250},"one-to-many-reference-field",[1252],{"type":49,"value":1253},"One-to-Many (Reference Field)",{"type":43,"tag":52,"props":1255,"children":1256},{},[1257,1262],{"type":43,"tag":68,"props":1258,"children":1259},{},[1260],{"type":49,"value":1261},"Example:",{"type":49,"value":1263}," Posts → Author",{"type":43,"tag":1231,"props":1265,"children":1268},{"className":1266,"code":1267,"language":49},[1234],"Authors Collection:\n├── name (Text, required)\n├── slug (Text, required)\n├── bio (Rich Text)\n├── photo (Image)\n├── title (Text) - job title\n├── email (Email)\n└── social-links (Link)\n\nPosts Collection:\n├── title (Text, required)\n├── slug (Text, required)\n├── content (Rich Text)\n└── author (Reference → Authors)  ← Each post has ONE author\n",[1269],{"type":43,"tag":84,"props":1270,"children":1271},{"__ignoreMap":1239},[1272],{"type":49,"value":1267},{"type":43,"tag":52,"props":1274,"children":1275},{},[1276,1281,1283,1289,1291,1297,1298],{"type":43,"tag":68,"props":1277,"children":1278},{},[1279],{"type":49,"value":1280},"Display:",{"type":49,"value":1282}," On post page, access ",{"type":43,"tag":84,"props":1284,"children":1286},{"className":1285},[],[1287],{"type":49,"value":1288},"author.name",{"type":49,"value":1290},", ",{"type":43,"tag":84,"props":1292,"children":1294},{"className":1293},[],[1295],{"type":49,"value":1296},"author.photo",{"type":49,"value":1290},{"type":43,"tag":84,"props":1299,"children":1301},{"className":1300},[],[1302],{"type":49,"value":1303},"author.bio",{"type":43,"tag":52,"props":1305,"children":1306},{},[1307,1312],{"type":43,"tag":68,"props":1308,"children":1309},{},[1310],{"type":49,"value":1311},"Filtering:",{"type":49,"value":1313}," Can filter posts by specific author",{"type":43,"tag":52,"props":1315,"children":1316},{},[1317],{"type":43,"tag":68,"props":1318,"children":1319},{},[1320],{"type":49,"value":1321},"Advantages:",{"type":43,"tag":74,"props":1323,"children":1324},{},[1325,1330,1335,1340],{"type":43,"tag":78,"props":1326,"children":1327},{},[1328],{"type":49,"value":1329},"✅ Centralized author data (update once, reflects everywhere)",{"type":43,"tag":78,"props":1331,"children":1332},{},[1333],{"type":49,"value":1334},"✅ Easy to maintain consistency",{"type":43,"tag":78,"props":1336,"children":1337},{},[1338],{"type":49,"value":1339},"✅ Can create author profile pages showing all their posts",{"type":43,"tag":78,"props":1341,"children":1342},{},[1343],{"type":49,"value":1344},"✅ Efficient (one reference per post)",{"type":43,"tag":52,"props":1346,"children":1347},{},[1348],{"type":43,"tag":68,"props":1349,"children":1350},{},[1351],{"type":49,"value":1352},"Use cases:",{"type":43,"tag":74,"props":1354,"children":1355},{},[1356,1361,1366,1371,1376],{"type":43,"tag":78,"props":1357,"children":1358},{},[1359],{"type":49,"value":1360},"Blog posts → Author",{"type":43,"tag":78,"props":1362,"children":1363},{},[1364],{"type":49,"value":1365},"Products → Brand",{"type":43,"tag":78,"props":1367,"children":1368},{},[1369],{"type":49,"value":1370},"Events → Venue",{"type":43,"tag":78,"props":1372,"children":1373},{},[1374],{"type":49,"value":1375},"Projects → Client",{"type":43,"tag":78,"props":1377,"children":1378},{},[1379],{"type":49,"value":1380},"Testimonials → Customer",{"type":43,"tag":241,"props":1382,"children":1384},{"id":1383},"many-to-many-multi-reference",[1385],{"type":49,"value":1386},"Many-to-Many (Multi-Reference)",{"type":43,"tag":52,"props":1388,"children":1389},{},[1390,1394],{"type":43,"tag":68,"props":1391,"children":1392},{},[1393],{"type":49,"value":1261},{"type":49,"value":1395}," Posts ↔ Tags",{"type":43,"tag":1231,"props":1397,"children":1400},{"className":1398,"code":1399,"language":49},[1234],"Tags Collection:\n├── name (Text, required)\n├── slug (Text, required)\n├── description (Plain Text)\n└── color (Color) - optional visual grouping\n\nPosts Collection:\n├── title (Text, required)\n├── slug (Text, required)\n├── content (Rich Text)\n└── tags (Multi-Reference → Tags)  ← Each post has MANY tags\n",[1401],{"type":43,"tag":84,"props":1402,"children":1403},{"__ignoreMap":1239},[1404],{"type":49,"value":1399},{"type":43,"tag":52,"props":1406,"children":1407},{},[1408,1412,1414,1420],{"type":43,"tag":68,"props":1409,"children":1410},{},[1411],{"type":49,"value":1280},{"type":49,"value":1413}," On post page, loop through ",{"type":43,"tag":84,"props":1415,"children":1417},{"className":1416},[],[1418],{"type":49,"value":1419},"tags",{"type":49,"value":1421}," to show all tags",{"type":43,"tag":52,"props":1423,"children":1424},{},[1425,1429],{"type":43,"tag":68,"props":1426,"children":1427},{},[1428],{"type":49,"value":1311},{"type":49,"value":1430}," Can filter posts by specific tag",{"type":43,"tag":52,"props":1432,"children":1433},{},[1434],{"type":43,"tag":68,"props":1435,"children":1436},{},[1437],{"type":49,"value":1321},{"type":43,"tag":74,"props":1439,"children":1440},{},[1441,1446,1451,1456],{"type":43,"tag":78,"props":1442,"children":1443},{},[1444],{"type":49,"value":1445},"✅ Flexible content organization",{"type":43,"tag":78,"props":1447,"children":1448},{},[1449],{"type":49,"value":1450},"✅ Cross-linking related content",{"type":43,"tag":78,"props":1452,"children":1453},{},[1454],{"type":49,"value":1455},"✅ Better SEO (topic clustering)",{"type":43,"tag":78,"props":1457,"children":1458},{},[1459],{"type":49,"value":1460},"✅ Enhanced user navigation",{"type":43,"tag":52,"props":1462,"children":1463},{},[1464],{"type":43,"tag":68,"props":1465,"children":1466},{},[1467],{"type":49,"value":1468},"Limitations:",{"type":43,"tag":74,"props":1470,"children":1471},{},[1472,1477,1482,1487],{"type":43,"tag":78,"props":1473,"children":1474},{},[1475],{"type":49,"value":1476},"⚠️ Max 5 multi-reference fields per collection",{"type":43,"tag":78,"props":1478,"children":1479},{},[1480],{"type":49,"value":1481},"⚠️ Can only filter by ONE multi-reference value at a time in collection lists",{"type":43,"tag":78,"props":1483,"children":1484},{},[1485],{"type":49,"value":1486},"⚠️ Cannot sort by referenced field values",{"type":43,"tag":78,"props":1488,"children":1489},{},[1490],{"type":49,"value":1491},"⚠️ Each reference = additional query (impacts performance)",{"type":43,"tag":52,"props":1493,"children":1494},{},[1495],{"type":43,"tag":68,"props":1496,"children":1497},{},[1498],{"type":49,"value":1499},"Workarounds for multiple tag filtering:",{"type":43,"tag":248,"props":1501,"children":1502},{},[1503,1508,1513,1518],{"type":43,"tag":78,"props":1504,"children":1505},{},[1506],{"type":49,"value":1507},"Create combined tags (e.g., \"vegan-gluten-free\")",{"type":43,"tag":78,"props":1509,"children":1510},{},[1511],{"type":49,"value":1512},"Use Finsweet CMS Filter for client-side filtering",{"type":43,"tag":78,"props":1514,"children":1515},{},[1516],{"type":49,"value":1517},"Create separate filtered collection lists for common combinations",{"type":43,"tag":78,"props":1519,"children":1520},{},[1521],{"type":49,"value":1522},"Use custom code with Webflow API",{"type":43,"tag":52,"props":1524,"children":1525},{},[1526],{"type":43,"tag":68,"props":1527,"children":1528},{},[1529],{"type":49,"value":1352},{"type":43,"tag":74,"props":1531,"children":1532},{},[1533,1538,1543,1548,1553],{"type":43,"tag":78,"props":1534,"children":1535},{},[1536],{"type":49,"value":1537},"Blog posts ↔ Tags",{"type":43,"tag":78,"props":1539,"children":1540},{},[1541],{"type":49,"value":1542},"Products ↔ Features",{"type":43,"tag":78,"props":1544,"children":1545},{},[1546],{"type":49,"value":1547},"Projects ↔ Technologies",{"type":43,"tag":78,"props":1549,"children":1550},{},[1551],{"type":49,"value":1552},"Recipes ↔ Ingredients",{"type":43,"tag":78,"props":1554,"children":1555},{},[1556],{"type":49,"value":1557},"Courses ↔ Topics",{"type":43,"tag":241,"props":1559,"children":1561},{"id":1560},"self-reference-nested-collections",[1562],{"type":49,"value":1563},"Self-Reference (Nested Collections)",{"type":43,"tag":52,"props":1565,"children":1566},{},[1567,1571],{"type":43,"tag":68,"props":1568,"children":1569},{},[1570],{"type":49,"value":1261},{"type":49,"value":1572}," Categories with subcategories",{"type":43,"tag":1231,"props":1574,"children":1577},{"className":1575,"code":1576,"language":49},[1234],"Categories Collection:\n├── name (Text, required)\n├── slug (Text, required)\n├── description (Plain Text)\n├── parent (Reference → Categories)  ← Self-reference for hierarchy\n└── level (Number) - 1, 2, 3 for display logic\n",[1578],{"type":43,"tag":84,"props":1579,"children":1580},{"__ignoreMap":1239},[1581],{"type":49,"value":1576},{"type":43,"tag":52,"props":1583,"children":1584},{},[1585],{"type":43,"tag":68,"props":1586,"children":1587},{},[1588],{"type":49,"value":1352},{"type":43,"tag":74,"props":1590,"children":1591},{},[1592,1597,1602,1607],{"type":43,"tag":78,"props":1593,"children":1594},{},[1595],{"type":49,"value":1596},"Categories with subcategories",{"type":43,"tag":78,"props":1598,"children":1599},{},[1600],{"type":49,"value":1601},"Menu items with sub-menu items",{"type":43,"tag":78,"props":1603,"children":1604},{},[1605],{"type":49,"value":1606},"Organizational hierarchy",{"type":43,"tag":78,"props":1608,"children":1609},{},[1610],{"type":49,"value":1611},"Product taxonomy",{"type":43,"tag":52,"props":1613,"children":1614},{},[1615],{"type":43,"tag":68,"props":1616,"children":1617},{},[1618],{"type":49,"value":1321},{"type":43,"tag":74,"props":1620,"children":1621},{},[1622,1627,1632],{"type":43,"tag":78,"props":1623,"children":1624},{},[1625],{"type":49,"value":1626},"✅ Flexible hierarchy",{"type":43,"tag":78,"props":1628,"children":1629},{},[1630],{"type":49,"value":1631},"✅ Unlimited depth (theoretically)",{"type":43,"tag":78,"props":1633,"children":1634},{},[1635],{"type":49,"value":1636},"✅ Easy to reorganize",{"type":43,"tag":52,"props":1638,"children":1639},{},[1640],{"type":43,"tag":68,"props":1641,"children":1642},{},[1643],{"type":49,"value":1468},{"type":43,"tag":74,"props":1645,"children":1646},{},[1647,1652,1657],{"type":43,"tag":78,"props":1648,"children":1649},{},[1650],{"type":49,"value":1651},"⚠️ Complex to display nested levels in Webflow",{"type":43,"tag":78,"props":1653,"children":1654},{},[1655],{"type":49,"value":1656},"⚠️ Max 2-3 levels recommended for practical implementation",{"type":43,"tag":78,"props":1658,"children":1659},{},[1660],{"type":49,"value":1661},"⚠️ Requires custom logic for deep nesting",{"type":43,"tag":52,"props":1663,"children":1664},{},[1665,1670],{"type":43,"tag":68,"props":1666,"children":1667},{},[1668],{"type":49,"value":1669},"Alternative:",{"type":49,"value":1671}," Use Option field for simple 1-2 level categorization",{"type":43,"tag":241,"props":1673,"children":1675},{"id":1674},"bidirectional-relationships",[1676],{"type":49,"value":1677},"Bidirectional Relationships",{"type":43,"tag":52,"props":1679,"children":1680},{},[1681,1685],{"type":43,"tag":68,"props":1682,"children":1683},{},[1684],{"type":49,"value":1261},{"type":49,"value":1686}," Related Posts",{"type":43,"tag":1231,"props":1688,"children":1691},{"className":1689,"code":1690,"language":49},[1234],"Posts Collection:\n├── title (Text, required)\n├── slug (Text, required)\n├── content (Rich Text)\n└── related-posts (Multi-Reference → Posts)  ← Self-reference to other posts\n",[1692],{"type":43,"tag":84,"props":1693,"children":1694},{"__ignoreMap":1239},[1695],{"type":49,"value":1690},{"type":43,"tag":52,"props":1697,"children":1698},{},[1699,1703],{"type":43,"tag":68,"props":1700,"children":1701},{},[1702],{"type":49,"value":1280},{"type":49,"value":1704}," Show related posts at bottom of post page",{"type":43,"tag":52,"props":1706,"children":1707},{},[1708],{"type":43,"tag":68,"props":1709,"children":1710},{},[1711],{"type":49,"value":1321},{"type":43,"tag":74,"props":1713,"children":1714},{},[1715,1720,1725],{"type":43,"tag":78,"props":1716,"children":1717},{},[1718],{"type":49,"value":1719},"✅ Keeps users engaged longer",{"type":43,"tag":78,"props":1721,"children":1722},{},[1723],{"type":49,"value":1724},"✅ Better SEO (internal linking)",{"type":43,"tag":78,"props":1726,"children":1727},{},[1728],{"type":49,"value":1729},"✅ Flexible content connections",{"type":43,"tag":52,"props":1731,"children":1732},{},[1733],{"type":43,"tag":68,"props":1734,"children":1735},{},[1736],{"type":49,"value":1737},"Challenges:",{"type":43,"tag":74,"props":1739,"children":1740},{},[1741,1746,1751],{"type":43,"tag":78,"props":1742,"children":1743},{},[1744],{"type":49,"value":1745},"⚠️ Not truly bidirectional (A → B doesn't automatically create B → A)",{"type":43,"tag":78,"props":1747,"children":1748},{},[1749],{"type":49,"value":1750},"⚠️ Must manually maintain both directions if needed",{"type":43,"tag":78,"props":1752,"children":1753},{},[1754],{"type":49,"value":1755},"⚠️ Can be time-consuming for content editors",{"type":43,"tag":52,"props":1757,"children":1758},{},[1759],{"type":43,"tag":68,"props":1760,"children":1761},{},[1762],{"type":49,"value":1763},"Solutions:",{"type":43,"tag":248,"props":1765,"children":1766},{},[1767,1772,1777],{"type":43,"tag":78,"props":1768,"children":1769},{},[1770],{"type":49,"value":1771},"Use tags for automatic \"related by tag\" logic",{"type":43,"tag":78,"props":1773,"children":1774},{},[1775],{"type":49,"value":1776},"Manual curation for most important connections",{"type":43,"tag":78,"props":1778,"children":1779},{},[1780],{"type":49,"value":1781},"Hybrid: Manual + automated based on tags\u002Fcategory",{"type":43,"tag":58,"props":1783,"children":1785},{"id":1784},"examples",[1786],{"type":49,"value":1787},"Examples",{"type":43,"tag":241,"props":1789,"children":1791},{"id":1790},"example-1-planning-new-cms-structure",[1792],{"type":49,"value":1793},"Example 1: Planning New CMS Structure",{"type":43,"tag":52,"props":1795,"children":1796},{},[1797],{"type":43,"tag":68,"props":1798,"children":1799},{},[1800],{"type":49,"value":1801},"User prompt:",{"type":43,"tag":1231,"props":1803,"children":1806},{"className":1804,"code":1805,"language":49},[1234],"I'm building a recipe site. How should I structure the CMS?\n",[1807],{"type":43,"tag":84,"props":1808,"children":1809},{"__ignoreMap":1239},[1810],{"type":49,"value":1805},{"type":43,"tag":52,"props":1812,"children":1813},{},[1814],{"type":43,"tag":68,"props":1815,"children":1816},{},[1817],{"type":49,"value":1818},"Step 1: Requirements Gathering",{"type":43,"tag":1231,"props":1820,"children":1823},{"className":1821,"code":1822,"language":49},[1234],"📐 CMS Planning: Recipe Site\n\nLet me ask a few questions to design the best structure:\n\n1. **Content Volume**: How many recipes do you plan to have?\n   - Small (≤50): Simple structure\n   - Medium (50-200): Moderate organization\n   - Large (200+): Advanced taxonomy needed\n\n2. **Recipe Attributes**: What information will each recipe have?\n   - Basic: Name, ingredients, instructions, image\n   - Advanced: Prep time, cook time, difficulty, nutrition, dietary tags\n\n3. **Organization Needs**: How will users find recipes?\n   - By meal type (breakfast, lunch, dinner)\n   - By cuisine (Italian, Mexican, Asian)\n   - By dietary restrictions (vegan, gluten-free, keto)\n   - By cooking method (baking, grilling, slow cooker)\n   - By ingredients (chicken, pasta, vegetables)\n\n4. **Author Setup**: Single or multiple authors?\n   - Single: You manage all content\n   - Multiple: Team of recipe creators\n\n5. **User Engagement**: What interactive features?\n   - Comments\u002Freviews\n   - Ratings\n   - Save favorites\n   - Print recipe cards\n\nBased on your answers, I'll design the optimal CMS architecture.\n",[1824],{"type":43,"tag":84,"props":1825,"children":1826},{"__ignoreMap":1239},[1827],{"type":49,"value":1822},{"type":43,"tag":52,"props":1829,"children":1830},{},[1831],{"type":43,"tag":68,"props":1832,"children":1833},{},[1834],{"type":49,"value":1835},"Step 2: After User Responds",{"type":43,"tag":1231,"props":1837,"children":1840},{"className":1838,"code":1839,"language":49},[1234],"📐 Recommended CMS Architecture: Recipe Site\n\nBased on your requirements (Medium volume, Multiple authors, Advanced filtering):\n\n---\n\n## Collections Needed: 4\n\n### 1. Recipes (Main Content)\n├── name (Text, required) - \"Homemade Pasta Carbonara\"\n├── slug (Text, required) - \"homemade-pasta-carbonara\"\n├── description (Plain Text, 160 chars) - Brief summary for SEO\n├── featured-image (Image) - Hero image for detail page\n├── thumbnail-image (Image) - Smaller image for grid cards\n├── prep-time (Number, required) - Minutes of prep\n├── cook-time (Number, required) - Minutes of cooking\n├── total-time (Number) - Auto-calculated or manual\n├── servings (Number, required) - Number of servings\n├── difficulty (Option: Easy, Medium, Hard)\n├── ingredients (Rich Text, required) - Ingredient list with quantities\n├── instructions (Rich Text, required) - Step-by-step directions\n├── notes (Rich Text) - Cook's notes, tips, substitutions\n├── nutrition-info (Plain Text) - Calories, protein, etc.\n├── author (Reference → Authors, required)\n├── category (Reference → Categories, required) - Primary meal type\n├── cuisine (Reference → Cuisines) - Italian, Mexican, etc.\n├── dietary-tags (Multi-Reference → Dietary Tags) - Vegan, GF, etc.\n├── cooking-methods (Multi-Reference → Methods) - Baking, Grilling, etc.\n├── featured (Switch) - Highlight on homepage\n├── published-date (Date, required)\n└── view-count (Number) - Track popularity\n\n**Total fields:** 22 fields\n**Plan required:** CMS plan minimum (20 collections, 2000 items)\n\n### 2. Authors\n├── name (Text, required)\n├── slug (Text, required)\n├── title (Text) - \"Head Chef\", \"Recipe Developer\"\n├── bio (Rich Text)\n├── photo (Image)\n├── specialty (Plain Text) - \"Italian Cuisine\", \"Baking\"\n├── social-instagram (Link)\n├── social-website (Link)\n└── email (Email)\n\n**Purpose:** Reusable author information across all recipes\n\n### 3. Categories\n├── name (Text, required) - \"Breakfast\", \"Lunch\", \"Dinner\", \"Desserts\"\n├── slug (Text, required)\n├── description (Plain Text)\n├── image (Image) - Category hero image\n├── color (Color) - Brand color for UI\n└── sort-order (Number) - Control display order\n\n**Purpose:** Primary meal type classification\n\n**Suggested Categories (8):**\n- Breakfast & Brunch\n- Appetizers & Snacks\n- Lunch\n- Dinner & Main Courses\n- Side Dishes\n- Salads\n- Desserts & Sweets\n- Drinks & Beverages\n\n### 4. Cuisines\n├── name (Text, required) - \"Italian\", \"Mexican\", \"Asian\"\n├── slug (Text, required)\n├── description (Plain Text)\n└── flag-icon (Image) - Optional visual\n\n**Purpose:** Filter by cuisine type\n\n**Suggested Cuisines (12):**\n- American, Italian, Mexican, Asian, Mediterranean, French, Indian, Thai,\n  Chinese, Japanese, Greek, Middle Eastern\n\n### 5. Dietary Tags\n├── name (Text, required) - \"Vegan\", \"Gluten-Free\", \"Keto\"\n├── slug (Text, required)\n├── description (Plain Text)\n├── icon (Image) - Badge icon\n└── color (Color) - Badge color\n\n**Purpose:** Multi-select dietary filters\n\n**Suggested Tags (10):**\n- Vegetarian, Vegan, Gluten-Free, Dairy-Free, Keto, Paleo, Low-Carb,\n  High-Protein, Nut-Free, Pescatarian\n\n### 6. Cooking Methods\n├── name (Text, required) - \"Baking\", \"Grilling\", \"Slow Cooker\"\n├── slug (Text, required)\n└── description (Plain Text)\n\n**Purpose:** Filter by cooking technique\n\n**Suggested Methods (8):**\n- Baking, Grilling, Slow Cooker, Instant Pot, Stovetop, No-Cook,\n  Air Fryer, Sous Vide\n\n---\n\n## Relationship Map\n\n",[1841],{"type":43,"tag":84,"props":1842,"children":1843},{"__ignoreMap":1239},[1844],{"type":49,"value":1839},{"type":43,"tag":52,"props":1846,"children":1847},{},[1848],{"type":49,"value":1849},"Recipe → Author (one-to-many)\n↓\nRecipe → Category (one-to-many)\n↓\nRecipe → Cuisine (one-to-many)\n↓\nRecipe → Dietary Tags (many-to-many)\n↓\nRecipe → Cooking Methods (many-to-many)",{"type":43,"tag":1231,"props":1851,"children":1854},{"className":1852,"code":1853,"language":49},[1234],"\n**Multi-reference count:** 2 fields (within 5-field limit ✅)\n\n---\n\n## Recommended Page Structure\n\n### 1. Homepage (\u002F)\n- Hero section with featured recipe\n- Category cards (8 categories)\n- Latest recipes (collection list, 6 items)\n- Popular recipes (sorted by view-count)\n- Call-to-action\n\n### 2. Recipes Index (\u002Frecipes)\n- Collection list showing all recipes\n- Filter sidebar:\n  - Category (tabs or dropdown)\n  - Cuisine (multi-select)\n  - Dietary tags (checkboxes)\n  - Cooking time (\u003C 30 min, 30-60 min, 60+ min)\n  - Difficulty (easy, medium, hard)\n- Pagination (12 recipes per page)\n- Search bar (Finsweet CMS Filter)\n\n### 3. Recipe Detail (\u002Frecipes\u002F[slug])\n- Hero image + title\n- Prep\u002Fcook\u002Ftotal time + servings\n- Difficulty badge + dietary badges\n- Ingredients list\n- Step-by-step instructions\n- Author card with bio\n- Related recipes (same category or tags)\n- Print button\n\n### 4. Category Pages (\u002Fcategory\u002F[slug])\n- Category hero image + description\n- Filtered recipes by category\n- Breadcrumbs: Home > Recipes > [Category]\n- Related categories\n\n### 5. Cuisine Pages (\u002Fcuisine\u002F[slug])\n- Cuisine description + flag\n- Filtered recipes by cuisine\n- Popular cuisines sidebar\n\n### 6. Author Profiles (\u002Fauthors\u002F[slug])\n- Author photo + bio\n- Author's recipes (collection list)\n- Social links\n- Author stats (total recipes, join date)\n\n### 7. Dietary Filter Pages (\u002Fdiet\u002F[slug])\n- Dietary tag description\n- Filtered recipes by tag\n- Related dietary tags\n\n---\n\n## SEO Optimization\n\n### Collection Template SEO\n",[1855],{"type":43,"tag":84,"props":1856,"children":1857},{"__ignoreMap":1239},[1858],{"type":49,"value":1853},{"type":43,"tag":52,"props":1860,"children":1861},{},[1862,1864,1870],{"type":49,"value":1863},"Recipe Detail Page (\u002Frecipes\u002F",{"type":43,"tag":1865,"props":1866,"children":1867},"span",{},[1868],{"type":49,"value":1869},"slug",{"type":49,"value":1871},"):",{"type":43,"tag":74,"props":1873,"children":1874},{},[1875,1887,1896,1905],{"type":43,"tag":78,"props":1876,"children":1877},{},[1878,1880,1885],{"type":49,"value":1879},"SEO Title: ",{"type":43,"tag":1881,"props":1882,"children":1884},"binding",{"value":1883},"recipe.name",[],{"type":49,"value":1886}," | Your Site Name",{"type":43,"tag":78,"props":1888,"children":1889},{},[1890,1892],{"type":49,"value":1891},"Meta Description: ",{"type":43,"tag":1881,"props":1893,"children":1895},{"value":1894},"recipe.description",[],{"type":43,"tag":78,"props":1897,"children":1898},{},[1899,1901],{"type":49,"value":1900},"OG Image: ",{"type":43,"tag":1881,"props":1902,"children":1904},{"value":1903},"recipe.featured-image",[],{"type":43,"tag":78,"props":1906,"children":1907},{},[1908],{"type":49,"value":1909},"Schema: Recipe structured data (JSON-LD)",{"type":43,"tag":1231,"props":1911,"children":1914},{"className":1912,"code":1913,"language":49},[1234],"\n### Structured Data (Recipe Schema)\n```json\n{\n  \"@context\": \"https:\u002F\u002Fschema.org\u002F\",\n  \"@type\": \"Recipe\",\n  \"name\": \"{{recipe.name}}\",\n  \"image\": \"{{recipe.featured-image}}\",\n  \"author\": {\n    \"@type\": \"Person\",\n    \"name\": \"{{recipe.author.name}}\"\n  },\n  \"datePublished\": \"{{recipe.published-date}}\",\n  \"description\": \"{{recipe.description}}\",\n  \"prepTime\": \"PT{{recipe.prep-time}}M\",\n  \"cookTime\": \"PT{{recipe.cook-time}}M\",\n  \"totalTime\": \"PT{{recipe.total-time}}M\",\n  \"recipeYield\": \"{{recipe.servings}} servings\",\n  \"recipeIngredient\": [...],\n  \"recipeInstructions\": [...]\n}\n",[1915],{"type":43,"tag":84,"props":1916,"children":1917},{"__ignoreMap":1239},[1918],{"type":49,"value":1913},{"type":43,"tag":52,"props":1920,"children":1921},{},[1922],{"type":43,"tag":68,"props":1923,"children":1924},{},[1925],{"type":49,"value":1926},"Benefits:",{"type":43,"tag":74,"props":1928,"children":1929},{},[1930,1935,1940,1945],{"type":43,"tag":78,"props":1931,"children":1932},{},[1933],{"type":49,"value":1934},"Rich snippets in Google search",{"type":43,"tag":78,"props":1936,"children":1937},{},[1938],{"type":49,"value":1939},"Better CTR (images, ratings, cook time in results)",{"type":43,"tag":78,"props":1941,"children":1942},{},[1943],{"type":49,"value":1944},"Voice search optimization",{"type":43,"tag":78,"props":1946,"children":1947},{},[1948],{"type":49,"value":1949},"Better recipe discovery",{"type":43,"tag":1951,"props":1952,"children":1953},"hr",{},[],{"type":43,"tag":58,"props":1955,"children":1957},{"id":1956},"performance-optimization",[1958],{"type":49,"value":1959},"Performance Optimization",{"type":43,"tag":241,"props":1961,"children":1963},{"id":1962},"for-50-200-recipes",[1964],{"type":49,"value":1965},"For 50-200 Recipes:",{"type":43,"tag":52,"props":1967,"children":1968},{},[1969],{"type":43,"tag":68,"props":1970,"children":1971},{},[1972],{"type":49,"value":1973},"1. Pagination Strategy",{"type":43,"tag":1231,"props":1975,"children":1978},{"className":1976,"code":1977,"language":49},[1234],"Recipes Index page:\n- Limit: 12 recipes per page\n- Enable Webflow pagination\n- \"Load More\" button for smoother UX\n",[1979],{"type":43,"tag":84,"props":1980,"children":1981},{"__ignoreMap":1239},[1982],{"type":49,"value":1977},{"type":43,"tag":52,"props":1984,"children":1985},{},[1986],{"type":43,"tag":68,"props":1987,"children":1988},{},[1989],{"type":49,"value":1990},"2. Image Optimization",{"type":43,"tag":1231,"props":1992,"children":1995},{"className":1993,"code":1994,"language":49},[1234],"Thumbnail: 400x300px (grid cards)\nFeatured: 1200x800px (detail pages)\nFormat: WebP when possible\nLoading: lazy for below-fold images\n",[1996],{"type":43,"tag":84,"props":1997,"children":1998},{"__ignoreMap":1239},[1999],{"type":49,"value":1994},{"type":43,"tag":52,"props":2001,"children":2002},{},[2003],{"type":43,"tag":68,"props":2004,"children":2005},{},[2006],{"type":49,"value":2007},"3. Reference Field Strategy",{"type":43,"tag":1231,"props":2009,"children":2012},{"className":2010,"code":2011,"language":49},[1234],"Display only needed fields:\n- Author name + photo (don't bind entire author object)\n- Category name + color (skip unused fields)\n- Each reference = query, so minimize bindings\n",[2013],{"type":43,"tag":84,"props":2014,"children":2015},{"__ignoreMap":1239},[2016],{"type":49,"value":2011},{"type":43,"tag":52,"props":2018,"children":2019},{},[2020],{"type":43,"tag":68,"props":2021,"children":2022},{},[2023],{"type":49,"value":2024},"4. Collection List Limits",{"type":43,"tag":1231,"props":2026,"children":2029},{"className":2027,"code":2028,"language":49},[1234],"Homepage: 6 featured recipes\nCategory pages: 12 recipes per page\nAuthor pages: 12 recipes per page\nRelated recipes: 3-4 max\n",[2030],{"type":43,"tag":84,"props":2031,"children":2032},{"__ignoreMap":1239},[2033],{"type":49,"value":2028},{"type":43,"tag":1951,"props":2035,"children":2036},{},[],{"type":43,"tag":58,"props":2038,"children":2039},{"id":19},[2040],{"type":49,"value":18},{"type":43,"tag":241,"props":2042,"children":2044},{"id":2043},"phase-1-foundation-weeks-1-2",[2045],{"type":49,"value":2046},"Phase 1: Foundation (Weeks 1-2)",{"type":43,"tag":74,"props":2048,"children":2051},{"className":2049},[2050],"contains-task-list",[2052,2065,2074,2083,2092],{"type":43,"tag":78,"props":2053,"children":2056},{"className":2054},[2055],"task-list-item",[2057,2063],{"type":43,"tag":2058,"props":2059,"children":2062},"input",{"disabled":2060,"type":2061},true,"checkbox",[],{"type":49,"value":2064}," Create Authors (3-5 authors)",{"type":43,"tag":78,"props":2066,"children":2068},{"className":2067},[2055],[2069,2072],{"type":43,"tag":2058,"props":2070,"children":2071},{"disabled":2060,"type":2061},[],{"type":49,"value":2073}," Create Categories (8 categories)",{"type":43,"tag":78,"props":2075,"children":2077},{"className":2076},[2055],[2078,2081],{"type":43,"tag":2058,"props":2079,"children":2080},{"disabled":2060,"type":2061},[],{"type":49,"value":2082}," Create Cuisines (10-12 cuisines)",{"type":43,"tag":78,"props":2084,"children":2086},{"className":2085},[2055],[2087,2090],{"type":43,"tag":2058,"props":2088,"children":2089},{"disabled":2060,"type":2061},[],{"type":49,"value":2091}," Create Dietary Tags (8-10 tags)",{"type":43,"tag":78,"props":2093,"children":2095},{"className":2094},[2055],[2096,2099],{"type":43,"tag":2058,"props":2097,"children":2098},{"disabled":2060,"type":2061},[],{"type":49,"value":2100}," Create Cooking Methods (6-8 methods)",{"type":43,"tag":241,"props":2102,"children":2104},{"id":2103},"phase-2-initial-content-weeks-3-4",[2105],{"type":49,"value":2106},"Phase 2: Initial Content (Weeks 3-4)",{"type":43,"tag":74,"props":2108,"children":2110},{"className":2109},[2050],[2111,2120,2129,2138],{"type":43,"tag":78,"props":2112,"children":2114},{"className":2113},[2055],[2115,2118],{"type":43,"tag":2058,"props":2116,"children":2117},{"disabled":2060,"type":2061},[],{"type":49,"value":2119}," Add 20-30 flagship recipes",{"type":43,"tag":78,"props":2121,"children":2123},{"className":2122},[2055],[2124,2127],{"type":43,"tag":2058,"props":2125,"children":2126},{"disabled":2060,"type":2061},[],{"type":49,"value":2128}," Ensure even distribution across categories",{"type":43,"tag":78,"props":2130,"children":2132},{"className":2131},[2055],[2133,2136],{"type":43,"tag":2058,"props":2134,"children":2135},{"disabled":2060,"type":2061},[],{"type":49,"value":2137}," High-quality photos for all",{"type":43,"tag":78,"props":2139,"children":2141},{"className":2140},[2055],[2142,2145],{"type":43,"tag":2058,"props":2143,"children":2144},{"disabled":2060,"type":2061},[],{"type":49,"value":2146}," Complete metadata (all fields filled)",{"type":43,"tag":241,"props":2148,"children":2150},{"id":2149},"phase-3-growth-ongoing",[2151],{"type":49,"value":2152},"Phase 3: Growth (Ongoing)",{"type":43,"tag":74,"props":2154,"children":2156},{"className":2155},[2050],[2157,2166,2175,2184],{"type":43,"tag":78,"props":2158,"children":2160},{"className":2159},[2055],[2161,2164],{"type":43,"tag":2058,"props":2162,"children":2163},{"disabled":2060,"type":2061},[],{"type":49,"value":2165}," Add 5-10 recipes per week",{"type":43,"tag":78,"props":2167,"children":2169},{"className":2168},[2055],[2170,2173],{"type":43,"tag":2058,"props":2171,"children":2172},{"disabled":2060,"type":2061},[],{"type":49,"value":2174}," Monitor popular recipes (view-count)",{"type":43,"tag":78,"props":2176,"children":2178},{"className":2177},[2055],[2179,2182],{"type":43,"tag":2058,"props":2180,"children":2181},{"disabled":2060,"type":2061},[],{"type":49,"value":2183}," Update seasonal recipes",{"type":43,"tag":78,"props":2185,"children":2187},{"className":2186},[2055],[2188,2191],{"type":43,"tag":2058,"props":2189,"children":2190},{"disabled":2060,"type":2061},[],{"type":49,"value":2192}," Maintain content quality",{"type":43,"tag":1951,"props":2194,"children":2195},{},[],{"type":43,"tag":58,"props":2197,"children":2199},{"id":2198},"implementation-roadmap",[2200],{"type":49,"value":2201},"Implementation Roadmap",{"type":43,"tag":241,"props":2203,"children":2205},{"id":2204},"week-1-setup",[2206],{"type":49,"value":2207},"Week 1: Setup",{"type":43,"tag":74,"props":2209,"children":2211},{"className":2210},[2050],[2212,2221,2230,2239],{"type":43,"tag":78,"props":2213,"children":2215},{"className":2214},[2055],[2216,2219],{"type":43,"tag":2058,"props":2217,"children":2218},{"disabled":2060,"type":2061},[],{"type":49,"value":2220}," Create all 6 collections with fields",{"type":43,"tag":78,"props":2222,"children":2224},{"className":2223},[2055],[2225,2228],{"type":43,"tag":2058,"props":2226,"children":2227},{"disabled":2060,"type":2061},[],{"type":49,"value":2229}," Define relationships (references)",{"type":43,"tag":78,"props":2231,"children":2233},{"className":2232},[2055],[2234,2237],{"type":43,"tag":2058,"props":2235,"children":2236},{"disabled":2060,"type":2061},[],{"type":49,"value":2238}," Set required fields",{"type":43,"tag":78,"props":2240,"children":2242},{"className":2241},[2055],[2243,2246],{"type":43,"tag":2058,"props":2244,"children":2245},{"disabled":2060,"type":2061},[],{"type":49,"value":2247}," Add help text for editors",{"type":43,"tag":241,"props":2249,"children":2251},{"id":2250},"week-2-content-structure",[2252],{"type":49,"value":2253},"Week 2: Content Structure",{"type":43,"tag":74,"props":2255,"children":2257},{"className":2256},[2050],[2258,2267,2276],{"type":43,"tag":78,"props":2259,"children":2261},{"className":2260},[2055],[2262,2265],{"type":43,"tag":2058,"props":2263,"children":2264},{"disabled":2060,"type":2061},[],{"type":49,"value":2266}," Populate support collections (Authors, Categories, etc.)",{"type":43,"tag":78,"props":2268,"children":2270},{"className":2269},[2055],[2271,2274],{"type":43,"tag":2058,"props":2272,"children":2273},{"disabled":2060,"type":2061},[],{"type":49,"value":2275}," Create test recipes (3-5) with all fields",{"type":43,"tag":78,"props":2277,"children":2279},{"className":2278},[2055],[2280,2283],{"type":43,"tag":2058,"props":2281,"children":2282},{"disabled":2060,"type":2061},[],{"type":49,"value":2284}," Validate data structure",{"type":43,"tag":241,"props":2286,"children":2288},{"id":2287},"week-3-pages",[2289],{"type":49,"value":2290},"Week 3: Pages",{"type":43,"tag":74,"props":2292,"children":2294},{"className":2293},[2050],[2295,2304,2313,2322],{"type":43,"tag":78,"props":2296,"children":2298},{"className":2297},[2055],[2299,2302],{"type":43,"tag":2058,"props":2300,"children":2301},{"disabled":2060,"type":2061},[],{"type":49,"value":2303}," Build homepage layout",{"type":43,"tag":78,"props":2305,"children":2307},{"className":2306},[2055],[2308,2311],{"type":43,"tag":2058,"props":2309,"children":2310},{"disabled":2060,"type":2061},[],{"type":49,"value":2312}," Create recipe index page with filters",{"type":43,"tag":78,"props":2314,"children":2316},{"className":2315},[2055],[2317,2320],{"type":43,"tag":2058,"props":2318,"children":2319},{"disabled":2060,"type":2061},[],{"type":49,"value":2321}," Design recipe detail template",{"type":43,"tag":78,"props":2323,"children":2325},{"className":2324},[2055],[2326,2329],{"type":43,"tag":2058,"props":2327,"children":2328},{"disabled":2060,"type":2061},[],{"type":49,"value":2330}," Build category\u002Fcuisine\u002Fauthor pages",{"type":43,"tag":241,"props":2332,"children":2334},{"id":2333},"week-4-polish",[2335],{"type":49,"value":2336},"Week 4: Polish",{"type":43,"tag":74,"props":2338,"children":2340},{"className":2339},[2050],[2341,2350,2359,2368],{"type":43,"tag":78,"props":2342,"children":2344},{"className":2343},[2055],[2345,2348],{"type":43,"tag":2058,"props":2346,"children":2347},{"disabled":2060,"type":2061},[],{"type":49,"value":2349}," Implement SEO (titles, descriptions, schema)",{"type":43,"tag":78,"props":2351,"children":2353},{"className":2352},[2055],[2354,2357],{"type":43,"tag":2058,"props":2355,"children":2356},{"disabled":2060,"type":2061},[],{"type":49,"value":2358}," Add breadcrumbs and navigation",{"type":43,"tag":78,"props":2360,"children":2362},{"className":2361},[2055],[2363,2366],{"type":43,"tag":2058,"props":2364,"children":2365},{"disabled":2060,"type":2061},[],{"type":49,"value":2367}," Optimize images",{"type":43,"tag":78,"props":2369,"children":2371},{"className":2370},[2055],[2372,2375],{"type":43,"tag":2058,"props":2373,"children":2374},{"disabled":2060,"type":2061},[],{"type":49,"value":2376}," Test pagination and filters",{"type":43,"tag":241,"props":2378,"children":2380},{"id":2379},"week-5-launch",[2381],{"type":49,"value":2382},"Week 5: Launch",{"type":43,"tag":74,"props":2384,"children":2386},{"className":2385},[2050],[2387,2396,2405,2414],{"type":43,"tag":78,"props":2388,"children":2390},{"className":2389},[2055],[2391,2394],{"type":43,"tag":2058,"props":2392,"children":2393},{"disabled":2060,"type":2061},[],{"type":49,"value":2395}," Add 20-30 initial recipes",{"type":43,"tag":78,"props":2397,"children":2399},{"className":2398},[2055],[2400,2403],{"type":43,"tag":2058,"props":2401,"children":2402},{"disabled":2060,"type":2061},[],{"type":49,"value":2404}," Final QA testing",{"type":43,"tag":78,"props":2406,"children":2408},{"className":2407},[2055],[2409,2412],{"type":43,"tag":2058,"props":2410,"children":2411},{"disabled":2060,"type":2061},[],{"type":49,"value":2413}," Publish site",{"type":43,"tag":78,"props":2415,"children":2417},{"className":2416},[2055],[2418,2421],{"type":43,"tag":2058,"props":2419,"children":2420},{"disabled":2060,"type":2061},[],{"type":49,"value":2422}," Monitor performance",{"type":43,"tag":1951,"props":2424,"children":2425},{},[],{"type":43,"tag":58,"props":2427,"children":2429},{"id":2428},"quick-wins",[2430],{"type":49,"value":2431},"Quick Wins",{"type":43,"tag":241,"props":2433,"children":2435},{"id":2434},"_1-use-view-count-for-popular-recipes",[2436],{"type":49,"value":2437},"1. Use View Count for \"Popular Recipes\"",{"type":43,"tag":74,"props":2439,"children":2440},{},[2441,2446,2451],{"type":43,"tag":78,"props":2442,"children":2443},{},[2444],{"type":49,"value":2445},"Add Number field: view-count",{"type":43,"tag":78,"props":2447,"children":2448},{},[2449],{"type":49,"value":2450},"Sort collection list by view-count (descending)",{"type":43,"tag":78,"props":2452,"children":2453},{},[2454],{"type":49,"value":2455},"Show \"Most Popular\" section on homepage",{"type":43,"tag":241,"props":2457,"children":2459},{"id":2458},"_2-auto-calculate-total-time",[2460],{"type":49,"value":2461},"2. Auto-Calculate Total Time",{"type":43,"tag":74,"props":2463,"children":2464},{},[2465,2470,2475],{"type":43,"tag":78,"props":2466,"children":2467},{},[2468],{"type":49,"value":2469},"Option 1: Manual (editors enter prep + cook)",{"type":43,"tag":78,"props":2471,"children":2472},{},[2473],{"type":49,"value":2474},"Option 2: Display logic (show prep + cook sum in UI)",{"type":43,"tag":78,"props":2476,"children":2477},{},[2478],{"type":49,"value":2479},"Best for: Performance (no extra calculation)",{"type":43,"tag":241,"props":2481,"children":2483},{"id":2482},"_3-print-friendly-recipe-cards",[2484],{"type":49,"value":2485},"3. Print-Friendly Recipe Cards",{"type":43,"tag":74,"props":2487,"children":2488},{},[2489,2494,2499,2504],{"type":43,"tag":78,"props":2490,"children":2491},{},[2492],{"type":49,"value":2493},"Add \"Print Recipe\" button",{"type":43,"tag":78,"props":2495,"children":2496},{},[2497],{"type":49,"value":2498},"Use custom code to format for printing",{"type":43,"tag":78,"props":2500,"children":2501},{},[2502],{"type":49,"value":2503},"Include: Ingredients, Instructions, Image",{"type":43,"tag":78,"props":2505,"children":2506},{},[2507],{"type":49,"value":2508},"Exclude: Navigation, Ads, Comments",{"type":43,"tag":241,"props":2510,"children":2512},{"id":2511},"_4-related-recipes-logic",[2513],{"type":49,"value":2514},"4. Related Recipes Logic",{"type":43,"tag":52,"props":2516,"children":2517},{},[2518],{"type":43,"tag":68,"props":2519,"children":2520},{},[2521],{"type":49,"value":2522},"Automatic (no manual curation):",{"type":43,"tag":74,"props":2524,"children":2525},{},[2526,2531,2536,2541],{"type":43,"tag":78,"props":2527,"children":2528},{},[2529],{"type":49,"value":2530},"Filter by same category",{"type":43,"tag":78,"props":2532,"children":2533},{},[2534],{"type":49,"value":2535},"Filter by shared dietary tags",{"type":43,"tag":78,"props":2537,"children":2538},{},[2539],{"type":49,"value":2540},"Sort by published-date (recent first)",{"type":43,"tag":78,"props":2542,"children":2543},{},[2544],{"type":49,"value":2545},"Limit to 3-4 recipes",{"type":43,"tag":1951,"props":2547,"children":2548},{},[],{"type":43,"tag":52,"props":2550,"children":2551},{},[2552],{"type":49,"value":2553},"Ready to implement? I can help you:",{"type":43,"tag":248,"props":2555,"children":2556},{},[2557,2562,2567,2572],{"type":43,"tag":78,"props":2558,"children":2559},{},[2560],{"type":49,"value":2561},"Create these collections using cms-collection-setup skill",{"type":43,"tag":78,"props":2563,"children":2564},{},[2565],{"type":49,"value":2566},"Add initial content using bulk-cms-update skill",{"type":43,"tag":78,"props":2568,"children":2569},{},[2570],{"type":49,"value":2571},"Build the page structure",{"type":43,"tag":78,"props":2573,"children":2574},{},[2575],{"type":49,"value":2576},"Optimize for SEO and performance",{"type":43,"tag":52,"props":2578,"children":2579},{},[2580],{"type":49,"value":2581},"Which would you like to start with?",{"type":43,"tag":1231,"props":2583,"children":2586},{"className":2584,"code":2585,"language":49},[1234],"\n### Example 2: Optimizing Existing CMS\n\n**User prompt:**\n",[2587],{"type":43,"tag":84,"props":2588,"children":2589},{"__ignoreMap":1239},[2590],{"type":49,"value":2585},{"type":43,"tag":52,"props":2592,"children":2593},{},[2594],{"type":49,"value":2595},"My collection list is slow with 500+ items. How do I optimize?",{"type":43,"tag":1231,"props":2597,"children":2600},{"className":2598,"code":2599,"language":49},[1234],"\n**Response:**\n",[2601],{"type":43,"tag":84,"props":2602,"children":2603},{"__ignoreMap":1239},[2604],{"type":49,"value":2599},{"type":43,"tag":52,"props":2606,"children":2607},{},[2608],{"type":49,"value":2609},"⚡ CMS Performance Optimization",{"type":43,"tag":52,"props":2611,"children":2612},{},[2613],{"type":49,"value":2614},"Analyzing your performance issue with 500+ items...",{"type":43,"tag":1951,"props":2616,"children":2617},{},[],{"type":43,"tag":58,"props":2619,"children":2621},{"id":2620},"current-issue-diagnosis",[2622],{"type":49,"value":2623},"Current Issue Diagnosis",{"type":43,"tag":52,"props":2625,"children":2626},{},[2627,2632,2634],{"type":43,"tag":68,"props":2628,"children":2629},{},[2630],{"type":49,"value":2631},"Problem:",{"type":49,"value":2633}," Loading 500+ items on a single page\n",{"type":43,"tag":68,"props":2635,"children":2636},{},[2637],{"type":49,"value":2638},"Impact:",{"type":43,"tag":74,"props":2640,"children":2641},{},[2642,2647,2652,2657,2662],{"type":43,"tag":78,"props":2643,"children":2644},{},[2645],{"type":49,"value":2646},"Slow page load (5-10 seconds or more)",{"type":43,"tag":78,"props":2648,"children":2649},{},[2650],{"type":49,"value":2651},"High bounce rate",{"type":43,"tag":78,"props":2653,"children":2654},{},[2655],{"type":49,"value":2656},"Poor SEO rankings",{"type":43,"tag":78,"props":2658,"children":2659},{},[2660],{"type":49,"value":2661},"Bad user experience",{"type":43,"tag":78,"props":2663,"children":2664},{},[2665],{"type":49,"value":2666},"Server stress",{"type":43,"tag":52,"props":2668,"children":2669},{},[2670],{"type":43,"tag":68,"props":2671,"children":2672},{},[2673],{"type":49,"value":2674},"Root Causes:",{"type":43,"tag":248,"props":2676,"children":2677},{},[2678,2683,2688,2693,2698],{"type":43,"tag":78,"props":2679,"children":2680},{},[2681],{"type":49,"value":2682},"Too many items loaded at once",{"type":43,"tag":78,"props":2684,"children":2685},{},[2686],{"type":49,"value":2687},"Possibly too many reference field lookups",{"type":43,"tag":78,"props":2689,"children":2690},{},[2691],{"type":49,"value":2692},"Large unoptimized images",{"type":43,"tag":78,"props":2694,"children":2695},{},[2696],{"type":49,"value":2697},"No pagination or lazy loading",{"type":43,"tag":78,"props":2699,"children":2700},{},[2701],{"type":49,"value":2702},"Complex nested collection lists",{"type":43,"tag":1951,"props":2704,"children":2705},{},[],{"type":43,"tag":58,"props":2707,"children":2709},{"id":2708},"immediate-fixes-high-impact-low-effort",[2710],{"type":49,"value":2711},"Immediate Fixes (High Impact, Low Effort)",{"type":43,"tag":241,"props":2713,"children":2715},{"id":2714},"_1-implement-pagination-critical",[2716],{"type":49,"value":2717},"1. Implement Pagination ⚡ CRITICAL",{"type":43,"tag":52,"props":2719,"children":2720},{},[2721,2726,2728,2733],{"type":43,"tag":68,"props":2722,"children":2723},{},[2724],{"type":49,"value":2725},"Current:",{"type":49,"value":2727}," Loading all 500+ items\n",{"type":43,"tag":68,"props":2729,"children":2730},{},[2731],{"type":49,"value":2732},"Fix:",{"type":49,"value":2734}," Limit to 12-20 items per page",{"type":43,"tag":52,"props":2736,"children":2737},{},[2738],{"type":43,"tag":68,"props":2739,"children":2740},{},[2741],{"type":49,"value":2742},"In Webflow Designer:",{"type":43,"tag":248,"props":2744,"children":2745},{},[2746,2751,2756,2761],{"type":43,"tag":78,"props":2747,"children":2748},{},[2749],{"type":49,"value":2750},"Select your Collection List",{"type":43,"tag":78,"props":2752,"children":2753},{},[2754],{"type":49,"value":2755},"Settings > Limit items: 20",{"type":43,"tag":78,"props":2757,"children":2758},{},[2759],{"type":49,"value":2760},"Enable \"Paginate items\"",{"type":43,"tag":78,"props":2762,"children":2763},{},[2764],{"type":49,"value":2765},"Style pagination controls",{"type":43,"tag":52,"props":2767,"children":2768},{},[2769,2773,2775,2780,2782,2787],{"type":43,"tag":68,"props":2770,"children":2771},{},[2772],{"type":49,"value":2638},{"type":49,"value":2774}," 95% faster page load ✅\n",{"type":43,"tag":68,"props":2776,"children":2777},{},[2778],{"type":49,"value":2779},"Time to implement:",{"type":49,"value":2781}," 5 minutes\n",{"type":43,"tag":68,"props":2783,"children":2784},{},[2785],{"type":49,"value":2786},"Effort:",{"type":49,"value":2788}," Low",{"type":43,"tag":241,"props":2790,"children":2792},{"id":2791},"_2-optimize-image-loading-️",[2793],{"type":49,"value":2794},"2. Optimize Image Loading 🖼️",{"type":43,"tag":52,"props":2796,"children":2797},{},[2798,2802,2804,2808],{"type":43,"tag":68,"props":2799,"children":2800},{},[2801],{"type":49,"value":2725},{"type":49,"value":2803}," Full-resolution images loading immediately\n",{"type":43,"tag":68,"props":2805,"children":2806},{},[2807],{"type":49,"value":2732},{"type":49,"value":2809}," Use proper image sizes + lazy loading",{"type":43,"tag":52,"props":2811,"children":2812},{},[2813],{"type":43,"tag":68,"props":2814,"children":2815},{},[2816],{"type":49,"value":2817},"Implementation:",{"type":43,"tag":1231,"props":2819,"children":2822},{"className":2820,"code":2821,"language":49},[1234],"Thumbnail images in grid:\n- Size: 400x300px (not full resolution)\n- Format: WebP (smaller file size)\n- Loading: lazy (below fold images)\n\nIn Collection List Image settings:\n- Set custom size: 400x300\n- Enable lazy loading\n- Use srcset for responsive images\n",[2823],{"type":43,"tag":84,"props":2824,"children":2825},{"__ignoreMap":1239},[2826],{"type":49,"value":2821},{"type":43,"tag":52,"props":2828,"children":2829},{},[2830,2834,2836,2840,2842,2846],{"type":43,"tag":68,"props":2831,"children":2832},{},[2833],{"type":49,"value":2638},{"type":49,"value":2835}," 60-70% faster load ✅\n",{"type":43,"tag":68,"props":2837,"children":2838},{},[2839],{"type":49,"value":2779},{"type":49,"value":2841}," 15 minutes\n",{"type":43,"tag":68,"props":2843,"children":2844},{},[2845],{"type":49,"value":2786},{"type":49,"value":2788},{"type":43,"tag":241,"props":2848,"children":2850},{"id":2849},"_3-reduce-visible-reference-fields",[2851],{"type":49,"value":2852},"3. Reduce Visible Reference Fields 🔗",{"type":43,"tag":52,"props":2854,"children":2855},{},[2856,2860,2862,2866],{"type":43,"tag":68,"props":2857,"children":2858},{},[2859],{"type":49,"value":2725},{"type":49,"value":2861}," Binding all reference fields\n",{"type":43,"tag":68,"props":2863,"children":2864},{},[2865],{"type":49,"value":2732},{"type":49,"value":2867}," Only display what you actually need",{"type":43,"tag":52,"props":2869,"children":2870},{},[2871],{"type":43,"tag":68,"props":2872,"children":2873},{},[2874],{"type":49,"value":2875},"Check your Collection List:",{"type":43,"tag":1231,"props":2877,"children":2880},{"className":2878,"code":2879,"language":49},[1234],"❌ Bad: Binding entire author object\n{\n  author.name,\n  author.bio,\n  author.photo,\n  author.email,\n  author.social-links\n}\n\n✅ Good: Bind only displayed fields\n{\n  author.name,\n  author.photo\n}\n",[2881],{"type":43,"tag":84,"props":2882,"children":2883},{"__ignoreMap":1239},[2884],{"type":49,"value":2879},{"type":43,"tag":52,"props":2886,"children":2887},{},[2888,2893,2895,2899,2901,2905,2907,2911],{"type":43,"tag":68,"props":2889,"children":2890},{},[2891],{"type":49,"value":2892},"Why:",{"type":49,"value":2894}," Each reference field = separate database query\n",{"type":43,"tag":68,"props":2896,"children":2897},{},[2898],{"type":49,"value":2638},{"type":49,"value":2900}," 30-40% faster ✅\n",{"type":43,"tag":68,"props":2902,"children":2903},{},[2904],{"type":49,"value":2779},{"type":49,"value":2906}," 10 minutes\n",{"type":43,"tag":68,"props":2908,"children":2909},{},[2910],{"type":49,"value":2786},{"type":49,"value":2788},{"type":43,"tag":1951,"props":2913,"children":2914},{},[],{"type":43,"tag":58,"props":2916,"children":2918},{"id":2917},"medium-term-solutions-moderate-impact-moderate-effort",[2919],{"type":49,"value":2920},"Medium-Term Solutions (Moderate Impact, Moderate Effort)",{"type":43,"tag":241,"props":2922,"children":2924},{"id":2923},"_4-filter-at-collection-level",[2925],{"type":49,"value":2926},"4. Filter at Collection Level",{"type":43,"tag":52,"props":2928,"children":2929},{},[2930,2934,2936,2940],{"type":43,"tag":68,"props":2931,"children":2932},{},[2933],{"type":49,"value":2725},{"type":49,"value":2935}," Loading all items, then hiding with conditional visibility\n",{"type":43,"tag":68,"props":2937,"children":2938},{},[2939],{"type":49,"value":2732},{"type":49,"value":2941}," Use collection list filters",{"type":43,"tag":52,"props":2943,"children":2944},{},[2945],{"type":43,"tag":68,"props":2946,"children":2947},{},[2948],{"type":49,"value":1261},{"type":43,"tag":1231,"props":2950,"children":2953},{"className":2951,"code":2952,"language":49},[1234],"Instead of:\n- Load all 500 posts\n- Hide if published-date > today (conditional)\n\nDo this:\n- Collection List Filter: published-date ≤ today\n- Only loads matching items\n",[2954],{"type":43,"tag":84,"props":2955,"children":2956},{"__ignoreMap":1239},[2957],{"type":49,"value":2952},{"type":43,"tag":52,"props":2959,"children":2960},{},[2961],{"type":43,"tag":68,"props":2962,"children":2963},{},[2964],{"type":49,"value":2817},{"type":43,"tag":248,"props":2966,"children":2967},{},[2968,2973,2996],{"type":43,"tag":78,"props":2969,"children":2970},{},[2971],{"type":49,"value":2972},"Collection List Settings",{"type":43,"tag":78,"props":2974,"children":2975},{},[2976,2978,2983,2985,2990,2991],{"type":49,"value":2977},"Add Filter: ",{"type":43,"tag":1865,"props":2979,"children":2980},{},[2981],{"type":49,"value":2982},"field",{"type":49,"value":2984}," ",{"type":43,"tag":1865,"props":2986,"children":2987},{},[2988],{"type":49,"value":2989},"condition",{"type":49,"value":2984},{"type":43,"tag":1865,"props":2992,"children":2993},{},[2994],{"type":49,"value":2995},"value",{"type":43,"tag":78,"props":2997,"children":2998},{},[2999],{"type":49,"value":3000},"Combine multiple filters with AND\u002FOR",{"type":43,"tag":52,"props":3002,"children":3003},{},[3004,3008,3010,3014,3016,3020],{"type":43,"tag":68,"props":3005,"children":3006},{},[3007],{"type":49,"value":2638},{"type":49,"value":3009}," 50% faster + cleaner ✅\n",{"type":43,"tag":68,"props":3011,"children":3012},{},[3013],{"type":49,"value":2779},{"type":49,"value":3015}," 30 minutes\n",{"type":43,"tag":68,"props":3017,"children":3018},{},[3019],{"type":49,"value":2786},{"type":49,"value":3021}," Medium",{"type":43,"tag":241,"props":3023,"children":3025},{"id":3024},"_5-implement-load-more-button",[3026],{"type":49,"value":3027},"5. Implement \"Load More\" Button",{"type":43,"tag":52,"props":3029,"children":3030},{},[3031,3036],{"type":43,"tag":68,"props":3032,"children":3033},{},[3034],{"type":49,"value":3035},"Alternative to pagination:",{"type":49,"value":3037}," Smoother UX",{"type":43,"tag":52,"props":3039,"children":3040},{},[3041,3046,3048,3053,3055,3060,3062,3067],{"type":43,"tag":68,"props":3042,"children":3043},{},[3044],{"type":49,"value":3045},"Options:",{"type":49,"value":3047},"\na) ",{"type":43,"tag":68,"props":3049,"children":3050},{},[3051],{"type":49,"value":3052},"Webflow native:",{"type":49,"value":3054}," Pagination with \"Load More\" styling\nb) ",{"type":43,"tag":68,"props":3056,"children":3057},{},[3058],{"type":49,"value":3059},"Finsweet:",{"type":49,"value":3061}," CMS Load plugin (free)\nc) ",{"type":43,"tag":68,"props":3063,"children":3064},{},[3065],{"type":49,"value":3066},"Custom code:",{"type":49,"value":3068}," AJAX load more",{"type":43,"tag":52,"props":3070,"children":3071},{},[3072],{"type":43,"tag":68,"props":3073,"children":3074},{},[3075],{"type":49,"value":1926},{"type":43,"tag":74,"props":3077,"children":3078},{},[3079,3084,3089],{"type":43,"tag":78,"props":3080,"children":3081},{},[3082],{"type":49,"value":3083},"Users stay on same page (no page refresh)",{"type":43,"tag":78,"props":3085,"children":3086},{},[3087],{"type":49,"value":3088},"Better for mobile UX",{"type":43,"tag":78,"props":3090,"children":3091},{},[3092],{"type":49,"value":3093},"Smooth scrolling experience",{"type":43,"tag":52,"props":3095,"children":3096},{},[3097,3101,3103,3107,3109,3113],{"type":43,"tag":68,"props":3098,"children":3099},{},[3100],{"type":49,"value":2638},{"type":49,"value":3102}," Better UX, same performance as pagination ✅\n",{"type":43,"tag":68,"props":3104,"children":3105},{},[3106],{"type":49,"value":2779},{"type":49,"value":3108}," 1-2 hours\n",{"type":43,"tag":68,"props":3110,"children":3111},{},[3112],{"type":49,"value":2786},{"type":49,"value":3021},{"type":43,"tag":241,"props":3115,"children":3117},{"id":3116},"_6-create-filtered-views",[3118],{"type":49,"value":3119},"6. Create Filtered Views",{"type":43,"tag":52,"props":3121,"children":3122},{},[3123,3128,3130,3135],{"type":43,"tag":68,"props":3124,"children":3125},{},[3126],{"type":49,"value":3127},"Instead of:",{"type":49,"value":3129}," One giant \"All Posts\" page\n",{"type":43,"tag":68,"props":3131,"children":3132},{},[3133],{"type":49,"value":3134},"Create:",{"type":49,"value":3136}," Multiple filtered pages",{"type":43,"tag":52,"props":3138,"children":3139},{},[3140],{"type":43,"tag":68,"props":3141,"children":3142},{},[3143],{"type":49,"value":1261},{"type":43,"tag":1231,"props":3145,"children":3148},{"className":3146,"code":3147,"language":49},[1234],"\u002Fblog → Recent posts (20 items)\n\u002Fblog\u002Ffeatured → Featured posts only (10 items)\n\u002Fblog\u002Fcategory\u002Ftech → Tech category (filtered)\n\u002Fblog\u002Farchive → Older posts with pagination\n",[3149],{"type":43,"tag":84,"props":3150,"children":3151},{"__ignoreMap":1239},[3152],{"type":49,"value":3147},{"type":43,"tag":52,"props":3154,"children":3155},{},[3156],{"type":43,"tag":68,"props":3157,"children":3158},{},[3159],{"type":49,"value":1926},{"type":43,"tag":74,"props":3161,"children":3162},{},[3163,3168,3173,3178],{"type":43,"tag":78,"props":3164,"children":3165},{},[3166],{"type":49,"value":3167},"Faster individual pages",{"type":43,"tag":78,"props":3169,"children":3170},{},[3171],{"type":49,"value":3172},"Better SEO (targeted pages)",{"type":43,"tag":78,"props":3174,"children":3175},{},[3176],{"type":49,"value":3177},"Easier navigation",{"type":43,"tag":78,"props":3179,"children":3180},{},[3181],{"type":49,"value":3182},"Reduced cognitive load",{"type":43,"tag":52,"props":3184,"children":3185},{},[3186,3190,3192,3196,3198,3202],{"type":43,"tag":68,"props":3187,"children":3188},{},[3189],{"type":49,"value":2638},{"type":49,"value":3191}," Significant UX improvement ✅\n",{"type":43,"tag":68,"props":3193,"children":3194},{},[3195],{"type":49,"value":2779},{"type":49,"value":3197}," 2-3 hours\n",{"type":43,"tag":68,"props":3199,"children":3200},{},[3201],{"type":49,"value":2786},{"type":49,"value":3021},{"type":43,"tag":1951,"props":3204,"children":3205},{},[],{"type":43,"tag":58,"props":3207,"children":3209},{"id":3208},"long-term-solutions-high-impact-high-effort",[3210],{"type":49,"value":3211},"Long-Term Solutions (High Impact, High Effort)",{"type":43,"tag":241,"props":3213,"children":3215},{"id":3214},"_7-archive-old-content",[3216],{"type":49,"value":3217},"7. Archive Old Content",{"type":43,"tag":52,"props":3219,"children":3220},{},[3221,3226],{"type":43,"tag":68,"props":3222,"children":3223},{},[3224],{"type":49,"value":3225},"Strategy:",{"type":49,"value":3227}," Dynamic recent + static archives",{"type":43,"tag":52,"props":3229,"children":3230},{},[3231],{"type":43,"tag":68,"props":3232,"children":3233},{},[3234],{"type":49,"value":2817},{"type":43,"tag":1231,"props":3236,"children":3239},{"className":3237,"code":3238,"language":49},[1234],"Recent Content (Dynamic CMS):\n- Last 50-100 posts\n- Full dynamic filtering\n- Fast performance\n\nOlder Content (Static):\n- Archive pages for older posts\n- Yearly\u002Fquarterly archives\n- Still accessible but static HTML\n- Rarely updated\n",[3240],{"type":43,"tag":84,"props":3241,"children":3242},{"__ignoreMap":1239},[3243],{"type":49,"value":3238},{"type":43,"tag":52,"props":3245,"children":3246},{},[3247],{"type":43,"tag":68,"props":3248,"children":3249},{},[3250],{"type":49,"value":3251},"When to use:",{"type":43,"tag":74,"props":3253,"children":3254},{},[3255,3260,3265],{"type":43,"tag":78,"props":3256,"children":3257},{},[3258],{"type":49,"value":3259},"1000+ items",{"type":43,"tag":78,"props":3261,"children":3262},{},[3263],{"type":49,"value":3264},"Clear separation between recent\u002Fold content",{"type":43,"tag":78,"props":3266,"children":3267},{},[3268],{"type":49,"value":3269},"Archive content rarely accessed",{"type":43,"tag":52,"props":3271,"children":3272},{},[3273,3277,3279,3283,3285,3289],{"type":43,"tag":68,"props":3274,"children":3275},{},[3276],{"type":49,"value":2638},{"type":49,"value":3278}," Maintains fast performance at scale ✅\n",{"type":43,"tag":68,"props":3280,"children":3281},{},[3282],{"type":49,"value":2779},{"type":49,"value":3284}," 1-2 weeks\n",{"type":43,"tag":68,"props":3286,"children":3287},{},[3288],{"type":49,"value":2786},{"type":49,"value":3290}," High",{"type":43,"tag":241,"props":3292,"children":3294},{"id":3293},"_8-denormalize-data",[3295],{"type":49,"value":3296},"8. Denormalize Data",{"type":43,"tag":52,"props":3298,"children":3299},{},[3300,3304,3306,3311],{"type":43,"tag":68,"props":3301,"children":3302},{},[3303],{"type":49,"value":2631},{"type":49,"value":3305}," Too many reference lookups\n",{"type":43,"tag":68,"props":3307,"children":3308},{},[3309],{"type":49,"value":3310},"Solution:",{"type":49,"value":3312}," Copy frequently-accessed data",{"type":43,"tag":52,"props":3314,"children":3315},{},[3316],{"type":43,"tag":68,"props":3317,"children":3318},{},[3319],{"type":49,"value":1261},{"type":43,"tag":1231,"props":3321,"children":3324},{"className":3322,"code":3323,"language":49},[1234],"Current (Normalized):\nPost → Author (reference)\nDisplay: {{post.author.name}}\n= 2 queries (post + author)\n\nDenormalized:\nPost has author-name field (text)\nDisplay: {{post.author-name}}\n= 1 query (just post)\n",[3325],{"type":43,"tag":84,"props":3326,"children":3327},{"__ignoreMap":1239},[3328],{"type":49,"value":3323},{"type":43,"tag":52,"props":3330,"children":3331},{},[3332],{"type":43,"tag":68,"props":3333,"children":3334},{},[3335],{"type":49,"value":3251},{"type":43,"tag":74,"props":3337,"children":3338},{},[3339,3344,3349],{"type":43,"tag":78,"props":3340,"children":3341},{},[3342],{"type":49,"value":3343},"Reference data rarely changes (author names)",{"type":43,"tag":78,"props":3345,"children":3346},{},[3347],{"type":49,"value":3348},"Performance is critical",{"type":43,"tag":78,"props":3350,"children":3351},{},[3352],{"type":49,"value":3353},"You can maintain consistency",{"type":43,"tag":52,"props":3355,"children":3356},{},[3357,3362],{"type":43,"tag":68,"props":3358,"children":3359},{},[3360],{"type":49,"value":3361},"Tradeoff:",{"type":49,"value":3363}," ⚠️ Must update in multiple places if data changes",{"type":43,"tag":52,"props":3365,"children":3366},{},[3367,3371,3373,3377,3379,3383],{"type":43,"tag":68,"props":3368,"children":3369},{},[3370],{"type":49,"value":2638},{"type":49,"value":3372}," 40-50% faster for reference-heavy pages ✅\n",{"type":43,"tag":68,"props":3374,"children":3375},{},[3376],{"type":49,"value":2779},{"type":49,"value":3378}," Varies (requires data migration)\n",{"type":43,"tag":68,"props":3380,"children":3381},{},[3382],{"type":49,"value":2786},{"type":49,"value":3290},{"type":43,"tag":241,"props":3385,"children":3387},{"id":3386},"_9-implement-client-side-filtering",[3388],{"type":49,"value":3389},"9. Implement Client-Side Filtering",{"type":43,"tag":52,"props":3391,"children":3392},{},[3393,3398],{"type":43,"tag":68,"props":3394,"children":3395},{},[3396],{"type":49,"value":3397},"Use:",{"type":49,"value":3399}," Finsweet CMS Filter (free)",{"type":43,"tag":52,"props":3401,"children":3402},{},[3403],{"type":43,"tag":68,"props":3404,"children":3405},{},[3406],{"type":49,"value":1926},{"type":43,"tag":74,"props":3408,"children":3409},{},[3410,3415,3420,3425,3430],{"type":43,"tag":78,"props":3411,"children":3412},{},[3413],{"type":49,"value":3414},"Load once, filter instantly",{"type":43,"tag":78,"props":3416,"children":3417},{},[3418],{"type":49,"value":3419},"No page refreshes",{"type":43,"tag":78,"props":3421,"children":3422},{},[3423],{"type":49,"value":3424},"Multiple simultaneous filters",{"type":43,"tag":78,"props":3426,"children":3427},{},[3428],{"type":49,"value":3429},"Search functionality",{"type":43,"tag":78,"props":3431,"children":3432},{},[3433],{"type":49,"value":3434},"Better UX",{"type":43,"tag":52,"props":3436,"children":3437},{},[3438],{"type":43,"tag":68,"props":3439,"children":3440},{},[3441],{"type":49,"value":3442},"Best for:",{"type":43,"tag":74,"props":3444,"children":3445},{},[3446,3451,3456],{"type":43,"tag":78,"props":3447,"children":3448},{},[3449],{"type":49,"value":3450},"100-500 items",{"type":43,"tag":78,"props":3452,"children":3453},{},[3454],{"type":49,"value":3455},"Users need advanced filtering",{"type":43,"tag":78,"props":3457,"children":3458},{},[3459],{"type":49,"value":3460},"Desktop-first audience",{"type":43,"tag":52,"props":3462,"children":3463},{},[3464,3469],{"type":43,"tag":68,"props":3465,"children":3466},{},[3467],{"type":49,"value":3468},"Limitation:",{"type":49,"value":3470}," All items loaded initially (use with pagination)",{"type":43,"tag":52,"props":3472,"children":3473},{},[3474,3478,3480,3484,3486,3490],{"type":43,"tag":68,"props":3475,"children":3476},{},[3477],{"type":49,"value":2638},{"type":49,"value":3479}," Instant filtering ✅\n",{"type":43,"tag":68,"props":3481,"children":3482},{},[3483],{"type":49,"value":2779},{"type":49,"value":3485}," 2-4 hours\n",{"type":43,"tag":68,"props":3487,"children":3488},{},[3489],{"type":49,"value":2786},{"type":49,"value":3491}," Medium-High",{"type":43,"tag":1951,"props":3493,"children":3494},{},[],{"type":43,"tag":58,"props":3496,"children":3498},{"id":3497},"comprehensive-optimization-checklist",[3499],{"type":49,"value":3500},"Comprehensive Optimization Checklist",{"type":43,"tag":241,"props":3502,"children":3504},{"id":3503},"immediate-actions-today",[3505],{"type":49,"value":3506},"Immediate Actions (Today):",{"type":43,"tag":74,"props":3508,"children":3510},{"className":3509},[2050],[3511,3520,3529,3538,3547],{"type":43,"tag":78,"props":3512,"children":3514},{"className":3513},[2055],[3515,3518],{"type":43,"tag":2058,"props":3516,"children":3517},{"disabled":2060,"type":2061},[],{"type":49,"value":3519}," Limit collection list to 20 items",{"type":43,"tag":78,"props":3521,"children":3523},{"className":3522},[2055],[3524,3527],{"type":43,"tag":2058,"props":3525,"children":3526},{"disabled":2060,"type":2061},[],{"type":49,"value":3528}," Enable pagination",{"type":43,"tag":78,"props":3530,"children":3532},{"className":3531},[2055],[3533,3536],{"type":43,"tag":2058,"props":3534,"children":3535},{"disabled":2060,"type":2061},[],{"type":49,"value":3537}," Optimize image sizes (400x300 for thumbnails)",{"type":43,"tag":78,"props":3539,"children":3541},{"className":3540},[2055],[3542,3545],{"type":43,"tag":2058,"props":3543,"children":3544},{"disabled":2060,"type":2061},[],{"type":49,"value":3546}," Enable lazy loading on images",{"type":43,"tag":78,"props":3548,"children":3550},{"className":3549},[2055],[3551,3554],{"type":43,"tag":2058,"props":3552,"children":3553},{"disabled":2060,"type":2061},[],{"type":49,"value":3555}," Remove unused reference field bindings",{"type":43,"tag":241,"props":3557,"children":3559},{"id":3558},"this-week",[3560],{"type":49,"value":3561},"This Week:",{"type":43,"tag":74,"props":3563,"children":3565},{"className":3564},[2050],[3566,3575,3584,3593,3602],{"type":43,"tag":78,"props":3567,"children":3569},{"className":3568},[2055],[3570,3573],{"type":43,"tag":2058,"props":3571,"children":3572},{"disabled":2060,"type":2061},[],{"type":49,"value":3574}," Add collection list filters (date, category)",{"type":43,"tag":78,"props":3576,"children":3578},{"className":3577},[2055],[3579,3582],{"type":43,"tag":2058,"props":3580,"children":3581},{"disabled":2060,"type":2061},[],{"type":49,"value":3583}," Create filtered category pages",{"type":43,"tag":78,"props":3585,"children":3587},{"className":3586},[2055],[3588,3591],{"type":43,"tag":2058,"props":3589,"children":3590},{"disabled":2060,"type":2061},[],{"type":49,"value":3592}," Test performance on mobile",{"type":43,"tag":78,"props":3594,"children":3596},{"className":3595},[2055],[3597,3600],{"type":43,"tag":2058,"props":3598,"children":3599},{"disabled":2060,"type":2061},[],{"type":49,"value":3601}," Implement \"Load More\" if desired",{"type":43,"tag":78,"props":3603,"children":3605},{"className":3604},[2055],[3606,3609],{"type":43,"tag":2058,"props":3607,"children":3608},{"disabled":2060,"type":2061},[],{"type":49,"value":3610}," Audit all collection lists on site",{"type":43,"tag":241,"props":3612,"children":3614},{"id":3613},"this-month",[3615],{"type":49,"value":3616},"This Month:",{"type":43,"tag":74,"props":3618,"children":3620},{"className":3619},[2050],[3621,3630,3639,3648,3657],{"type":43,"tag":78,"props":3622,"children":3624},{"className":3623},[2055],[3625,3628],{"type":43,"tag":2058,"props":3626,"children":3627},{"disabled":2060,"type":2061},[],{"type":49,"value":3629}," Consider Finsweet CMS Filter for advanced filtering",{"type":43,"tag":78,"props":3631,"children":3633},{"className":3632},[2055],[3634,3637],{"type":43,"tag":2058,"props":3635,"children":3636},{"disabled":2060,"type":2061},[],{"type":49,"value":3638}," Create archive structure if >1000 items",{"type":43,"tag":78,"props":3640,"children":3642},{"className":3641},[2055],[3643,3646],{"type":43,"tag":2058,"props":3644,"children":3645},{"disabled":2060,"type":2061},[],{"type":49,"value":3647}," Optimize all images (WebP format)",{"type":43,"tag":78,"props":3649,"children":3651},{"className":3650},[2055],[3652,3655],{"type":43,"tag":2058,"props":3653,"children":3654},{"disabled":2060,"type":2061},[],{"type":49,"value":3656}," Review and optimize reference relationships",{"type":43,"tag":78,"props":3658,"children":3660},{"className":3659},[2055],[3661,3664],{"type":43,"tag":2058,"props":3662,"children":3663},{"disabled":2060,"type":2061},[],{"type":49,"value":3665}," Set up performance monitoring",{"type":43,"tag":1951,"props":3667,"children":3668},{},[],{"type":43,"tag":58,"props":3670,"children":3672},{"id":3671},"performance-benchmarks",[3673],{"type":49,"value":3674},"Performance Benchmarks",{"type":43,"tag":241,"props":3676,"children":3678},{"id":3677},"before-optimization",[3679],{"type":49,"value":3680},"Before Optimization:",{"type":43,"tag":74,"props":3682,"children":3683},{},[3684,3689,3694,3699],{"type":43,"tag":78,"props":3685,"children":3686},{},[3687],{"type":49,"value":3688},"Load time: 8-12 seconds",{"type":43,"tag":78,"props":3690,"children":3691},{},[3692],{"type":49,"value":3693},"Items loaded: 500+",{"type":43,"tag":78,"props":3695,"children":3696},{},[3697],{"type":49,"value":3698},"Images: Full resolution",{"type":43,"tag":78,"props":3700,"children":3701},{},[3702],{"type":49,"value":3703},"References: All fields",{"type":43,"tag":241,"props":3705,"children":3707},{"id":3706},"after-quick-fixes-pagination-images",[3708],{"type":49,"value":3709},"After Quick Fixes (Pagination + Images):",{"type":43,"tag":74,"props":3711,"children":3712},{},[3713,3718,3723,3728],{"type":43,"tag":78,"props":3714,"children":3715},{},[3716],{"type":49,"value":3717},"Load time: 1-2 seconds ✅",{"type":43,"tag":78,"props":3719,"children":3720},{},[3721],{"type":49,"value":3722},"Items loaded: 20",{"type":43,"tag":78,"props":3724,"children":3725},{},[3726],{"type":49,"value":3727},"Images: Optimized thumbnails",{"type":43,"tag":78,"props":3729,"children":3730},{},[3731],{"type":49,"value":3732},"References: Only displayed fields",{"type":43,"tag":241,"props":3734,"children":3736},{"id":3735},"after-full-optimization",[3737],{"type":49,"value":3738},"After Full Optimization:",{"type":43,"tag":74,"props":3740,"children":3741},{},[3742,3747,3752,3757],{"type":43,"tag":78,"props":3743,"children":3744},{},[3745],{"type":49,"value":3746},"Load time: \u003C1 second ✅",{"type":43,"tag":78,"props":3748,"children":3749},{},[3750],{"type":49,"value":3751},"Lighthouse score: 90+ ✅",{"type":43,"tag":78,"props":3753,"children":3754},{},[3755],{"type":49,"value":3756},"Smooth pagination",{"type":43,"tag":78,"props":3758,"children":3759},{},[3760],{"type":49,"value":3761},"Instant client-side filtering",{"type":43,"tag":1951,"props":3763,"children":3764},{},[],{"type":43,"tag":58,"props":3766,"children":3768},{"id":3767},"testing-your-changes",[3769],{"type":49,"value":3770},"Testing Your Changes",{"type":43,"tag":52,"props":3772,"children":3773},{},[3774],{"type":43,"tag":68,"props":3775,"children":3776},{},[3777],{"type":49,"value":3778},"Before deploying:",{"type":43,"tag":248,"props":3780,"children":3781},{},[3782,3813,3844,3875],{"type":43,"tag":78,"props":3783,"children":3784},{},[3785,3790],{"type":43,"tag":68,"props":3786,"children":3787},{},[3788],{"type":49,"value":3789},"Test on staging:",{"type":43,"tag":74,"props":3791,"children":3792},{},[3793,3798,3803,3808],{"type":43,"tag":78,"props":3794,"children":3795},{},[3796],{"type":49,"value":3797},"Publish to staging domain first",{"type":43,"tag":78,"props":3799,"children":3800},{},[3801],{"type":49,"value":3802},"Verify pagination works",{"type":43,"tag":78,"props":3804,"children":3805},{},[3806],{"type":49,"value":3807},"Check image quality",{"type":43,"tag":78,"props":3809,"children":3810},{},[3811],{"type":49,"value":3812},"Test all filters",{"type":43,"tag":78,"props":3814,"children":3815},{},[3816,3821],{"type":43,"tag":68,"props":3817,"children":3818},{},[3819],{"type":49,"value":3820},"Performance testing:",{"type":43,"tag":74,"props":3822,"children":3823},{},[3824,3829,3834,3839],{"type":43,"tag":78,"props":3825,"children":3826},{},[3827],{"type":49,"value":3828},"Use Google PageSpeed Insights",{"type":43,"tag":78,"props":3830,"children":3831},{},[3832],{"type":49,"value":3833},"Test on mobile (3G\u002F4G)",{"type":43,"tag":78,"props":3835,"children":3836},{},[3837],{"type":49,"value":3838},"Check Lighthouse scores",{"type":43,"tag":78,"props":3840,"children":3841},{},[3842],{"type":49,"value":3843},"Verify Core Web Vitals",{"type":43,"tag":78,"props":3845,"children":3846},{},[3847,3852],{"type":43,"tag":68,"props":3848,"children":3849},{},[3850],{"type":49,"value":3851},"User testing:",{"type":43,"tag":74,"props":3853,"children":3854},{},[3855,3860,3865,3870],{"type":43,"tag":78,"props":3856,"children":3857},{},[3858],{"type":49,"value":3859},"Navigate through pages",{"type":43,"tag":78,"props":3861,"children":3862},{},[3863],{"type":49,"value":3864},"Test search\u002Ffilter",{"type":43,"tag":78,"props":3866,"children":3867},{},[3868],{"type":49,"value":3869},"Check mobile experience",{"type":43,"tag":78,"props":3871,"children":3872},{},[3873],{"type":49,"value":3874},"Verify no broken links",{"type":43,"tag":78,"props":3876,"children":3877},{},[3878,3883],{"type":43,"tag":68,"props":3879,"children":3880},{},[3881],{"type":49,"value":3882},"Monitor after launch:",{"type":43,"tag":74,"props":3884,"children":3885},{},[3886,3891,3896,3901],{"type":43,"tag":78,"props":3887,"children":3888},{},[3889],{"type":49,"value":3890},"Watch analytics (bounce rate, time on page)",{"type":43,"tag":78,"props":3892,"children":3893},{},[3894],{"type":49,"value":3895},"Check error logs",{"type":43,"tag":78,"props":3897,"children":3898},{},[3899],{"type":49,"value":3900},"Monitor load times",{"type":43,"tag":78,"props":3902,"children":3903},{},[3904],{"type":49,"value":3905},"Gather user feedback",{"type":43,"tag":1951,"props":3907,"children":3908},{},[],{"type":43,"tag":58,"props":3910,"children":3912},{"id":3911},"quick-implementation-priority",[3913],{"type":49,"value":3914},"Quick Implementation Priority",{"type":43,"tag":52,"props":3916,"children":3917},{},[3918],{"type":43,"tag":68,"props":3919,"children":3920},{},[3921],{"type":49,"value":3922},"Priority 1 (Do First):",{"type":43,"tag":248,"props":3924,"children":3925},{},[3926,3931,3936],{"type":43,"tag":78,"props":3927,"children":3928},{},[3929],{"type":49,"value":3930},"Pagination (20 items per page)",{"type":43,"tag":78,"props":3932,"children":3933},{},[3934],{"type":49,"value":3935},"Optimize images (thumbnails)",{"type":43,"tag":78,"props":3937,"children":3938},{},[3939],{"type":49,"value":3940},"Remove unused reference bindings",{"type":43,"tag":52,"props":3942,"children":3943},{},[3944,3949],{"type":43,"tag":68,"props":3945,"children":3946},{},[3947],{"type":49,"value":3948},"Priority 2 (This Week):",{"type":49,"value":3950},"\n4. Add lazy loading\n5. Create filtered views\n6. Implement \"Load More\" option",{"type":43,"tag":52,"props":3952,"children":3953},{},[3954,3959],{"type":43,"tag":68,"props":3955,"children":3956},{},[3957],{"type":49,"value":3958},"Priority 3 (If Needed):",{"type":49,"value":3960},"\n7. Finsweet CMS Filter\n8. Archive old content\n9. Denormalize critical data",{"type":43,"tag":1951,"props":3962,"children":3963},{},[],{"type":43,"tag":52,"props":3965,"children":3966},{},[3967],{"type":49,"value":3968},"Would you like me to walk you through implementing any of these optimizations? I can provide:",{"type":43,"tag":74,"props":3970,"children":3971},{},[3972,3977,3982,3987],{"type":43,"tag":78,"props":3973,"children":3974},{},[3975],{"type":49,"value":3976},"Step-by-step Webflow Designer instructions",{"type":43,"tag":78,"props":3978,"children":3979},{},[3980],{"type":49,"value":3981},"Custom code snippets",{"type":43,"tag":78,"props":3983,"children":3984},{},[3985],{"type":49,"value":3986},"Testing checklist",{"type":43,"tag":78,"props":3988,"children":3989},{},[3990],{"type":49,"value":3991},"Performance monitoring setup",{"type":43,"tag":52,"props":3993,"children":3994},{},[3995],{"type":49,"value":3996},"Let me know which optimization you'd like to tackle first!",{"type":43,"tag":1231,"props":3998,"children":4001},{"className":3999,"code":4000,"language":49},[1234],"\n### Example 3: Troubleshooting Relationships\n\n**User prompt:**\n",[4002],{"type":43,"tag":84,"props":4003,"children":4004},{"__ignoreMap":1239},[4005],{"type":49,"value":4000},{"type":43,"tag":52,"props":4007,"children":4008},{},[4009],{"type":49,"value":4010},"My reference fields aren't showing up on the page. What's wrong?",{"type":43,"tag":1231,"props":4012,"children":4014},{"className":4013,"code":2599,"language":49},[1234],[4015],{"type":43,"tag":84,"props":4016,"children":4017},{"__ignoreMap":1239},[4018],{"type":49,"value":2599},{"type":43,"tag":52,"props":4020,"children":4021},{},[4022],{"type":49,"value":4023},"🔍 Troubleshooting: Reference Fields Not Displaying",{"type":43,"tag":52,"props":4025,"children":4026},{},[4027],{"type":49,"value":4028},"Let me help you diagnose and fix this issue.",{"type":43,"tag":1951,"props":4030,"children":4031},{},[],{"type":43,"tag":58,"props":4033,"children":4035},{"id":4034},"common-causes-solutions",[4036],{"type":49,"value":4037},"Common Causes & Solutions",{"type":43,"tag":241,"props":4039,"children":4041},{"id":4040},"issue-1-reference-field-not-bound-to-element",[4042],{"type":49,"value":4043},"Issue 1: Reference Field Not Bound to Element",{"type":43,"tag":52,"props":4045,"children":4046},{},[4047,4052,4054,4059],{"type":43,"tag":68,"props":4048,"children":4049},{},[4050],{"type":49,"value":4051},"Symptom:",{"type":49,"value":4053}," Empty space where data should be\n",{"type":43,"tag":68,"props":4055,"children":4056},{},[4057],{"type":49,"value":4058},"Diagnosis:",{"type":49,"value":4060}," Element exists but has no data binding",{"type":43,"tag":52,"props":4062,"children":4063},{},[4064],{"type":43,"tag":68,"props":4065,"children":4066},{},[4067],{"type":49,"value":2732},{"type":43,"tag":248,"props":4069,"children":4070},{},[4071,4076,4086,4091],{"type":43,"tag":78,"props":4072,"children":4073},{},[4074],{"type":49,"value":4075},"Select the element (text, image, etc.)",{"type":43,"tag":78,"props":4077,"children":4078},{},[4079,4081],{"type":49,"value":4080},"Settings panel > Get text\u002Fimage from ",{"type":43,"tag":1865,"props":4082,"children":4083},{},[4084],{"type":49,"value":4085},"Collection Item",{"type":43,"tag":78,"props":4087,"children":4088},{},[4089],{"type":49,"value":4090},"Select your reference field",{"type":43,"tag":78,"props":4092,"children":4093},{},[4094],{"type":49,"value":4095},"Choose the specific field to display",{"type":43,"tag":52,"props":4097,"children":4098},{},[4099],{"type":43,"tag":68,"props":4100,"children":4101},{},[4102],{"type":49,"value":1261},{"type":43,"tag":1231,"props":4104,"children":4107},{"className":4105,"code":4106,"language":49},[1234],"Element: Text Block\nBinding: Blog Post > Author (reference) > Name\n\nCorrect path:\nCollection Item > author > name\n",[4108],{"type":43,"tag":84,"props":4109,"children":4110},{"__ignoreMap":1239},[4111],{"type":49,"value":4106},{"type":43,"tag":241,"props":4113,"children":4115},{"id":4114},"issue-2-reference-field-has-no-value",[4116],{"type":49,"value":4117},"Issue 2: Reference Field Has No Value",{"type":43,"tag":52,"props":4119,"children":4120},{},[4121,4125,4127,4131],{"type":43,"tag":68,"props":4122,"children":4123},{},[4124],{"type":49,"value":4051},{"type":49,"value":4126}," Some items show data, others don't\n",{"type":43,"tag":68,"props":4128,"children":4129},{},[4130],{"type":49,"value":4058},{"type":49,"value":4132}," Not all collection items have the reference assigned",{"type":43,"tag":52,"props":4134,"children":4135},{},[4136],{"type":43,"tag":68,"props":4137,"children":4138},{},[4139],{"type":49,"value":2732},{"type":43,"tag":248,"props":4141,"children":4142},{},[4143,4148,4153,4158],{"type":43,"tag":78,"props":4144,"children":4145},{},[4146],{"type":49,"value":4147},"Go to CMS Collections",{"type":43,"tag":78,"props":4149,"children":4150},{},[4151],{"type":49,"value":4152},"Open your collection",{"type":43,"tag":78,"props":4154,"children":4155},{},[4156],{"type":49,"value":4157},"Check items that aren't displaying",{"type":43,"tag":78,"props":4159,"children":4160},{},[4161],{"type":49,"value":4162},"Ensure reference field is populated",{"type":43,"tag":52,"props":4164,"children":4165},{},[4166],{"type":43,"tag":68,"props":4167,"children":4168},{},[4169],{"type":49,"value":4170},"Prevention:",{"type":43,"tag":74,"props":4172,"children":4173},{},[4174,4179],{"type":43,"tag":78,"props":4175,"children":4176},{},[4177],{"type":49,"value":4178},"Make reference fields \"Required\" if critical",{"type":43,"tag":78,"props":4180,"children":4181},{},[4182],{"type":49,"value":4183},"Provide default\u002Ffallback content",{"type":43,"tag":241,"props":4185,"children":4187},{"id":4186},"issue-3-wrong-collection-context",[4188],{"type":49,"value":4189},"Issue 3: Wrong Collection Context",{"type":43,"tag":52,"props":4191,"children":4192},{},[4193,4197,4199,4203],{"type":43,"tag":68,"props":4194,"children":4195},{},[4196],{"type":49,"value":4051},{"type":49,"value":4198}," Reference field not appearing in dropdown\n",{"type":43,"tag":68,"props":4200,"children":4201},{},[4202],{"type":49,"value":4058},{"type":49,"value":4204}," Element is outside collection list context",{"type":43,"tag":52,"props":4206,"children":4207},{},[4208],{"type":43,"tag":68,"props":4209,"children":4210},{},[4211],{"type":49,"value":2732},{"type":43,"tag":1231,"props":4213,"children":4216},{"className":4214,"code":4215,"language":49},[1234],"❌ Wrong:\n\u003Cdiv>\n  \u003Ctext>Author: {{author.name}}\u003C\u002Ftext> ← No collection context\n\u003C\u002Fdiv>\n\n✅ Correct:\n\u003CCollection List - Posts>\n  \u003CCollection Item>\n    \u003Ctext>Author: {{author.name}}\u003C\u002Ftext> ← Inside collection context\n  \u003C\u002FCollection Item>\n\u003C\u002FCollection List>\n",[4217],{"type":43,"tag":84,"props":4218,"children":4219},{"__ignoreMap":1239},[4220],{"type":49,"value":4215},{"type":43,"tag":241,"props":4222,"children":4224},{"id":4223},"issue-4-multi-reference-display-error",[4225],{"type":49,"value":4226},"Issue 4: Multi-Reference Display Error",{"type":43,"tag":52,"props":4228,"children":4229},{},[4230,4234,4236,4240],{"type":43,"tag":68,"props":4231,"children":4232},{},[4233],{"type":49,"value":4051},{"type":49,"value":4235}," Only showing first item or nothing\n",{"type":43,"tag":68,"props":4237,"children":4238},{},[4239],{"type":49,"value":4058},{"type":49,"value":4241}," Multi-reference needs nested collection list",{"type":43,"tag":52,"props":4243,"children":4244},{},[4245],{"type":43,"tag":68,"props":4246,"children":4247},{},[4248],{"type":49,"value":2732},{"type":43,"tag":1231,"props":4250,"children":4253},{"className":4251,"code":4252,"language":49},[1234],"For Multi-Reference field (Post → Tags):\n\n❌ Wrong: Direct binding\n\u003Ctext>Tags: {{post.tags}}\u003C\u002Ftext>\n\n✅ Correct: Nested collection list\n\u003CCollection List - Posts>\n  \u003CCollection Item - Post>\n    \u003CCollection List - Get Items from Post > Tags>\n      \u003CCollection Item - Tag>\n        \u003Ctext>{{tag.name}}\u003C\u002Ftext>\n      \u003C\u002FCollection Item>\n    \u003C\u002FCollection List>\n  \u003C\u002FCollection Item>\n\u003C\u002FCollection List>\n",[4254],{"type":43,"tag":84,"props":4255,"children":4256},{"__ignoreMap":1239},[4257],{"type":49,"value":4252},{"type":43,"tag":241,"props":4259,"children":4261},{"id":4260},"issue-5-deleted-referenced-item",[4262],{"type":49,"value":4263},"Issue 5: Deleted Referenced Item",{"type":43,"tag":52,"props":4265,"children":4266},{},[4267,4271,4273,4277],{"type":43,"tag":68,"props":4268,"children":4269},{},[4270],{"type":49,"value":4051},{"type":49,"value":4272}," Reference field shows nothing despite being assigned\n",{"type":43,"tag":68,"props":4274,"children":4275},{},[4276],{"type":49,"value":4058},{"type":49,"value":4278}," Referenced item was deleted from other collection",{"type":43,"tag":52,"props":4280,"children":4281},{},[4282],{"type":43,"tag":68,"props":4283,"children":4284},{},[4285],{"type":49,"value":2732},{"type":43,"tag":248,"props":4287,"children":4288},{},[4289,4294,4299,4304],{"type":43,"tag":78,"props":4290,"children":4291},{},[4292],{"type":49,"value":4293},"Go to referring collection",{"type":43,"tag":78,"props":4295,"children":4296},{},[4297],{"type":49,"value":4298},"Check reference field assignments",{"type":43,"tag":78,"props":4300,"children":4301},{},[4302],{"type":49,"value":4303},"Re-assign to existing items",{"type":43,"tag":78,"props":4305,"children":4306},{},[4307],{"type":49,"value":4308},"Or recreate deleted item",{"type":43,"tag":52,"props":4310,"children":4311},{},[4312],{"type":43,"tag":68,"props":4313,"children":4314},{},[4315],{"type":49,"value":4170},{"type":43,"tag":74,"props":4317,"children":4318},{},[4319,4324,4329],{"type":43,"tag":78,"props":4320,"children":4321},{},[4322],{"type":49,"value":4323},"Be careful when deleting referenced items",{"type":43,"tag":78,"props":4325,"children":4326},{},[4327],{"type":49,"value":4328},"Check \"Used in X items\" before deleting",{"type":43,"tag":78,"props":4330,"children":4331},{},[4332],{"type":49,"value":4333},"Archive instead of delete if possible",{"type":43,"tag":241,"props":4335,"children":4337},{"id":4336},"issue-6-collection-not-published",[4338],{"type":49,"value":4339},"Issue 6: Collection Not Published",{"type":43,"tag":52,"props":4341,"children":4342},{},[4343,4347,4349,4353],{"type":43,"tag":68,"props":4344,"children":4345},{},[4346],{"type":49,"value":4051},{"type":49,"value":4348}," Works in designer, not on live site\n",{"type":43,"tag":68,"props":4350,"children":4351},{},[4352],{"type":49,"value":4058},{"type":49,"value":4354}," Referenced collection items are drafts",{"type":43,"tag":52,"props":4356,"children":4357},{},[4358],{"type":43,"tag":68,"props":4359,"children":4360},{},[4361],{"type":49,"value":2732},{"type":43,"tag":248,"props":4363,"children":4364},{},[4365,4370,4375,4380],{"type":43,"tag":78,"props":4366,"children":4367},{},[4368],{"type":49,"value":4369},"Go to referenced collection (e.g., Authors)",{"type":43,"tag":78,"props":4371,"children":4372},{},[4373],{"type":49,"value":4374},"Find draft items",{"type":43,"tag":78,"props":4376,"children":4377},{},[4378],{"type":49,"value":4379},"Publish them",{"type":43,"tag":78,"props":4381,"children":4382},{},[4383],{"type":49,"value":4384},"Republish main site",{"type":43,"tag":52,"props":4386,"children":4387},{},[4388],{"type":43,"tag":68,"props":4389,"children":4390},{},[4391],{"type":49,"value":4392},"Check:",{"type":43,"tag":1231,"props":4394,"children":4397},{"className":4395,"code":4396,"language":49},[1234],"CMS Collections > Authors\n- Look for \"Draft\" badge\n- Publish all needed items\n- Items must be published to display via reference\n",[4398],{"type":43,"tag":84,"props":4399,"children":4400},{"__ignoreMap":1239},[4401],{"type":49,"value":4396},{"type":43,"tag":1951,"props":4403,"children":4404},{},[],{"type":43,"tag":58,"props":4406,"children":4408},{"id":4407},"step-by-step-diagnostic",[4409],{"type":49,"value":4410},"Step-by-Step Diagnostic",{"type":43,"tag":241,"props":4412,"children":4414},{"id":4413},"step-1-verify-collection-structure",[4415],{"type":49,"value":4416},"Step 1: Verify Collection Structure",{"type":43,"tag":1231,"props":4418,"children":4421},{"className":4419,"code":4420,"language":49},[1234],"Check in CMS:\n1. Does the reference field exist?\n2. Is it configured correctly (Reference or Multi-Reference)?\n3. Is it pointing to the right collection?\n",[4422],{"type":43,"tag":84,"props":4423,"children":4424},{"__ignoreMap":1239},[4425],{"type":49,"value":4420},{"type":43,"tag":241,"props":4427,"children":4429},{"id":4428},"step-2-verify-data-exists",[4430],{"type":49,"value":4431},"Step 2: Verify Data Exists",{"type":43,"tag":1231,"props":4433,"children":4436},{"className":4434,"code":4435,"language":49},[1234],"Check collection items:\n1. Open an item that should display\n2. Check if reference field is populated\n3. Verify referenced item exists and is published\n",[4437],{"type":43,"tag":84,"props":4438,"children":4439},{"__ignoreMap":1239},[4440],{"type":49,"value":4435},{"type":43,"tag":241,"props":4442,"children":4444},{"id":4443},"step-3-verify-page-structure",[4445],{"type":49,"value":4446},"Step 3: Verify Page Structure",{"type":43,"tag":1231,"props":4448,"children":4451},{"className":4449,"code":4450,"language":49},[1234],"Check in Designer:\n1. Is element inside Collection List?\n2. Is Collection List connected to correct collection?\n3. Is element binding correct path?\n",[4452],{"type":43,"tag":84,"props":4453,"children":4454},{"__ignoreMap":1239},[4455],{"type":49,"value":4450},{"type":43,"tag":241,"props":4457,"children":4459},{"id":4458},"step-4-test-in-designer",[4460],{"type":49,"value":4461},"Step 4: Test in Designer",{"type":43,"tag":1231,"props":4463,"children":4466},{"className":4464,"code":4465,"language":49},[1234],"In Designer:\n1. Click Collection List\n2. Set preview mode: \"Item 1\"\n3. Cycle through items\n4. Check if data appears\n\nIf it works in Designer but not live:\n→ Publish issue (republish site)\n",[4467],{"type":43,"tag":84,"props":4468,"children":4469},{"__ignoreMap":1239},[4470],{"type":49,"value":4465},{"type":43,"tag":1951,"props":4472,"children":4473},{},[],{"type":43,"tag":58,"props":4475,"children":4477},{"id":4476},"testing-reference-fields",[4478],{"type":49,"value":4479},"Testing Reference Fields",{"type":43,"tag":241,"props":4481,"children":4483},{"id":4482},"manual-test-checklist",[4484],{"type":49,"value":4485},"Manual Test Checklist",{"type":43,"tag":74,"props":4487,"children":4489},{"className":4488},[2050],[4490,4499,4508,4517,4526,4535],{"type":43,"tag":78,"props":4491,"children":4493},{"className":4492},[2055],[4494,4497],{"type":43,"tag":2058,"props":4495,"children":4496},{"disabled":2060,"type":2061},[],{"type":49,"value":4498}," Create test item with reference populated",{"type":43,"tag":78,"props":4500,"children":4502},{"className":4501},[2055],[4503,4506],{"type":43,"tag":2058,"props":4504,"children":4505},{"disabled":2060,"type":2061},[],{"type":49,"value":4507}," Preview in Designer",{"type":43,"tag":78,"props":4509,"children":4511},{"className":4510},[2055],[4512,4515],{"type":43,"tag":2058,"props":4513,"children":4514},{"disabled":2060,"type":2061},[],{"type":49,"value":4516}," Check element binding path",{"type":43,"tag":78,"props":4518,"children":4520},{"className":4519},[2055],[4521,4524],{"type":43,"tag":2058,"props":4522,"children":4523},{"disabled":2060,"type":2061},[],{"type":49,"value":4525}," Publish and view live",{"type":43,"tag":78,"props":4527,"children":4529},{"className":4528},[2055],[4530,4533],{"type":43,"tag":2058,"props":4531,"children":4532},{"disabled":2060,"type":2061},[],{"type":49,"value":4534}," Verify all items display correctly",{"type":43,"tag":78,"props":4536,"children":4538},{"className":4537},[2055],[4539,4542],{"type":43,"tag":2058,"props":4540,"children":4541},{"disabled":2060,"type":2061},[],{"type":49,"value":4543}," Check items without references (should fail gracefully)",{"type":43,"tag":241,"props":4545,"children":4547},{"id":4546},"common-binding-patterns",[4548],{"type":49,"value":4549},"Common Binding Patterns",{"type":43,"tag":52,"props":4551,"children":4552},{},[4553],{"type":43,"tag":68,"props":4554,"children":4555},{},[4556],{"type":49,"value":4557},"Single Reference (Author):",{"type":43,"tag":1231,"props":4559,"children":4562},{"className":4560,"code":4561,"language":49},[1234],"Collection List: Posts\nCollection Item: Post\nElement: Text Block\nBinding: Get text from Post > author > name\n",[4563],{"type":43,"tag":84,"props":4564,"children":4565},{"__ignoreMap":1239},[4566],{"type":49,"value":4561},{"type":43,"tag":52,"props":4568,"children":4569},{},[4570],{"type":43,"tag":68,"props":4571,"children":4572},{},[4573],{"type":49,"value":4574},"Multi-Reference (Tags):",{"type":43,"tag":1231,"props":4576,"children":4579},{"className":4577,"code":4578,"language":49},[1234],"Collection List: Posts\nCollection Item: Post\n  Nested Collection List: Get items from Post > tags\n  Collection Item: Tag\n    Element: Text Block\n    Binding: Get text from Tag > name\n",[4580],{"type":43,"tag":84,"props":4581,"children":4582},{"__ignoreMap":1239},[4583],{"type":49,"value":4578},{"type":43,"tag":52,"props":4585,"children":4586},{},[4587],{"type":43,"tag":68,"props":4588,"children":4589},{},[4590],{"type":49,"value":4591},"Self-Reference (Related Posts):",{"type":43,"tag":1231,"props":4593,"children":4596},{"className":4594,"code":4595,"language":49},[1234],"Collection List: Posts\nCollection Item: Post (current)\n  Nested Collection List: Get items from Post > related-posts\n  Collection Item: Post (related)\n    Element: Text Block\n    Binding: Get text from Post > title\n",[4597],{"type":43,"tag":84,"props":4598,"children":4599},{"__ignoreMap":1239},[4600],{"type":49,"value":4595},{"type":43,"tag":1951,"props":4602,"children":4603},{},[],{"type":43,"tag":58,"props":4605,"children":4607},{"id":4606},"prevention-tips",[4608],{"type":49,"value":4609},"Prevention Tips",{"type":43,"tag":241,"props":4611,"children":4613},{"id":4612},"best-practices",[4614],{"type":49,"value":4615},"Best Practices:",{"type":43,"tag":248,"props":4617,"children":4618},{},[4619,4640,4661,4682,4708],{"type":43,"tag":78,"props":4620,"children":4621},{},[4622,4627],{"type":43,"tag":68,"props":4623,"children":4624},{},[4625],{"type":49,"value":4626},"Make critical references required",{"type":43,"tag":74,"props":4628,"children":4629},{},[4630,4635],{"type":43,"tag":78,"props":4631,"children":4632},{},[4633],{"type":49,"value":4634},"Required: Yes for author, category",{"type":43,"tag":78,"props":4636,"children":4637},{},[4638],{"type":49,"value":4639},"Optional: Yes for tags, related items",{"type":43,"tag":78,"props":4641,"children":4642},{},[4643,4648],{"type":43,"tag":68,"props":4644,"children":4645},{},[4646],{"type":49,"value":4647},"Provide default content",{"type":43,"tag":74,"props":4649,"children":4650},{},[4651,4656],{"type":43,"tag":78,"props":4652,"children":4653},{},[4654],{"type":49,"value":4655},"If reference is empty, show \"Uncategorized\"",{"type":43,"tag":78,"props":4657,"children":4658},{},[4659],{"type":49,"value":4660},"Use conditional visibility for optional references",{"type":43,"tag":78,"props":4662,"children":4663},{},[4664,4669],{"type":43,"tag":68,"props":4665,"children":4666},{},[4667],{"type":49,"value":4668},"Test with incomplete data",{"type":43,"tag":74,"props":4670,"children":4671},{},[4672,4677],{"type":43,"tag":78,"props":4673,"children":4674},{},[4675],{"type":49,"value":4676},"Create test items with missing references",{"type":43,"tag":78,"props":4678,"children":4679},{},[4680],{"type":49,"value":4681},"Ensure graceful fallback",{"type":43,"tag":78,"props":4683,"children":4684},{},[4685,4690],{"type":43,"tag":68,"props":4686,"children":4687},{},[4688],{"type":49,"value":4689},"Document reference structure",{"type":43,"tag":74,"props":4691,"children":4692},{},[4693,4698,4703],{"type":43,"tag":78,"props":4694,"children":4695},{},[4696],{"type":49,"value":4697},"Create guide for content editors",{"type":43,"tag":78,"props":4699,"children":4700},{},[4701],{"type":49,"value":4702},"Explain which fields are required",{"type":43,"tag":78,"props":4704,"children":4705},{},[4706],{"type":49,"value":4707},"Show how to assign references",{"type":43,"tag":78,"props":4709,"children":4710},{},[4711,4716],{"type":43,"tag":68,"props":4712,"children":4713},{},[4714],{"type":49,"value":4715},"Use descriptive field names",{"type":43,"tag":74,"props":4717,"children":4718},{},[4719,4724],{"type":43,"tag":78,"props":4720,"children":4721},{},[4722],{"type":49,"value":4723},"❌ \"ref-1\", \"link\"",{"type":43,"tag":78,"props":4725,"children":4726},{},[4727],{"type":49,"value":4728},"✅ \"author\", \"primary-category\", \"related-posts\"",{"type":43,"tag":1951,"props":4730,"children":4731},{},[],{"type":43,"tag":58,"props":4733,"children":4735},{"id":4734},"quick-fixes-by-symptom",[4736],{"type":49,"value":4737},"Quick Fixes by Symptom",{"type":43,"tag":797,"props":4739,"children":4740},{},[4741,4762],{"type":43,"tag":801,"props":4742,"children":4743},{},[4744],{"type":43,"tag":805,"props":4745,"children":4746},{},[4747,4752,4757],{"type":43,"tag":809,"props":4748,"children":4749},{},[4750],{"type":49,"value":4751},"Symptom",{"type":43,"tag":809,"props":4753,"children":4754},{},[4755],{"type":49,"value":4756},"Most Likely Cause",{"type":43,"tag":809,"props":4758,"children":4759},{},[4760],{"type":49,"value":4761},"Quick Fix",{"type":43,"tag":830,"props":4763,"children":4764},{},[4765,4783,4801,4819,4837,4855],{"type":43,"tag":805,"props":4766,"children":4767},{},[4768,4773,4778],{"type":43,"tag":837,"props":4769,"children":4770},{},[4771],{"type":49,"value":4772},"Nothing shows",{"type":43,"tag":837,"props":4774,"children":4775},{},[4776],{"type":49,"value":4777},"Not bound",{"type":43,"tag":837,"props":4779,"children":4780},{},[4781],{"type":49,"value":4782},"Bind element to reference field",{"type":43,"tag":805,"props":4784,"children":4785},{},[4786,4791,4796],{"type":43,"tag":837,"props":4787,"children":4788},{},[4789],{"type":49,"value":4790},"Some items empty",{"type":43,"tag":837,"props":4792,"children":4793},{},[4794],{"type":49,"value":4795},"Reference not assigned",{"type":43,"tag":837,"props":4797,"children":4798},{},[4799],{"type":49,"value":4800},"Assign reference in CMS",{"type":43,"tag":805,"props":4802,"children":4803},{},[4804,4809,4814],{"type":43,"tag":837,"props":4805,"children":4806},{},[4807],{"type":49,"value":4808},"Works in designer, not live",{"type":43,"tag":837,"props":4810,"children":4811},{},[4812],{"type":49,"value":4813},"Items not published",{"type":43,"tag":837,"props":4815,"children":4816},{},[4817],{"type":49,"value":4818},"Publish referenced collection items",{"type":43,"tag":805,"props":4820,"children":4821},{},[4822,4827,4832],{"type":43,"tag":837,"props":4823,"children":4824},{},[4825],{"type":49,"value":4826},"Only first tag shows",{"type":43,"tag":837,"props":4828,"children":4829},{},[4830],{"type":49,"value":4831},"Using text binding on multi-ref",{"type":43,"tag":837,"props":4833,"children":4834},{},[4835],{"type":49,"value":4836},"Use nested collection list",{"type":43,"tag":805,"props":4838,"children":4839},{},[4840,4845,4850],{"type":43,"tag":837,"props":4841,"children":4842},{},[4843],{"type":49,"value":4844},"Shows random data",{"type":43,"tag":837,"props":4846,"children":4847},{},[4848],{"type":49,"value":4849},"Wrong collection context",{"type":43,"tag":837,"props":4851,"children":4852},{},[4853],{"type":49,"value":4854},"Check collection list nesting",{"type":43,"tag":805,"props":4856,"children":4857},{},[4858,4863,4868],{"type":43,"tag":837,"props":4859,"children":4860},{},[4861],{"type":49,"value":4862},"Broken after deletion",{"type":43,"tag":837,"props":4864,"children":4865},{},[4866],{"type":49,"value":4867},"Referenced item deleted",{"type":43,"tag":837,"props":4869,"children":4870},{},[4871],{"type":49,"value":4872},"Re-assign or recreate item",{"type":43,"tag":1951,"props":4874,"children":4875},{},[],{"type":43,"tag":52,"props":4877,"children":4878},{},[4879],{"type":49,"value":4880},"Would you like me to walk through your specific setup to diagnose the exact issue? I can:",{"type":43,"tag":74,"props":4882,"children":4883},{},[4884,4889,4894,4899,4904],{"type":43,"tag":78,"props":4885,"children":4886},{},[4887],{"type":49,"value":4888},"Review your collection structure",{"type":43,"tag":78,"props":4890,"children":4891},{},[4892],{"type":49,"value":4893},"Check your reference field configuration",{"type":43,"tag":78,"props":4895,"children":4896},{},[4897],{"type":49,"value":4898},"Analyze your page layout",{"type":43,"tag":78,"props":4900,"children":4901},{},[4902],{"type":49,"value":4903},"Test your data bindings",{"type":43,"tag":78,"props":4905,"children":4906},{},[4907],{"type":49,"value":4908},"Provide custom troubleshooting",{"type":43,"tag":52,"props":4910,"children":4911},{},[4912],{"type":49,"value":4913},"Let me know what you'd like me to check!",{"type":43,"tag":1231,"props":4915,"children":4918},{"className":4916,"code":4917,"language":49},[1234],"\n## Guidelines\n\n### Phase 1: Discovery Best Practices\n\n**Always Start With:**\n1. **Identify plan limits** - Use `data_sites_tool` with action `get_site` to check collection\u002Fitem limits\n2. **Analyze existing structure** - List collections before recommending changes\n3. **Understand content volume** - Check item counts to assess scale\n4. **Review current pages** - See how content is currently displayed\n5. **Ask clarifying questions** - Don't assume requirements\n\n**Plan Limits Reference:**\n",[4919],{"type":43,"tag":84,"props":4920,"children":4921},{"__ignoreMap":1239},[4922],{"type":49,"value":4917},{"type":43,"tag":52,"props":4924,"children":4925},{},[4926],{"type":49,"value":4927},"Starter Plan:",{"type":43,"tag":74,"props":4929,"children":4930},{},[4931,4936,4941],{"type":43,"tag":78,"props":4932,"children":4933},{},[4934],{"type":49,"value":4935},"Collections: 1",{"type":43,"tag":78,"props":4937,"children":4938},{},[4939],{"type":49,"value":4940},"Items per collection: 50",{"type":43,"tag":78,"props":4942,"children":4943},{},[4944],{"type":49,"value":4945},"CMS pages: 50",{"type":43,"tag":52,"props":4947,"children":4948},{},[4949],{"type":49,"value":4950},"Basic Plan:",{"type":43,"tag":74,"props":4952,"children":4953},{},[4954,4959,4964],{"type":43,"tag":78,"props":4955,"children":4956},{},[4957],{"type":49,"value":4958},"Collections: 2",{"type":43,"tag":78,"props":4960,"children":4961},{},[4962],{"type":49,"value":4963},"Items total: 200",{"type":43,"tag":78,"props":4965,"children":4966},{},[4967],{"type":49,"value":4968},"CMS pages: 150",{"type":43,"tag":52,"props":4970,"children":4971},{},[4972],{"type":49,"value":4973},"CMS Plan:",{"type":43,"tag":74,"props":4975,"children":4976},{},[4977,4982,4987],{"type":43,"tag":78,"props":4978,"children":4979},{},[4980],{"type":49,"value":4981},"Collections: 20",{"type":43,"tag":78,"props":4983,"children":4984},{},[4985],{"type":49,"value":4986},"Items total: 2,000",{"type":43,"tag":78,"props":4988,"children":4989},{},[4990],{"type":49,"value":4991},"CMS pages: 2,000",{"type":43,"tag":52,"props":4993,"children":4994},{},[4995],{"type":49,"value":4996},"Business Plan:",{"type":43,"tag":74,"props":4998,"children":4999},{},[5000,5005,5010],{"type":43,"tag":78,"props":5001,"children":5002},{},[5003],{"type":49,"value":5004},"Collections: 40",{"type":43,"tag":78,"props":5006,"children":5007},{},[5008],{"type":49,"value":5009},"Items total: 10,000",{"type":43,"tag":78,"props":5011,"children":5012},{},[5013],{"type":49,"value":5014},"CMS pages: 10,000",{"type":43,"tag":52,"props":5016,"children":5017},{},[5018],{"type":49,"value":5019},"Enterprise Plan:",{"type":43,"tag":74,"props":5021,"children":5022},{},[5023],{"type":43,"tag":78,"props":5024,"children":5025},{},[5026],{"type":49,"value":5027},"Custom limits",{"type":43,"tag":1231,"props":5029,"children":5032},{"className":5030,"code":5031,"language":49},[1234],"\n**Key Questions to Ask:**\n1. \"What content needs to be managed?\" (identify collections)\n2. \"Who will update the content?\" (determine complexity level)\n3. \"How will content be displayed?\" (affects fields and relationships)\n4. \"What's the expected content volume?\" (plan for scale)\n5. \"Are there any special requirements?\" (unique features, integrations)\n\n### Phase 2: Field Selection Best Practices\n\n**Field Type Selection Matrix:**\n\n**For Text Content:**\n- **\u003C50 characters:** Plain Text (single line)\n- **50-256 characters:** Plain Text (multi-line)\n- **Need formatting:** Rich Text\n- **Pure data (no display):** Plain Text (validation enabled)\n\n**For Relationships:**\n- **One parent:** Reference (e.g., Post → Author)\n- **Multiple parents:** Multi-Reference (e.g., Post → Tags)\n- **Self-referencing:** Reference to same collection (e.g., Category → Parent Category)\n\n**For Media:**\n- **Hero images:** Image field (1 image)\n- **Galleries:** Multi-image field (up to 25 images)\n- **Documents:** File field (PDFs, docs)\n- **Videos:** Video field (YouTube\u002FVimeo embeds)\n\n**For Metadata:**\n- **Dates:** Date\u002FTime field\n- **Numbers:** Number field (prices, counts, ratings)\n- **Colors:** Color field (brand colors, theme colors)\n- **Switches:** Boolean field (featured, published, active)\n\n**Field Naming Conventions:**\n",[5033],{"type":43,"tag":84,"props":5034,"children":5035},{"__ignoreMap":1239},[5036],{"type":49,"value":5031},{"type":43,"tag":52,"props":5038,"children":5039},{},[5040],{"type":49,"value":5041},"✅ Good Names:",{"type":43,"tag":74,"props":5043,"children":5044},{},[5045,5050,5055,5060],{"type":43,"tag":78,"props":5046,"children":5047},{},[5048],{"type":49,"value":5049},"published-date (descriptive, hyphenated)",{"type":43,"tag":78,"props":5051,"children":5052},{},[5053],{"type":49,"value":5054},"author (clear purpose)",{"type":43,"tag":78,"props":5056,"children":5057},{},[5058],{"type":49,"value":5059},"main-image (specifies which image)",{"type":43,"tag":78,"props":5061,"children":5062},{},[5063],{"type":49,"value":5064},"post-summary (explains use case)",{"type":43,"tag":52,"props":5066,"children":5067},{},[5068],{"type":49,"value":5069},"❌ Bad Names:",{"type":43,"tag":74,"props":5071,"children":5072},{},[5073,5078,5083,5088],{"type":43,"tag":78,"props":5074,"children":5075},{},[5076],{"type":49,"value":5077},"date1 (unclear which date)",{"type":43,"tag":78,"props":5079,"children":5080},{},[5081],{"type":49,"value":5082},"img (which image?)",{"type":43,"tag":78,"props":5084,"children":5085},{},[5086],{"type":49,"value":5087},"text (what kind of text?)",{"type":43,"tag":78,"props":5089,"children":5090},{},[5091],{"type":49,"value":5092},"field1 (no meaning)",{"type":43,"tag":1231,"props":5094,"children":5097},{"className":5095,"code":5096,"language":49},[1234],"\n**Required vs Optional:**\n",[5098],{"type":43,"tag":84,"props":5099,"children":5100},{"__ignoreMap":1239},[5101],{"type":49,"value":5096},{"type":43,"tag":52,"props":5103,"children":5104},{},[5105],{"type":49,"value":5106},"Make REQUIRED:",{"type":43,"tag":74,"props":5108,"children":5109},{},[5110,5115,5120,5125],{"type":43,"tag":78,"props":5111,"children":5112},{},[5113],{"type":49,"value":5114},"name (unique identifier)",{"type":43,"tag":78,"props":5116,"children":5117},{},[5118],{"type":49,"value":5119},"slug (URL generation)",{"type":43,"tag":78,"props":5121,"children":5122},{},[5123],{"type":49,"value":5124},"primary relationships (author, category)",{"type":43,"tag":78,"props":5126,"children":5127},{},[5128],{"type":49,"value":5129},"publish date (for sorting)",{"type":43,"tag":52,"props":5131,"children":5132},{},[5133],{"type":49,"value":5134},"Make OPTIONAL:",{"type":43,"tag":74,"props":5136,"children":5137},{},[5138,5143,5148,5153],{"type":43,"tag":78,"props":5139,"children":5140},{},[5141],{"type":49,"value":5142},"tags (not always applicable)",{"type":43,"tag":78,"props":5144,"children":5145},{},[5146],{"type":49,"value":5147},"secondary images",{"type":43,"tag":78,"props":5149,"children":5150},{},[5151],{"type":49,"value":5152},"advanced metadata",{"type":43,"tag":78,"props":5154,"children":5155},{},[5156],{"type":49,"value":5157},"related items",{"type":43,"tag":1231,"props":5159,"children":5162},{"className":5160,"code":5161,"language":49},[1234],"\n### Phase 3: Relationship Design Best Practices\n\n**One-to-Many Guidelines:**\n",[5163],{"type":43,"tag":84,"props":5164,"children":5165},{"__ignoreMap":1239},[5166],{"type":49,"value":5161},{"type":43,"tag":52,"props":5168,"children":5169},{},[5170],{"type":49,"value":5171},"Use when:",{"type":43,"tag":74,"props":5173,"children":5174},{},[5175,5180,5185],{"type":43,"tag":78,"props":5176,"children":5177},{},[5178],{"type":49,"value":5179},"Each item has exactly ONE parent",{"type":43,"tag":78,"props":5181,"children":5182},{},[5183],{"type":49,"value":5184},"Parent data is reused across many items",{"type":43,"tag":78,"props":5186,"children":5187},{},[5188],{"type":49,"value":5189},"You want centralized data management",{"type":43,"tag":52,"props":5191,"children":5192},{},[5193],{"type":49,"value":5194},"Examples:\n✅ Post → Author (each post has one author)\n✅ Product → Brand (each product has one brand)\n✅ Event → Venue (each event has one venue)",{"type":43,"tag":52,"props":5196,"children":5197},{},[5198],{"type":49,"value":5199},"Don't use when:\n❌ Item can have multiple parents (use multi-reference)\n❌ Relationship is temporary (consider option field)\n❌ Data is simple and rarely changes (use option field instead)",{"type":43,"tag":1231,"props":5201,"children":5204},{"className":5202,"code":5203,"language":49},[1234],"\n**Many-to-Many Guidelines:**\n",[5205],{"type":43,"tag":84,"props":5206,"children":5207},{"__ignoreMap":1239},[5208],{"type":49,"value":5203},{"type":43,"tag":52,"props":5210,"children":5211},{},[5212],{"type":49,"value":5171},{"type":43,"tag":74,"props":5214,"children":5215},{},[5216,5221,5226],{"type":43,"tag":78,"props":5217,"children":5218},{},[5219],{"type":49,"value":5220},"Items can have multiple relationships",{"type":43,"tag":78,"props":5222,"children":5223},{},[5224],{"type":49,"value":5225},"Relationships need to be managed separately",{"type":43,"tag":78,"props":5227,"children":5228},{},[5229],{"type":49,"value":5230},"You want flexible cross-linking",{"type":43,"tag":52,"props":5232,"children":5233},{},[5234],{"type":49,"value":5235},"Examples:\n✅ Post ↔ Tags (posts have many tags, tags apply to many posts)\n✅ Product ↔ Features (products have many features, features apply to many products)\n✅ Course ↔ Topics (courses cover many topics, topics span many courses)",{"type":43,"tag":52,"props":5237,"children":5238},{},[5239],{"type":49,"value":5240},"Remember:\n⚠️ Max 5 multi-reference fields per collection\n⚠️ Can only filter by ONE multi-reference at a time\n⚠️ Cannot sort by referenced field values\n⚠️ Performance impact (more queries)",{"type":43,"tag":1231,"props":5242,"children":5245},{"className":5243,"code":5244,"language":49},[1234],"\n**Self-Reference Guidelines:**\n",[5246],{"type":43,"tag":84,"props":5247,"children":5248},{"__ignoreMap":1239},[5249],{"type":49,"value":5244},{"type":43,"tag":52,"props":5251,"children":5252},{},[5253],{"type":49,"value":5171},{"type":43,"tag":74,"props":5255,"children":5256},{},[5257,5262,5267],{"type":43,"tag":78,"props":5258,"children":5259},{},[5260],{"type":49,"value":5261},"Building hierarchies (categories, menu structure)",{"type":43,"tag":78,"props":5263,"children":5264},{},[5265],{"type":49,"value":5266},"Related items from same collection",{"type":43,"tag":78,"props":5268,"children":5269},{},[5270],{"type":49,"value":5271},"Organizational trees",{"type":43,"tag":52,"props":5273,"children":5274},{},[5275],{"type":49,"value":2817},{"type":43,"tag":74,"props":5277,"children":5278},{},[5279,5284,5289,5294],{"type":43,"tag":78,"props":5280,"children":5281},{},[5282],{"type":49,"value":5283},"Add Reference field pointing to same collection",{"type":43,"tag":78,"props":5285,"children":5286},{},[5287],{"type":49,"value":5288},"Name it clearly: parent-category, related-posts",{"type":43,"tag":78,"props":5290,"children":5291},{},[5292],{"type":49,"value":5293},"Limit depth to 2-3 levels for practical display",{"type":43,"tag":78,"props":5295,"children":5296},{},[5297],{"type":49,"value":5298},"Consider adding \"level\" number field for easier filtering",{"type":43,"tag":52,"props":5300,"children":5301},{},[5302],{"type":49,"value":5303},"Example Structure:\nCategories:\n├── Web Development (level 1, parent: null)\n│   ├── Frontend (level 2, parent: Web Development)\n│   └── Backend (level 2, parent: Web Development)\n└── Design (level 1, parent: null)",{"type":43,"tag":1231,"props":5305,"children":5308},{"className":5306,"code":5307,"language":49},[1234],"\n### Phase 4: Architecture Patterns\n\n**Common Collection Patterns:**\n\n**1. Blog Architecture:**\n",[5309],{"type":43,"tag":84,"props":5310,"children":5311},{"__ignoreMap":1239},[5312],{"type":49,"value":5307},{"type":43,"tag":52,"props":5314,"children":5315},{},[5316],{"type":49,"value":5317},"Minimal (1 collection):",{"type":43,"tag":74,"props":5319,"children":5320},{},[5321],{"type":43,"tag":78,"props":5322,"children":5323},{},[5324],{"type":49,"value":5325},"Blog Posts",{"type":43,"tag":52,"props":5327,"children":5328},{},[5329],{"type":49,"value":5330},"Standard (3 collections):",{"type":43,"tag":74,"props":5332,"children":5333},{},[5334,5338,5343],{"type":43,"tag":78,"props":5335,"children":5336},{},[5337],{"type":49,"value":5325},{"type":43,"tag":78,"props":5339,"children":5340},{},[5341],{"type":49,"value":5342},"Authors",{"type":43,"tag":78,"props":5344,"children":5345},{},[5346],{"type":49,"value":5347},"Categories",{"type":43,"tag":52,"props":5349,"children":5350},{},[5351],{"type":49,"value":5352},"Advanced (5+ collections):",{"type":43,"tag":74,"props":5354,"children":5355},{},[5356,5360,5364,5368,5373],{"type":43,"tag":78,"props":5357,"children":5358},{},[5359],{"type":49,"value":5325},{"type":43,"tag":78,"props":5361,"children":5362},{},[5363],{"type":49,"value":5342},{"type":43,"tag":78,"props":5365,"children":5366},{},[5367],{"type":49,"value":5347},{"type":43,"tag":78,"props":5369,"children":5370},{},[5371],{"type":49,"value":5372},"Tags",{"type":43,"tag":78,"props":5374,"children":5375},{},[5376],{"type":49,"value":5377},"Topics\u002FSeries",{"type":43,"tag":1231,"props":5379,"children":5382},{"className":5380,"code":5381,"language":49},[1234],"\n**2. E-commerce Architecture:**\n",[5383],{"type":43,"tag":84,"props":5384,"children":5385},{"__ignoreMap":1239},[5386],{"type":49,"value":5381},{"type":43,"tag":52,"props":5388,"children":5389},{},[5390],{"type":49,"value":5317},{"type":43,"tag":74,"props":5392,"children":5393},{},[5394],{"type":43,"tag":78,"props":5395,"children":5396},{},[5397],{"type":49,"value":5398},"Products",{"type":43,"tag":52,"props":5400,"children":5401},{},[5402],{"type":49,"value":5403},"Standard (4 collections):",{"type":43,"tag":74,"props":5405,"children":5406},{},[5407,5411,5415,5420],{"type":43,"tag":78,"props":5408,"children":5409},{},[5410],{"type":49,"value":5398},{"type":43,"tag":78,"props":5412,"children":5413},{},[5414],{"type":49,"value":5347},{"type":43,"tag":78,"props":5416,"children":5417},{},[5418],{"type":49,"value":5419},"Brands",{"type":43,"tag":78,"props":5421,"children":5422},{},[5423],{"type":49,"value":5424},"Features\u002FSpecifications",{"type":43,"tag":52,"props":5426,"children":5427},{},[5428],{"type":49,"value":5429},"Advanced (7+ collections):",{"type":43,"tag":74,"props":5431,"children":5432},{},[5433,5437,5441,5445,5450,5455,5460],{"type":43,"tag":78,"props":5434,"children":5435},{},[5436],{"type":49,"value":5398},{"type":43,"tag":78,"props":5438,"children":5439},{},[5440],{"type":49,"value":5347},{"type":43,"tag":78,"props":5442,"children":5443},{},[5444],{"type":49,"value":5419},{"type":43,"tag":78,"props":5446,"children":5447},{},[5448],{"type":49,"value":5449},"Features",{"type":43,"tag":78,"props":5451,"children":5452},{},[5453],{"type":49,"value":5454},"Reviews",{"type":43,"tag":78,"props":5456,"children":5457},{},[5458],{"type":49,"value":5459},"Collections (curated product groups)",{"type":43,"tag":78,"props":5461,"children":5462},{},[5463],{"type":49,"value":5464},"Related Products",{"type":43,"tag":1231,"props":5466,"children":5469},{"className":5467,"code":5468,"language":49},[1234],"\n**3. Portfolio Architecture:**\n",[5470],{"type":43,"tag":84,"props":5471,"children":5472},{"__ignoreMap":1239},[5473],{"type":49,"value":5468},{"type":43,"tag":52,"props":5475,"children":5476},{},[5477],{"type":49,"value":5317},{"type":43,"tag":74,"props":5479,"children":5480},{},[5481],{"type":43,"tag":78,"props":5482,"children":5483},{},[5484],{"type":49,"value":5485},"Projects",{"type":43,"tag":52,"props":5487,"children":5488},{},[5489],{"type":49,"value":5330},{"type":43,"tag":74,"props":5491,"children":5492},{},[5493,5497,5502],{"type":43,"tag":78,"props":5494,"children":5495},{},[5496],{"type":49,"value":5485},{"type":43,"tag":78,"props":5498,"children":5499},{},[5500],{"type":49,"value":5501},"Clients",{"type":43,"tag":78,"props":5503,"children":5504},{},[5505],{"type":49,"value":5506},"Services\u002FCategories",{"type":43,"tag":52,"props":5508,"children":5509},{},[5510],{"type":49,"value":5352},{"type":43,"tag":74,"props":5512,"children":5513},{},[5514,5518,5522,5527,5532],{"type":43,"tag":78,"props":5515,"children":5516},{},[5517],{"type":49,"value":5485},{"type":43,"tag":78,"props":5519,"children":5520},{},[5521],{"type":49,"value":5501},{"type":43,"tag":78,"props":5523,"children":5524},{},[5525],{"type":49,"value":5526},"Services",{"type":43,"tag":78,"props":5528,"children":5529},{},[5530],{"type":49,"value":5531},"Team Members",{"type":43,"tag":78,"props":5533,"children":5534},{},[5535],{"type":49,"value":5536},"Technologies Used",{"type":43,"tag":1231,"props":5538,"children":5541},{"className":5539,"code":5540,"language":49},[1234],"\n**4. Directory Architecture:**\n",[5542],{"type":43,"tag":84,"props":5543,"children":5544},{"__ignoreMap":1239},[5545],{"type":49,"value":5540},{"type":43,"tag":52,"props":5547,"children":5548},{},[5549],{"type":49,"value":5317},{"type":43,"tag":74,"props":5551,"children":5552},{},[5553],{"type":43,"tag":78,"props":5554,"children":5555},{},[5556],{"type":49,"value":5557},"Listings",{"type":43,"tag":52,"props":5559,"children":5560},{},[5561],{"type":49,"value":5403},{"type":43,"tag":74,"props":5563,"children":5564},{},[5565,5569,5573,5578],{"type":43,"tag":78,"props":5566,"children":5567},{},[5568],{"type":49,"value":5557},{"type":43,"tag":78,"props":5570,"children":5571},{},[5572],{"type":49,"value":5347},{"type":43,"tag":78,"props":5574,"children":5575},{},[5576],{"type":49,"value":5577},"Locations",{"type":43,"tag":78,"props":5579,"children":5580},{},[5581],{"type":49,"value":5582},"Owners\u002FManagers",{"type":43,"tag":52,"props":5584,"children":5585},{},[5586],{"type":49,"value":5587},"Advanced (6+ collections):",{"type":43,"tag":74,"props":5589,"children":5590},{},[5591,5595,5599,5604,5609,5614],{"type":43,"tag":78,"props":5592,"children":5593},{},[5594],{"type":49,"value":5557},{"type":43,"tag":78,"props":5596,"children":5597},{},[5598],{"type":49,"value":5347},{"type":43,"tag":78,"props":5600,"children":5601},{},[5602],{"type":49,"value":5603},"Subcategories",{"type":43,"tag":78,"props":5605,"children":5606},{},[5607],{"type":49,"value":5608},"Locations (hierarchical)",{"type":43,"tag":78,"props":5610,"children":5611},{},[5612],{"type":49,"value":5613},"Amenities\u002FFeatures",{"type":43,"tag":78,"props":5615,"children":5616},{},[5617],{"type":49,"value":5618},"Reviews\u002FRatings",{"type":43,"tag":1231,"props":5620,"children":5623},{"className":5621,"code":5622,"language":49},[1234],"\n### Phase 5: Performance Optimization\n\n**Pagination Strategy:**\n",[5624],{"type":43,"tag":84,"props":5625,"children":5626},{"__ignoreMap":1239},[5627],{"type":49,"value":5622},{"type":43,"tag":52,"props":5629,"children":5630},{},[5631],{"type":49,"value":5632},"Content Volume → Items Per Page:",{"type":43,"tag":74,"props":5634,"children":5635},{},[5636,5641,5646,5651,5656],{"type":43,"tag":78,"props":5637,"children":5638},{},[5639],{"type":49,"value":5640},"0-50 items: No pagination needed",{"type":43,"tag":78,"props":5642,"children":5643},{},[5644],{"type":49,"value":5645},"50-100 items: 20 items per page",{"type":43,"tag":78,"props":5647,"children":5648},{},[5649],{"type":49,"value":5650},"100-500 items: 15-20 items per page",{"type":43,"tag":78,"props":5652,"children":5653},{},[5654],{"type":49,"value":5655},"500-1000 items: 12-15 items per page",{"type":43,"tag":78,"props":5657,"children":5658},{},[5659],{"type":49,"value":5660},"1000+ items: 10-12 items per page + advanced filtering",{"type":43,"tag":1231,"props":5662,"children":5665},{"className":5663,"code":5664,"language":49},[1234],"\n**Image Optimization:**\n",[5666],{"type":43,"tag":84,"props":5667,"children":5668},{"__ignoreMap":1239},[5669],{"type":49,"value":5664},{"type":43,"tag":52,"props":5671,"children":5672},{},[5673],{"type":49,"value":5674},"Usage → Recommended Size:",{"type":43,"tag":74,"props":5676,"children":5677},{},[5678,5683,5688,5693],{"type":43,"tag":78,"props":5679,"children":5680},{},[5681],{"type":49,"value":5682},"Thumbnail (grid cards): 400x300px",{"type":43,"tag":78,"props":5684,"children":5685},{},[5686],{"type":49,"value":5687},"Featured image (hero): 1200x800px",{"type":43,"tag":78,"props":5689,"children":5690},{},[5691],{"type":49,"value":5692},"Gallery images: 800x600px",{"type":43,"tag":78,"props":5694,"children":5695},{},[5696],{"type":49,"value":5697},"Background images: 1920x1080px",{"type":43,"tag":52,"props":5699,"children":5700},{},[5701],{"type":49,"value":5702},"Format Priority:",{"type":43,"tag":248,"props":5704,"children":5705},{},[5706,5711,5716,5721],{"type":43,"tag":78,"props":5707,"children":5708},{},[5709],{"type":49,"value":5710},"WebP (best compression, modern browsers)",{"type":43,"tag":78,"props":5712,"children":5713},{},[5714],{"type":49,"value":5715},"JPEG (photos, complex images)",{"type":43,"tag":78,"props":5717,"children":5718},{},[5719],{"type":49,"value":5720},"PNG (transparency needed, simple graphics)",{"type":43,"tag":78,"props":5722,"children":5723},{},[5724],{"type":49,"value":5725},"SVG (logos, icons, simple graphics)",{"type":43,"tag":1231,"props":5727,"children":5730},{"className":5728,"code":5729,"language":49},[1234],"\n**Reference Field Strategy:**\n",[5731],{"type":43,"tag":84,"props":5732,"children":5733},{"__ignoreMap":1239},[5734],{"type":49,"value":5729},{"type":43,"tag":52,"props":5736,"children":5737},{},[5738],{"type":49,"value":5739},"Optimization Levels:",{"type":43,"tag":52,"props":5741,"children":5742},{},[5743,5745,5749,5751,5754,5755],{"type":49,"value":5744},"Level 1 - Display Only What's Needed:\n❌ Binding entire author object: ",{"type":43,"tag":1881,"props":5746,"children":5748},{"value":5747},"author",[],{"type":49,"value":5750},"\n✅ Binding specific fields: ",{"type":43,"tag":1881,"props":5752,"children":5753},{"value":1288},[],{"type":49,"value":1290},{"type":43,"tag":1881,"props":5756,"children":5757},{"value":1296},[],{"type":43,"tag":52,"props":5759,"children":5760},{},[5761],{"type":49,"value":5762},"Level 2 - Denormalize Critical Data:\nInstead of: Post → Author.name (2 queries)\nStore: Post.author-name (1 query)\nWhen: Performance critical + data rarely changes",{"type":43,"tag":52,"props":5764,"children":5765},{},[5766],{"type":49,"value":5767},"Level 3 - Lazy Load Related Content:\nShow main content immediately\nLoad related items on interaction (click, scroll)\nReduces initial page load",{"type":43,"tag":1231,"props":5769,"children":5772},{"className":5770,"code":5771,"language":49},[1234],"\n**Collection List Optimization:**\n",[5773],{"type":43,"tag":84,"props":5774,"children":5775},{"__ignoreMap":1239},[5776],{"type":49,"value":5771},{"type":43,"tag":52,"props":5778,"children":5779},{},[5780],{"type":49,"value":4615},{"type":43,"tag":248,"props":5782,"children":5783},{},[5784,5789,5794,5799,5804],{"type":43,"tag":78,"props":5785,"children":5786},{},[5787],{"type":49,"value":5788},"Filter at Collection Level:\n✅ Use native collection list filters\n❌ Load all items then hide with conditionals",{"type":43,"tag":78,"props":5790,"children":5791},{},[5792],{"type":49,"value":5793},"Limit Items:\n✅ Set reasonable limit (12-20 items)\n❌ Load unlimited items",{"type":43,"tag":78,"props":5795,"children":5796},{},[5797],{"type":49,"value":5798},"Optimize Nested Lists:\n✅ Limit nested collection lists to 3-5 items\n❌ Nest multiple unlimited lists",{"type":43,"tag":78,"props":5800,"children":5801},{},[5802],{"type":49,"value":5803},"Use Conditional Loading:\n✅ Load content based on viewport\n❌ Load everything upfront",{"type":43,"tag":78,"props":5805,"children":5806},{},[5807],{"type":49,"value":5808},"Implement Pagination:\n✅ Enable Webflow pagination or \"Load More\"\n❌ Infinite scroll with all items",{"type":43,"tag":1231,"props":5810,"children":5813},{"className":5811,"code":5812,"language":49},[1234],"\n### Phase 6: SEO Best Practices\n\n**Collection Template SEO:**\n",[5814],{"type":43,"tag":84,"props":5815,"children":5816},{"__ignoreMap":1239},[5817],{"type":49,"value":5812},{"type":43,"tag":52,"props":5819,"children":5820},{},[5821],{"type":49,"value":5822},"Required Fields:",{"type":43,"tag":248,"props":5824,"children":5825},{},[5826,5831,5836,5841],{"type":43,"tag":78,"props":5827,"children":5828},{},[5829],{"type":49,"value":5830},"SEO Title (dynamic from item name)",{"type":43,"tag":78,"props":5832,"children":5833},{},[5834],{"type":49,"value":5835},"Meta Description (dynamic from summary\u002Fdescription)",{"type":43,"tag":78,"props":5837,"children":5838},{},[5839],{"type":49,"value":5840},"OG Image (dynamic from featured image)",{"type":43,"tag":78,"props":5842,"children":5843},{},[5844],{"type":49,"value":5845},"Canonical URL (automatic)",{"type":43,"tag":52,"props":5847,"children":5848},{},[5849],{"type":49,"value":5850},"Recommended:\n5. Schema.org structured data (JSON-LD)\n6. Open Graph tags (Facebook\u002FLinkedIn)\n7. Twitter Card tags\n8. Alt text for all images",{"type":43,"tag":1231,"props":5852,"children":5855},{"className":5853,"code":5854,"language":49},[1234],"\n**Slug Best Practices:**\n",[5856],{"type":43,"tag":84,"props":5857,"children":5858},{"__ignoreMap":1239},[5859],{"type":49,"value":5854},{"type":43,"tag":52,"props":5861,"children":5862},{},[5863],{"type":49,"value":5864},"✅ Good Slugs:",{"type":43,"tag":74,"props":5866,"children":5867},{},[5868,5873,5878],{"type":43,"tag":78,"props":5869,"children":5870},{},[5871],{"type":49,"value":5872},"webflow-cms-best-practices",{"type":43,"tag":78,"props":5874,"children":5875},{},[5876],{"type":49,"value":5877},"ultimate-guide-to-seo",{"type":43,"tag":78,"props":5879,"children":5880},{},[5881],{"type":49,"value":5882},"2026-web-design-trends",{"type":43,"tag":52,"props":5884,"children":5885},{},[5886],{"type":49,"value":5887},"❌ Bad Slugs:",{"type":43,"tag":74,"props":5889,"children":5890},{},[5891,5896,5901],{"type":43,"tag":78,"props":5892,"children":5893},{},[5894],{"type":49,"value":5895},"Post1",{"type":43,"tag":78,"props":5897,"children":5898},{},[5899],{"type":49,"value":5900},"new-post-copy-3",{"type":43,"tag":78,"props":5902,"children":5903},{},[5904],{"type":49,"value":5905},"untitled-entry",{"type":43,"tag":52,"props":5907,"children":5908},{},[5909],{"type":49,"value":5910},"Rules:",{"type":43,"tag":74,"props":5912,"children":5913},{},[5914,5919,5924,5929,5934],{"type":43,"tag":78,"props":5915,"children":5916},{},[5917],{"type":49,"value":5918},"Lowercase only",{"type":43,"tag":78,"props":5920,"children":5921},{},[5922],{"type":49,"value":5923},"Hyphens (not underscores)",{"type":43,"tag":78,"props":5925,"children":5926},{},[5927],{"type":49,"value":5928},"No special characters",{"type":43,"tag":78,"props":5930,"children":5931},{},[5932],{"type":49,"value":5933},"Descriptive (include keywords)",{"type":43,"tag":78,"props":5935,"children":5936},{},[5937],{"type":49,"value":5938},"Max 50-60 characters",{"type":43,"tag":1231,"props":5940,"children":5943},{"className":5941,"code":5942,"language":49},[1234],"\n**Structured Data Implementation:**\n",[5944],{"type":43,"tag":84,"props":5945,"children":5946},{"__ignoreMap":1239},[5947],{"type":49,"value":5942},{"type":43,"tag":52,"props":5949,"children":5950},{},[5951],{"type":49,"value":5952},"Common Types:",{"type":43,"tag":52,"props":5954,"children":5955},{},[5956],{"type":49,"value":5957},"Blog Post (Article schema):",{"type":43,"tag":74,"props":5959,"children":5960},{},[5961,5966],{"type":43,"tag":78,"props":5962,"children":5963},{},[5964],{"type":49,"value":5965},"headline, author, datePublished, image",{"type":43,"tag":78,"props":5967,"children":5968},{},[5969],{"type":49,"value":5970},"Use for: Blog posts, news articles",{"type":43,"tag":52,"props":5972,"children":5973},{},[5974],{"type":49,"value":5975},"Product (Product schema):",{"type":43,"tag":74,"props":5977,"children":5978},{},[5979,5984],{"type":43,"tag":78,"props":5980,"children":5981},{},[5982],{"type":49,"value":5983},"name, description, price, availability, image",{"type":43,"tag":78,"props":5985,"children":5986},{},[5987],{"type":49,"value":5988},"Use for: E-commerce products",{"type":43,"tag":52,"props":5990,"children":5991},{},[5992],{"type":49,"value":5993},"Event (Event schema):",{"type":43,"tag":74,"props":5995,"children":5996},{},[5997,6002],{"type":43,"tag":78,"props":5998,"children":5999},{},[6000],{"type":49,"value":6001},"name, startDate, location, organizer",{"type":43,"tag":78,"props":6003,"children":6004},{},[6005],{"type":49,"value":6006},"Use for: Events, webinars, conferences",{"type":43,"tag":52,"props":6008,"children":6009},{},[6010],{"type":49,"value":6011},"Recipe (Recipe schema):",{"type":43,"tag":74,"props":6013,"children":6014},{},[6015,6020],{"type":43,"tag":78,"props":6016,"children":6017},{},[6018],{"type":49,"value":6019},"name, ingredients, instructions, cookTime",{"type":43,"tag":78,"props":6021,"children":6022},{},[6023],{"type":49,"value":6024},"Use for: Recipe sites, food blogs",{"type":43,"tag":52,"props":6026,"children":6027},{},[6028],{"type":49,"value":6029},"Local Business (LocalBusiness schema):",{"type":43,"tag":74,"props":6031,"children":6032},{},[6033,6038],{"type":43,"tag":78,"props":6034,"children":6035},{},[6036],{"type":49,"value":6037},"name, address, phone, openingHours",{"type":43,"tag":78,"props":6039,"children":6040},{},[6041],{"type":49,"value":6042},"Use for: Directories, business listings",{"type":43,"tag":1231,"props":6044,"children":6047},{"className":6045,"code":6046,"language":49},[1234],"\n### Phase 7: Editorial Workflow\n\n**Content Editor Guidelines:**\n\n**Field Usage Documentation:**\n",[6048],{"type":43,"tag":84,"props":6049,"children":6050},{"__ignoreMap":1239},[6051],{"type":49,"value":6046},{"type":43,"tag":52,"props":6053,"children":6054},{},[6055],{"type":49,"value":6056},"Create guide for each collection:",{"type":43,"tag":52,"props":6058,"children":6059},{},[6060],{"type":49,"value":6061},"Example - Blog Posts Collection:",{"type":43,"tag":248,"props":6063,"children":6064},{},[6065,6088,6111,6134,6157],{"type":43,"tag":78,"props":6066,"children":6067},{},[6068,6070],{"type":49,"value":6069},"Name* (required)",{"type":43,"tag":74,"props":6071,"children":6072},{},[6073,6078,6083],{"type":43,"tag":78,"props":6074,"children":6075},{},[6076],{"type":49,"value":6077},"Post title",{"type":43,"tag":78,"props":6079,"children":6080},{},[6081],{"type":49,"value":6082},"Keep under 60 characters for SEO",{"type":43,"tag":78,"props":6084,"children":6085},{},[6086],{"type":49,"value":6087},"Make it catchy and descriptive",{"type":43,"tag":78,"props":6089,"children":6090},{},[6091,6093],{"type":49,"value":6092},"Slug* (required)",{"type":43,"tag":74,"props":6094,"children":6095},{},[6096,6101,6106],{"type":43,"tag":78,"props":6097,"children":6098},{},[6099],{"type":49,"value":6100},"Auto-generated from name",{"type":43,"tag":78,"props":6102,"children":6103},{},[6104],{"type":49,"value":6105},"Can be edited for SEO optimization",{"type":43,"tag":78,"props":6107,"children":6108},{},[6109],{"type":49,"value":6110},"Use hyphens, lowercase only",{"type":43,"tag":78,"props":6112,"children":6113},{},[6114,6116],{"type":49,"value":6115},"Post Summary",{"type":43,"tag":74,"props":6117,"children":6118},{},[6119,6124,6129],{"type":43,"tag":78,"props":6120,"children":6121},{},[6122],{"type":49,"value":6123},"Brief description (160 characters max)",{"type":43,"tag":78,"props":6125,"children":6126},{},[6127],{"type":49,"value":6128},"Used for: Grid cards, meta description, social sharing",{"type":43,"tag":78,"props":6130,"children":6131},{},[6132],{"type":49,"value":6133},"Make it compelling - this is what users see first",{"type":43,"tag":78,"props":6135,"children":6136},{},[6137,6139],{"type":49,"value":6138},"Featured Image*",{"type":43,"tag":74,"props":6140,"children":6141},{},[6142,6147,6152],{"type":43,"tag":78,"props":6143,"children":6144},{},[6145],{"type":49,"value":6146},"Hero image for post",{"type":43,"tag":78,"props":6148,"children":6149},{},[6150],{"type":49,"value":6151},"Minimum size: 1200x800px",{"type":43,"tag":78,"props":6153,"children":6154},{},[6155],{"type":49,"value":6156},"Always add alt text for accessibility",{"type":43,"tag":78,"props":6158,"children":6159},{},[6160,6162],{"type":49,"value":6161},"Author*",{"type":43,"tag":74,"props":6163,"children":6164},{},[6165,6170],{"type":43,"tag":78,"props":6166,"children":6167},{},[6168],{"type":49,"value":6169},"Select from Authors list",{"type":43,"tag":78,"props":6171,"children":6172},{},[6173],{"type":49,"value":6174},"Can't find author? Ask admin to create in Authors collection",{"type":43,"tag":52,"props":6176,"children":6177},{},[6178],{"type":49,"value":6179},"... (document all fields)",{"type":43,"tag":1231,"props":6181,"children":6184},{"className":6182,"code":6183,"language":49},[1234],"\n**Required Field Checklist:**\n",[6185],{"type":43,"tag":84,"props":6186,"children":6187},{"__ignoreMap":1239},[6188],{"type":49,"value":6183},{"type":43,"tag":52,"props":6190,"children":6191},{},[6192],{"type":49,"value":6193},"Before Publishing:\n□ Name filled\n□ Slug set (no generic slugs like \"untitled\")\n□ Summary written (compelling, 160 chars)\n□ Featured image uploaded with alt text\n□ Author assigned\n□ Category selected\n□ Published date set\n□ Content proofread\n□ Links tested\n□ Images optimized\n□ SEO reviewed",{"type":43,"tag":1231,"props":6195,"children":6198},{"className":6196,"code":6197,"language":49},[1234],"\n**Draft → Published Workflow:**\n",[6199],{"type":43,"tag":84,"props":6200,"children":6201},{"__ignoreMap":1239},[6202],{"type":49,"value":6197},{"type":43,"tag":248,"props":6204,"children":6205},{},[6206,6224,6247,6275,6303],{"type":43,"tag":78,"props":6207,"children":6208},{},[6209,6211],{"type":49,"value":6210},"Create as Draft:",{"type":43,"tag":74,"props":6212,"children":6213},{},[6214,6219],{"type":43,"tag":78,"props":6215,"children":6216},{},[6217],{"type":49,"value":6218},"Fill required fields minimum",{"type":43,"tag":78,"props":6220,"children":6221},{},[6222],{"type":49,"value":6223},"Save to preserve work",{"type":43,"tag":78,"props":6225,"children":6226},{},[6227,6229],{"type":49,"value":6228},"Complete Content:",{"type":43,"tag":74,"props":6230,"children":6231},{},[6232,6237,6242],{"type":43,"tag":78,"props":6233,"children":6234},{},[6235],{"type":49,"value":6236},"Write\u002Fupload all content",{"type":43,"tag":78,"props":6238,"children":6239},{},[6240],{"type":49,"value":6241},"Add images with alt text",{"type":43,"tag":78,"props":6243,"children":6244},{},[6245],{"type":49,"value":6246},"Set metadata",{"type":43,"tag":78,"props":6248,"children":6249},{},[6250,6252],{"type":49,"value":6251},"Internal Review:",{"type":43,"tag":74,"props":6253,"children":6254},{},[6255,6260,6265,6270],{"type":43,"tag":78,"props":6256,"children":6257},{},[6258],{"type":49,"value":6259},"Proofread",{"type":43,"tag":78,"props":6261,"children":6262},{},[6263],{"type":49,"value":6264},"Check formatting",{"type":43,"tag":78,"props":6266,"children":6267},{},[6268],{"type":49,"value":6269},"Test links",{"type":43,"tag":78,"props":6271,"children":6272},{},[6273],{"type":49,"value":6274},"Verify references",{"type":43,"tag":78,"props":6276,"children":6277},{},[6278,6280],{"type":49,"value":6279},"Publish:",{"type":43,"tag":74,"props":6281,"children":6282},{},[6283,6288,6293,6298],{"type":43,"tag":78,"props":6284,"children":6285},{},[6286],{"type":49,"value":6287},"Set published date",{"type":43,"tag":78,"props":6289,"children":6290},{},[6291],{"type":49,"value":6292},"Change from draft to published",{"type":43,"tag":78,"props":6294,"children":6295},{},[6296],{"type":49,"value":6297},"Verify on live site",{"type":43,"tag":78,"props":6299,"children":6300},{},[6301],{"type":49,"value":6302},"Share\u002Fpromote",{"type":43,"tag":78,"props":6304,"children":6305},{},[6306,6308],{"type":49,"value":6307},"Ongoing:",{"type":43,"tag":74,"props":6309,"children":6310},{},[6311,6316,6321,6326],{"type":43,"tag":78,"props":6312,"children":6313},{},[6314],{"type":49,"value":6315},"Update as needed",{"type":43,"tag":78,"props":6317,"children":6318},{},[6319],{"type":49,"value":6320},"Monitor performance",{"type":43,"tag":78,"props":6322,"children":6323},{},[6324],{"type":49,"value":6325},"Refresh outdated content",{"type":43,"tag":78,"props":6327,"children":6328},{},[6329],{"type":49,"value":6330},"Archive if no longer relevant",{"type":43,"tag":1231,"props":6332,"children":6335},{"className":6333,"code":6334,"language":49},[1234],"\n### Phase 8: Migration Strategy\n\n**When Refactoring Existing CMS:**\n\n**Assessment Phase:**\n",[6336],{"type":43,"tag":84,"props":6337,"children":6338},{"__ignoreMap":1239},[6339],{"type":49,"value":6334},{"type":43,"tag":248,"props":6341,"children":6342},{},[6343,6371,6399],{"type":43,"tag":78,"props":6344,"children":6345},{},[6346,6348],{"type":49,"value":6347},"Audit Current Structure:",{"type":43,"tag":74,"props":6349,"children":6350},{},[6351,6356,6361,6366],{"type":43,"tag":78,"props":6352,"children":6353},{},[6354],{"type":49,"value":6355},"List all collections",{"type":43,"tag":78,"props":6357,"children":6358},{},[6359],{"type":49,"value":6360},"Count items per collection",{"type":43,"tag":78,"props":6362,"children":6363},{},[6364],{"type":49,"value":6365},"Map relationships",{"type":43,"tag":78,"props":6367,"children":6368},{},[6369],{"type":49,"value":6370},"Identify problems",{"type":43,"tag":78,"props":6372,"children":6373},{},[6374,6376],{"type":49,"value":6375},"Design New Structure:",{"type":43,"tag":74,"props":6377,"children":6378},{},[6379,6384,6389,6394],{"type":43,"tag":78,"props":6380,"children":6381},{},[6382],{"type":49,"value":6383},"Plan improvements",{"type":43,"tag":78,"props":6385,"children":6386},{},[6387],{"type":49,"value":6388},"Design new collections",{"type":43,"tag":78,"props":6390,"children":6391},{},[6392],{"type":49,"value":6393},"Define new relationships",{"type":43,"tag":78,"props":6395,"children":6396},{},[6397],{"type":49,"value":6398},"Create migration plan",{"type":43,"tag":78,"props":6400,"children":6401},{},[6402,6404],{"type":49,"value":6403},"Validate Approach:",{"type":43,"tag":74,"props":6405,"children":6406},{},[6407,6412,6417,6422],{"type":43,"tag":78,"props":6408,"children":6409},{},[6410],{"type":49,"value":6411},"Test with sample data",{"type":43,"tag":78,"props":6413,"children":6414},{},[6415],{"type":49,"value":6416},"Verify relationships work",{"type":43,"tag":78,"props":6418,"children":6419},{},[6420],{"type":49,"value":6421},"Check performance",{"type":43,"tag":78,"props":6423,"children":6424},{},[6425],{"type":49,"value":6426},"Get stakeholder approval",{"type":43,"tag":1231,"props":6428,"children":6431},{"className":6429,"code":6430,"language":49},[1234],"\n**Migration Approaches:**\n\n**Approach 1: Parallel Build (Safest)**\n",[6432],{"type":43,"tag":84,"props":6433,"children":6434},{"__ignoreMap":1239},[6435],{"type":49,"value":6430},{"type":43,"tag":248,"props":6437,"children":6438},{},[6439,6444,6449,6454,6459],{"type":43,"tag":78,"props":6440,"children":6441},{},[6442],{"type":49,"value":6443},"Build new collections alongside old",{"type":43,"tag":78,"props":6445,"children":6446},{},[6447],{"type":49,"value":6448},"Migrate content gradually",{"type":43,"tag":78,"props":6450,"children":6451},{},[6452],{"type":49,"value":6453},"Test thoroughly",{"type":43,"tag":78,"props":6455,"children":6456},{},[6457],{"type":49,"value":6458},"Switch pages to new collections",{"type":43,"tag":78,"props":6460,"children":6461},{},[6462],{"type":49,"value":6463},"Archive old collections",{"type":43,"tag":52,"props":6465,"children":6466},{},[6467],{"type":49,"value":6468},"Pros:\n✅ No downtime\n✅ Easy rollback\n✅ Test before fully committing",{"type":43,"tag":52,"props":6470,"children":6471},{},[6472],{"type":49,"value":6473},"Cons:\n❌ Temporarily doubled content\n❌ Longer timeline\n❌ Must manage both systems temporarily",{"type":43,"tag":1231,"props":6475,"children":6478},{"className":6476,"code":6477,"language":49},[1234],"\n**Approach 2: Direct Migration (Faster)**\n",[6479],{"type":43,"tag":84,"props":6480,"children":6481},{"__ignoreMap":1239},[6482],{"type":49,"value":6477},{"type":43,"tag":248,"props":6484,"children":6485},{},[6486,6491,6496,6501,6506,6511],{"type":43,"tag":78,"props":6487,"children":6488},{},[6489],{"type":49,"value":6490},"Create new collections",{"type":43,"tag":78,"props":6492,"children":6493},{},[6494],{"type":49,"value":6495},"Export data from old collections",{"type":43,"tag":78,"props":6497,"children":6498},{},[6499],{"type":49,"value":6500},"Transform data format",{"type":43,"tag":78,"props":6502,"children":6503},{},[6504],{"type":49,"value":6505},"Import to new collections",{"type":43,"tag":78,"props":6507,"children":6508},{},[6509],{"type":49,"value":6510},"Update pages to use new collections",{"type":43,"tag":78,"props":6512,"children":6513},{},[6514],{"type":49,"value":6515},"Delete old collections",{"type":43,"tag":52,"props":6517,"children":6518},{},[6519],{"type":49,"value":6520},"Pros:\n✅ Faster completion\n✅ Clean cutover\n✅ No duplicate content",{"type":43,"tag":52,"props":6522,"children":6523},{},[6524],{"type":49,"value":6525},"Cons:\n❌ Higher risk\n❌ Potential downtime\n❌ Harder to rollback",{"type":43,"tag":1231,"props":6527,"children":6530},{"className":6528,"code":6529,"language":49},[1234],"\n**Approach 3: Hybrid (Recommended)**\n",[6531],{"type":43,"tag":84,"props":6532,"children":6533},{"__ignoreMap":1239},[6534],{"type":49,"value":6529},{"type":43,"tag":248,"props":6536,"children":6537},{},[6538,6543,6548,6553,6558,6563],{"type":43,"tag":78,"props":6539,"children":6540},{},[6541],{"type":49,"value":6542},"Create new structure",{"type":43,"tag":78,"props":6544,"children":6545},{},[6546],{"type":49,"value":6547},"Migrate in batches (50-100 items)",{"type":43,"tag":78,"props":6549,"children":6550},{},[6551],{"type":49,"value":6552},"Test each batch",{"type":43,"tag":78,"props":6554,"children":6555},{},[6556],{"type":49,"value":6557},"Update pages incrementally",{"type":43,"tag":78,"props":6559,"children":6560},{},[6561],{"type":49,"value":6562},"Monitor for issues",{"type":43,"tag":78,"props":6564,"children":6565},{},[6566],{"type":49,"value":6567},"Complete full migration",{"type":43,"tag":52,"props":6569,"children":6570},{},[6571],{"type":49,"value":6572},"Pros:\n✅ Balanced risk\u002Fspeed\n✅ Can catch issues early\n✅ Incremental testing",{"type":43,"tag":52,"props":6574,"children":6575},{},[6576],{"type":49,"value":6577},"Cons:\n❌ Requires careful planning\n❌ More complex execution",{"type":43,"tag":1231,"props":6579,"children":6582},{"className":6580,"code":6581,"language":49},[1234],"\n### Phase 9: Troubleshooting Common Issues\n\n**Issue: \"Collection won't save\"**\n",[6583],{"type":43,"tag":84,"props":6584,"children":6585},{"__ignoreMap":1239},[6586],{"type":49,"value":6581},{"type":43,"tag":52,"props":6588,"children":6589},{},[6590],{"type":49,"value":6591},"Possible causes:",{"type":43,"tag":248,"props":6593,"children":6594},{},[6595,6600,6605,6610,6615],{"type":43,"tag":78,"props":6596,"children":6597},{},[6598],{"type":49,"value":6599},"Required field empty",{"type":43,"tag":78,"props":6601,"children":6602},{},[6603],{"type":49,"value":6604},"Slug conflict (duplicate)",{"type":43,"tag":78,"props":6606,"children":6607},{},[6608],{"type":49,"value":6609},"Invalid characters in slug",{"type":43,"tag":78,"props":6611,"children":6612},{},[6613],{"type":49,"value":6614},"Reference pointing to deleted item",{"type":43,"tag":78,"props":6616,"children":6617},{},[6618],{"type":49,"value":6619},"Field validation failing",{"type":43,"tag":52,"props":6621,"children":6622},{},[6623],{"type":49,"value":4058},{"type":43,"tag":74,"props":6625,"children":6626},{},[6627,6632,6637,6642],{"type":43,"tag":78,"props":6628,"children":6629},{},[6630],{"type":49,"value":6631},"Check for red highlighted fields",{"type":43,"tag":78,"props":6633,"children":6634},{},[6635],{"type":49,"value":6636},"Verify slug is unique",{"type":43,"tag":78,"props":6638,"children":6639},{},[6640],{"type":49,"value":6641},"Test without optional fields",{"type":43,"tag":78,"props":6643,"children":6644},{},[6645],{"type":49,"value":6646},"Check browser console for errors",{"type":43,"tag":52,"props":6648,"children":6649},{},[6650],{"type":49,"value":2732},{"type":43,"tag":74,"props":6652,"children":6653},{},[6654,6659,6664,6669,6674],{"type":43,"tag":78,"props":6655,"children":6656},{},[6657],{"type":49,"value":6658},"Fill all required fields",{"type":43,"tag":78,"props":6660,"children":6661},{},[6662],{"type":49,"value":6663},"Change slug to be unique",{"type":43,"tag":78,"props":6665,"children":6666},{},[6667],{"type":49,"value":6668},"Remove special characters",{"type":43,"tag":78,"props":6670,"children":6671},{},[6672],{"type":49,"value":6673},"Re-assign references",{"type":43,"tag":78,"props":6675,"children":6676},{},[6677],{"type":49,"value":6678},"Contact Webflow support if persists",{"type":43,"tag":1231,"props":6680,"children":6683},{"className":6681,"code":6682,"language":49},[1234],"\n**Issue: \"Reference field not showing options\"**\n",[6684],{"type":43,"tag":84,"props":6685,"children":6686},{"__ignoreMap":1239},[6687],{"type":49,"value":6682},{"type":43,"tag":52,"props":6689,"children":6690},{},[6691],{"type":49,"value":6591},{"type":43,"tag":248,"props":6693,"children":6694},{},[6695,6700,6705,6710],{"type":43,"tag":78,"props":6696,"children":6697},{},[6698],{"type":49,"value":6699},"Referenced collection has no items",{"type":43,"tag":78,"props":6701,"children":6702},{},[6703],{"type":49,"value":6704},"Referenced collection items not published",{"type":43,"tag":78,"props":6706,"children":6707},{},[6708],{"type":49,"value":6709},"Wrong collection selected in reference settings",{"type":43,"tag":78,"props":6711,"children":6712},{},[6713],{"type":49,"value":6714},"Browser cache issue",{"type":43,"tag":52,"props":6716,"children":6717},{},[6718],{"type":49,"value":2732},{"type":43,"tag":248,"props":6720,"children":6721},{},[6722,6727,6732,6737],{"type":43,"tag":78,"props":6723,"children":6724},{},[6725],{"type":49,"value":6726},"Create items in referenced collection first",{"type":43,"tag":78,"props":6728,"children":6729},{},[6730],{"type":49,"value":6731},"Publish all items in referenced collection",{"type":43,"tag":78,"props":6733,"children":6734},{},[6735],{"type":49,"value":6736},"Double-check reference field configuration",{"type":43,"tag":78,"props":6738,"children":6739},{},[6740],{"type":49,"value":6741},"Clear cache and refresh",{"type":43,"tag":1231,"props":6743,"children":6746},{"className":6744,"code":6745,"language":49},[1234],"\n**Issue: \"Collection list showing wrong items\"**\n",[6747],{"type":43,"tag":84,"props":6748,"children":6749},{"__ignoreMap":1239},[6750],{"type":49,"value":6745},{"type":43,"tag":52,"props":6752,"children":6753},{},[6754],{"type":49,"value":6591},{"type":43,"tag":248,"props":6756,"children":6757},{},[6758,6763,6768,6773,6777],{"type":43,"tag":78,"props":6759,"children":6760},{},[6761],{"type":49,"value":6762},"Wrong collection selected",{"type":43,"tag":78,"props":6764,"children":6765},{},[6766],{"type":49,"value":6767},"Filters configured incorrectly",{"type":43,"tag":78,"props":6769,"children":6770},{},[6771],{"type":49,"value":6772},"Limit set too low",{"type":43,"tag":78,"props":6774,"children":6775},{},[6776],{"type":49,"value":4813},{"type":43,"tag":78,"props":6778,"children":6779},{},[6780],{"type":49,"value":6781},"Wrong CMS locale selected",{"type":43,"tag":52,"props":6783,"children":6784},{},[6785],{"type":49,"value":4058},{"type":43,"tag":74,"props":6787,"children":6788},{},[6789,6794,6799,6804],{"type":43,"tag":78,"props":6790,"children":6791},{},[6792],{"type":49,"value":6793},"Check collection list settings",{"type":43,"tag":78,"props":6795,"children":6796},{},[6797],{"type":49,"value":6798},"Review filter conditions",{"type":43,"tag":78,"props":6800,"children":6801},{},[6802],{"type":49,"value":6803},"Check item publish status",{"type":43,"tag":78,"props":6805,"children":6806},{},[6807],{"type":49,"value":6808},"Verify correct locale",{"type":43,"tag":52,"props":6810,"children":6811},{},[6812],{"type":49,"value":2732},{"type":43,"tag":74,"props":6814,"children":6815},{},[6816,6821,6826,6831,6836],{"type":43,"tag":78,"props":6817,"children":6818},{},[6819],{"type":49,"value":6820},"Select correct collection",{"type":43,"tag":78,"props":6822,"children":6823},{},[6824],{"type":49,"value":6825},"Adjust or remove filters",{"type":43,"tag":78,"props":6827,"children":6828},{},[6829],{"type":49,"value":6830},"Increase limit",{"type":43,"tag":78,"props":6832,"children":6833},{},[6834],{"type":49,"value":6835},"Publish items",{"type":43,"tag":78,"props":6837,"children":6838},{},[6839],{"type":49,"value":6840},"Switch to correct locale",{"type":43,"tag":1231,"props":6842,"children":6845},{"className":6843,"code":6844,"language":49},[1234],"\n**Issue: \"Pagination not working\"**\n",[6846],{"type":43,"tag":84,"props":6847,"children":6848},{"__ignoreMap":1239},[6849],{"type":49,"value":6844},{"type":43,"tag":52,"props":6851,"children":6852},{},[6853],{"type":49,"value":6591},{"type":43,"tag":248,"props":6855,"children":6856},{},[6857,6862,6867,6872],{"type":43,"tag":78,"props":6858,"children":6859},{},[6860],{"type":49,"value":6861},"Pagination not enabled",{"type":43,"tag":78,"props":6863,"children":6864},{},[6865],{"type":49,"value":6866},"Limit set equal to or greater than total items",{"type":43,"tag":78,"props":6868,"children":6869},{},[6870],{"type":49,"value":6871},"JavaScript conflict",{"type":43,"tag":78,"props":6873,"children":6874},{},[6875],{"type":49,"value":6876},"Custom code interfering",{"type":43,"tag":52,"props":6878,"children":6879},{},[6880],{"type":49,"value":2732},{"type":43,"tag":248,"props":6882,"children":6883},{},[6884,6889,6894,6899],{"type":43,"tag":78,"props":6885,"children":6886},{},[6887],{"type":49,"value":6888},"Enable pagination in collection list settings",{"type":43,"tag":78,"props":6890,"children":6891},{},[6892],{"type":49,"value":6893},"Set limit lower than total items (e.g., 20)",{"type":43,"tag":78,"props":6895,"children":6896},{},[6897],{"type":49,"value":6898},"Test with all custom code disabled",{"type":43,"tag":78,"props":6900,"children":6901},{},[6902],{"type":49,"value":6903},"Check for JavaScript errors in console",{"type":43,"tag":1231,"props":6905,"children":6908},{"className":6906,"code":6907,"language":49},[1234],"\n**Issue: \"Multi-reference only showing first item\"**\n",[6909],{"type":43,"tag":84,"props":6910,"children":6911},{"__ignoreMap":1239},[6912],{"type":49,"value":6907},{"type":43,"tag":52,"props":6914,"children":6915},{},[6916],{"type":49,"value":6917},"Cause: Wrong display method",{"type":43,"tag":52,"props":6919,"children":6920},{},[6921,6923,6927],{"type":49,"value":6922},"Fix:\nMust use nested collection list:\n❌ Direct text binding\n✅ Collection List > Get items from ",{"type":43,"tag":1865,"props":6924,"children":6925},{},[6926],{"type":49,"value":2982},{"type":49,"value":6928}," > Collection Item > Display",{"type":43,"tag":52,"props":6930,"children":6931},{},[6932,6934,6944],{"type":49,"value":6933},"Example:\n\u003CCollection List - Posts>\n\u003CCollection Item - Post>\nTags:\n\u003CCollection List - Get items from Post > tags>\n\u003CCollection Item - Tag>\n",{"type":43,"tag":6935,"props":6936,"children":6937},"inline",{},[6938,6939,6943],{"type":49,"value":2984},{"type":43,"tag":1881,"props":6940,"children":6942},{"value":6941},"tag.name",[],{"type":49,"value":2984},{"type":49,"value":6945},"\n\u003C\u002FCollection Item>\n\u003C\u002FCollection List>\n\u003C\u002FCollection Item>\n\u003C\u002FCollection List>",{"type":43,"tag":1231,"props":6947,"children":6950},{"className":6948,"code":6949,"language":49},[1234],"\n### Phase 10: Advanced Techniques\n\n**Conditional Display Based on References:**\n",[6951],{"type":43,"tag":84,"props":6952,"children":6953},{"__ignoreMap":1239},[6954],{"type":49,"value":6949},{"type":43,"tag":52,"props":6956,"children":6957},{},[6958],{"type":49,"value":6959},"Use Case: Show different layouts based on category",{"type":43,"tag":52,"props":6961,"children":6962},{},[6963],{"type":49,"value":2817},{"type":43,"tag":248,"props":6965,"children":6966},{},[6967,6972,6977,6982,6987],{"type":43,"tag":78,"props":6968,"children":6969},{},[6970],{"type":49,"value":6971},"Add conditional visibility to elements",{"type":43,"tag":78,"props":6973,"children":6974},{},[6975],{"type":49,"value":6976},"Condition: Category = \"Video Posts\"",{"type":43,"tag":78,"props":6978,"children":6979},{},[6980],{"type":49,"value":6981},"Show video player layout",{"type":43,"tag":78,"props":6983,"children":6984},{},[6985],{"type":49,"value":6986},"Condition: Category = \"Image Posts\"",{"type":43,"tag":78,"props":6988,"children":6989},{},[6990],{"type":49,"value":6991},"Show image gallery layout",{"type":43,"tag":52,"props":6993,"children":6994},{},[6995],{"type":49,"value":6996},"Limitation: Can only check one value at a time\nAlternative: Use option field with class name, apply class dynamically",{"type":43,"tag":1231,"props":6998,"children":7001},{"className":6999,"code":7000,"language":49},[1234],"\n**Scheduled Publishing:**\n",[7002],{"type":43,"tag":84,"props":7003,"children":7004},{"__ignoreMap":1239},[7005],{"type":49,"value":7000},{"type":43,"tag":52,"props":7007,"children":7008},{},[7009],{"type":49,"value":2817},{"type":43,"tag":248,"props":7011,"children":7012},{},[7013,7018,7031],{"type":43,"tag":78,"props":7014,"children":7015},{},[7016],{"type":49,"value":7017},"Add \"Published Date\" field (Date\u002FTime)",{"type":43,"tag":78,"props":7019,"children":7020},{},[7021,7023],{"type":49,"value":7022},"In collection list settings:\n",{"type":43,"tag":74,"props":7024,"children":7025},{},[7026],{"type":43,"tag":78,"props":7027,"children":7028},{},[7029],{"type":49,"value":7030},"Add filter: Published Date ≤ Current Date",{"type":43,"tag":78,"props":7032,"children":7033},{},[7034],{"type":49,"value":7035},"Set future dates on items to schedule",{"type":43,"tag":52,"props":7037,"children":7038},{},[7039],{"type":49,"value":1926},{"type":43,"tag":74,"props":7041,"children":7042},{},[7043,7048,7053],{"type":43,"tag":78,"props":7044,"children":7045},{},[7046],{"type":49,"value":7047},"No plugins needed",{"type":43,"tag":78,"props":7049,"children":7050},{},[7051],{"type":49,"value":7052},"Native Webflow functionality",{"type":43,"tag":78,"props":7054,"children":7055},{},[7056],{"type":49,"value":7057},"Items auto-appear on set date",{"type":43,"tag":52,"props":7059,"children":7060},{},[7061],{"type":49,"value":7062},"Limitation: Items exist but filtered, not truly unpublished",{"type":43,"tag":1231,"props":7064,"children":7067},{"className":7065,"code":7066,"language":49},[1234],"\n**Dynamic Sorting:**\n",[7068],{"type":43,"tag":84,"props":7069,"children":7070},{"__ignoreMap":1239},[7071],{"type":49,"value":7066},{"type":43,"tag":52,"props":7073,"children":7074},{},[7075],{"type":49,"value":7076},"Option 1: Manual Sort Order",{"type":43,"tag":74,"props":7078,"children":7079},{},[7080,7085,7090],{"type":43,"tag":78,"props":7081,"children":7082},{},[7083],{"type":49,"value":7084},"Add \"Sort Order\" number field",{"type":43,"tag":78,"props":7086,"children":7087},{},[7088],{"type":49,"value":7089},"Manually assign: 1, 2, 3, 4...",{"type":43,"tag":78,"props":7091,"children":7092},{},[7093],{"type":49,"value":7094},"Sort collection list by Sort Order (ascending)",{"type":43,"tag":52,"props":7096,"children":7097},{},[7098],{"type":49,"value":7099},"Option 2: Auto Sort by Engagement",{"type":43,"tag":74,"props":7101,"children":7102},{},[7103,7108,7113],{"type":43,"tag":78,"props":7104,"children":7105},{},[7106],{"type":49,"value":7107},"Add \"View Count\" number field",{"type":43,"tag":78,"props":7109,"children":7110},{},[7111],{"type":49,"value":7112},"Increment on page view (requires custom code)",{"type":43,"tag":78,"props":7114,"children":7115},{},[7116],{"type":49,"value":7117},"Sort by View Count (descending) for \"Popular\" lists",{"type":43,"tag":52,"props":7119,"children":7120},{},[7121],{"type":49,"value":7122},"Option 3: Date-Based Sorting",{"type":43,"tag":74,"props":7124,"children":7125},{},[7126,7131,7136],{"type":43,"tag":78,"props":7127,"children":7128},{},[7129],{"type":49,"value":7130},"Sort by Published Date (descending) for \"Recent\"",{"type":43,"tag":78,"props":7132,"children":7133},{},[7134],{"type":49,"value":7135},"Sort by Created Date for \"Chronological\"",{"type":43,"tag":78,"props":7137,"children":7138},{},[7139],{"type":49,"value":7140},"Combine with filters for \"This Month's Top Posts\"",{"type":43,"tag":1231,"props":7142,"children":7145},{"className":7143,"code":7144,"language":49},[1234],"\n**Multi-Lingual Content:**\n",[7146],{"type":43,"tag":84,"props":7147,"children":7148},{"__ignoreMap":1239},[7149],{"type":49,"value":7144},{"type":43,"tag":52,"props":7151,"children":7152},{},[7153],{"type":49,"value":7154},"Approach 1: Separate Collections per Language",{"type":43,"tag":74,"props":7156,"children":7157},{},[7158,7163,7168],{"type":43,"tag":78,"props":7159,"children":7160},{},[7161],{"type":49,"value":7162},"Blog Posts EN",{"type":43,"tag":78,"props":7164,"children":7165},{},[7166],{"type":49,"value":7167},"Blog Posts ES",{"type":43,"tag":78,"props":7169,"children":7170},{},[7171],{"type":49,"value":7172},"Blog Posts FR",{"type":43,"tag":52,"props":7174,"children":7175},{},[7176],{"type":49,"value":7177},"Pros: Simple, native Webflow\nCons: Must duplicate structure, harder to maintain",{"type":43,"tag":52,"props":7179,"children":7180},{},[7181],{"type":49,"value":7182},"Approach 2: Language Field + Filter",{"type":43,"tag":74,"props":7184,"children":7185},{},[7186,7191,7196],{"type":43,"tag":78,"props":7187,"children":7188},{},[7189],{"type":49,"value":7190},"Add \"Language\" option field (EN, ES, FR)",{"type":43,"tag":78,"props":7192,"children":7193},{},[7194],{"type":49,"value":7195},"Filter collection lists by language",{"type":43,"tag":78,"props":7197,"children":7198},{},[7199],{"type":49,"value":7200},"Use URL parameter or cookie for language switch",{"type":43,"tag":52,"props":7202,"children":7203},{},[7204],{"type":49,"value":7205},"Pros: Single structure, easier to maintain\nCons: All content in one collection",{"type":43,"tag":52,"props":7207,"children":7208},{},[7209],{"type":49,"value":7210},"Approach 3: Webflow Localization (CMS Plan+)",{"type":43,"tag":74,"props":7212,"children":7213},{},[7214,7219,7224],{"type":43,"tag":78,"props":7215,"children":7216},{},[7217],{"type":49,"value":7218},"Use Webflow's native localization",{"type":43,"tag":78,"props":7220,"children":7221},{},[7222],{"type":49,"value":7223},"Create secondary locales",{"type":43,"tag":78,"props":7225,"children":7226},{},[7227],{"type":49,"value":7228},"Translate CMS content per locale",{"type":43,"tag":52,"props":7230,"children":7231},{},[7232],{"type":49,"value":7233},"Pros: Official solution, best SEO\nCons: Requires CMS plan+, setup complexity",{"type":43,"tag":1231,"props":7235,"children":7238},{"className":7236,"code":7237,"language":49},[1234],"\n**Search Functionality:**\n",[7239],{"type":43,"tag":84,"props":7240,"children":7241},{"__ignoreMap":1239},[7242],{"type":49,"value":7237},{"type":43,"tag":52,"props":7244,"children":7245},{},[7246],{"type":49,"value":7247},"Option 1: Native (Limited)",{"type":43,"tag":74,"props":7249,"children":7250},{},[7251,7256,7261],{"type":43,"tag":78,"props":7252,"children":7253},{},[7254],{"type":49,"value":7255},"Use filter inputs on collection lists",{"type":43,"tag":78,"props":7257,"children":7258},{},[7259],{"type":49,"value":7260},"Basic keyword matching only",{"type":43,"tag":78,"props":7262,"children":7263},{},[7264],{"type":49,"value":7265},"No fuzzy search or relevance ranking",{"type":43,"tag":52,"props":7267,"children":7268},{},[7269],{"type":49,"value":7270},"Option 2: Finsweet CMS Filter (Free)",{"type":43,"tag":74,"props":7272,"children":7273},{},[7274,7279,7284,7288],{"type":43,"tag":78,"props":7275,"children":7276},{},[7277],{"type":49,"value":7278},"Client-side search and filtering",{"type":43,"tag":78,"props":7280,"children":7281},{},[7282],{"type":49,"value":7283},"Works with existing collection lists",{"type":43,"tag":78,"props":7285,"children":7286},{},[7287],{"type":49,"value":3424},{"type":43,"tag":78,"props":7289,"children":7290},{},[7291],{"type":49,"value":7292},"Requires JavaScript",{"type":43,"tag":52,"props":7294,"children":7295},{},[7296],{"type":49,"value":7297},"Option 3: Algolia\u002FCustom (Advanced)",{"type":43,"tag":74,"props":7299,"children":7300},{},[7301,7306,7311,7316],{"type":43,"tag":78,"props":7302,"children":7303},{},[7304],{"type":49,"value":7305},"Server-side search with AI",{"type":43,"tag":78,"props":7307,"children":7308},{},[7309],{"type":49,"value":7310},"Typo-tolerance, synonyms",{"type":43,"tag":78,"props":7312,"children":7313},{},[7314],{"type":49,"value":7315},"Fast and scalable",{"type":43,"tag":78,"props":7317,"children":7318},{},[7319],{"type":49,"value":7320},"Requires integration, costs money",{"type":43,"tag":52,"props":7322,"children":7323},{},[7324],{"type":49,"value":7325},"Recommendation:",{"type":43,"tag":74,"props":7327,"children":7328},{},[7329,7334,7339],{"type":43,"tag":78,"props":7330,"children":7331},{},[7332],{"type":49,"value":7333},"\u003C100 items: Native or Finsweet",{"type":43,"tag":78,"props":7335,"children":7336},{},[7337],{"type":49,"value":7338},"100-1000 items: Finsweet",{"type":43,"tag":78,"props":7340,"children":7341},{},[7342],{"type":49,"value":7343},"1000+ items: Consider Algolia",{"type":43,"tag":1231,"props":7345,"children":7348},{"className":7346,"code":7347,"language":49},[1234],"\n## Production Checklist\n\nBefore launching CMS-driven site:\n\n**Structure:**\n- [ ] All collections created with proper field types\n- [ ] Required fields set appropriately\n- [ ] Help text added for content editors\n- [ ] Relationships configured correctly\n- [ ] Self-references working properly\n- [ ] Validation rules set on text fields\n\n**Content:**\n- [ ] Test items created for all collections\n- [ ] All reference fields populated in test items\n- [ ] Images optimized (size, format, alt text)\n- [ ] Slugs follow naming conventions\n- [ ] Published dates set on items\n- [ ] Draft items clearly marked\n\n**Pages:**\n- [ ] Collection lists limited appropriately (12-20 items)\n- [ ] Pagination enabled on large lists\n- [ ] Filters configured correctly\n- [ ] Multi-reference fields use nested collection lists\n- [ ] Conditional visibility works as expected\n- [ ] Empty states handled gracefully\n\n**SEO:**\n- [ ] Collection template has SEO title binding\n- [ ] Meta descriptions bound to summary fields\n- [ ] OG images bound to featured images\n- [ ] Structured data implemented (if applicable)\n- [ ] Alt text present on all images\n- [ ] Slugs are SEO-friendly\n\n**Performance:**\n- [ ] Images lazy loading enabled\n- [ ] Only displayed reference fields bound\n- [ ] Collection lists use filters (not conditional hiding)\n- [ ] Pagination prevents loading too many items\n- [ ] Performance tested on mobile\n- [ ] Lighthouse score >80\n\n**Documentation:**\n- [ ] Field usage guide created for editors\n- [ ] Collection structure documented\n- [ ] Relationship map created\n- [ ] Publishing workflow defined\n- [ ] Troubleshooting guide available\n- [ ] Contact for technical support identified\n\n**Testing:**\n- [ ] All collection lists display correctly\n- [ ] Pagination works\n- [ ] Filters work\n- [ ] Search works (if implemented)\n- [ ] Reference fields display data\n- [ ] Multi-reference lists show all items\n- [ ] Empty states handled\n- [ ] Mobile experience tested\n- [ ] Cross-browser tested\n- [ ] Performance benchmarked\n\n**Launch:**\n- [ ] Content editors trained\n- [ ] Editorial calendar established\n- [ ] Publishing workflow in place\n- [ ] Monitoring setup (analytics, errors)\n- [ ] Backup strategy defined\n- [ ] Support plan in place\n",[7349],{"type":43,"tag":84,"props":7350,"children":7351},{"__ignoreMap":1239},[7352],{"type":49,"value":7347},{"items":7354,"total":7471},[7355,7376,7393,7410,7427,7443,7457],{"slug":7356,"name":7357,"fn":7358,"description":7359,"org":7360,"tags":7361,"stars":24,"repoUrl":25,"updatedAt":7375},"webflow-clicloud","webflow-cli:cloud","deploy applications to Webflow Cloud","Initialize, build, and deploy full-stack Webflow applications to Webflow Cloud hosting. Supports site-attached deploys (linked to an existing Webflow site) and project app deploys (independent project, no existing site required). Use when creating new projects, deploying existing ones, or setting up CI\u002FCD pipelines for Webflow Cloud.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[7362,7365,7368,7371,7374],{"name":7363,"slug":7364,"type":16},"CLI","cli",{"name":7366,"slug":7367,"type":16},"Cloud","cloud",{"name":7369,"slug":7370,"type":16},"Deployment","deployment",{"name":7372,"slug":7373,"type":16},"Full-stack","full-stack",{"name":10,"slug":9,"type":16},"2026-05-18T06:47:47.514609",{"slug":7377,"name":7378,"fn":7379,"description":7380,"org":7381,"tags":7382,"stars":24,"repoUrl":25,"updatedAt":7392},"webflow-clicode-component","webflow-cli:code-component","create and deploy Webflow Code Components","Create and deploy reusable React components for Webflow Designer. Configure existing React projects with webflow.json, build and bundle code, validate output, and deploy to workspace using library share. Use when building custom components for designers.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[7383,7384,7385,7388,7391],{"name":7363,"slug":7364,"type":16},{"name":7369,"slug":7370,"type":16},{"name":7386,"slug":7387,"type":16},"React","react",{"name":7389,"slug":7390,"type":16},"UI Components","ui-components",{"name":10,"slug":9,"type":16},"2026-05-18T06:47:41.421071",{"slug":7394,"name":7395,"fn":7396,"description":7397,"org":7398,"tags":7399,"stars":24,"repoUrl":25,"updatedAt":7409},"webflow-clidesigner-extension","webflow-cli:designer-extension","build Webflow Designer Extensions","Build Designer Extensions for custom Webflow Designer functionality. Lists available templates, initializes extension projects from templates (default\u002Freact\u002Ftypescript-alt), bundles extensions for upload, and serves locally for development.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[7400,7401,7404,7405,7408],{"name":7363,"slug":7364,"type":16},{"name":7402,"slug":7403,"type":16},"Plugin Development","plugin-development",{"name":7386,"slug":7387,"type":16},{"name":7406,"slug":7407,"type":16},"TypeScript","typescript",{"name":10,"slug":9,"type":16},"2026-05-18T06:47:43.853573",{"slug":7411,"name":7412,"fn":7413,"description":7414,"org":7415,"tags":7416,"stars":24,"repoUrl":25,"updatedAt":7426},"webflow-clidevlink","webflow-cli:devlink","export Webflow components to React and Next.js","Export Webflow Designer components to React\u002FNext.js code for external projects. Configure devlink settings in webflow.json, sync design updates with devlink sync, validate generated code, show diffs, and provide integration examples. Use when building with Webflow designs in React\u002FNext.js.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[7417,7418,7421,7424,7425],{"name":7363,"slug":7364,"type":16},{"name":7419,"slug":7420,"type":16},"Frontend","frontend",{"name":7422,"slug":7423,"type":16},"Next.js","next-js",{"name":7386,"slug":7387,"type":16},{"name":10,"slug":9,"type":16},"2026-05-18T06:47:40.182468",{"slug":7428,"name":7429,"fn":7430,"description":7431,"org":7432,"tags":7433,"stars":24,"repoUrl":25,"updatedAt":7442},"webflow-clitroubleshooter","webflow-cli:troubleshooter","troubleshoot Webflow CLI issues","Diagnose and fix Webflow CLI issues including installation problems, authentication failures, build errors, and bundle problems. Uses CLI diagnostic flags (--version, --help, --verbose, --debug-bundler) for troubleshooting.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[7434,7435,7438,7441],{"name":7363,"slug":7364,"type":16},{"name":7436,"slug":7437,"type":16},"Configuration","configuration",{"name":7439,"slug":7440,"type":16},"Debugging","debugging",{"name":10,"slug":9,"type":16},"2026-05-18T06:47:48.831648",{"slug":7444,"name":7445,"fn":7446,"description":7447,"org":7448,"tags":7449,"stars":24,"repoUrl":25,"updatedAt":7456},"webflow-code-componentcomponent-audit","webflow-code-component:component-audit","audit Webflow Code Component architecture","Audit Webflow Code Components for architecture decisions - prop exposure, state management, slot opportunities, and Shadow DOM compatibility. Focused on Webflow-specific patterns, not generic React best practices.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[7450,7451,7454,7455],{"name":14,"slug":15,"type":16},{"name":7452,"slug":7453,"type":16},"Code Analysis","code-analysis",{"name":7386,"slug":7387,"type":16},{"name":10,"slug":9,"type":16},"2026-05-18T06:47:46.277768",{"slug":7458,"name":7459,"fn":7460,"description":7461,"org":7462,"tags":7463,"stars":24,"repoUrl":25,"updatedAt":7470},"webflow-code-componentcomponent-scaffold","webflow-code-component:component-scaffold","scaffold Webflow Code Component boilerplate","Generate new Webflow Code Component boilerplate with React component, definition file, and optional styling. Automatically checks prerequisites and can set up missing config\u002Fdependencies.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[7464,7465,7466,7469],{"name":7419,"slug":7420,"type":16},{"name":7386,"slug":7387,"type":16},{"name":7467,"slug":7468,"type":16},"Templates","templates",{"name":10,"slug":9,"type":16},"2026-05-18T06:47:42.638042",28,{"items":7473,"total":7471},[7474,7482,7490,7498,7506,7513,7520,7527,7541,7553,7567,7583],{"slug":7356,"name":7357,"fn":7358,"description":7359,"org":7475,"tags":7476,"stars":24,"repoUrl":25,"updatedAt":7375},{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[7477,7478,7479,7480,7481],{"name":7363,"slug":7364,"type":16},{"name":7366,"slug":7367,"type":16},{"name":7369,"slug":7370,"type":16},{"name":7372,"slug":7373,"type":16},{"name":10,"slug":9,"type":16},{"slug":7377,"name":7378,"fn":7379,"description":7380,"org":7483,"tags":7484,"stars":24,"repoUrl":25,"updatedAt":7392},{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[7485,7486,7487,7488,7489],{"name":7363,"slug":7364,"type":16},{"name":7369,"slug":7370,"type":16},{"name":7386,"slug":7387,"type":16},{"name":7389,"slug":7390,"type":16},{"name":10,"slug":9,"type":16},{"slug":7394,"name":7395,"fn":7396,"description":7397,"org":7491,"tags":7492,"stars":24,"repoUrl":25,"updatedAt":7409},{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[7493,7494,7495,7496,7497],{"name":7363,"slug":7364,"type":16},{"name":7402,"slug":7403,"type":16},{"name":7386,"slug":7387,"type":16},{"name":7406,"slug":7407,"type":16},{"name":10,"slug":9,"type":16},{"slug":7411,"name":7412,"fn":7413,"description":7414,"org":7499,"tags":7500,"stars":24,"repoUrl":25,"updatedAt":7426},{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[7501,7502,7503,7504,7505],{"name":7363,"slug":7364,"type":16},{"name":7419,"slug":7420,"type":16},{"name":7422,"slug":7423,"type":16},{"name":7386,"slug":7387,"type":16},{"name":10,"slug":9,"type":16},{"slug":7428,"name":7429,"fn":7430,"description":7431,"org":7507,"tags":7508,"stars":24,"repoUrl":25,"updatedAt":7442},{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[7509,7510,7511,7512],{"name":7363,"slug":7364,"type":16},{"name":7436,"slug":7437,"type":16},{"name":7439,"slug":7440,"type":16},{"name":10,"slug":9,"type":16},{"slug":7444,"name":7445,"fn":7446,"description":7447,"org":7514,"tags":7515,"stars":24,"repoUrl":25,"updatedAt":7456},{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[7516,7517,7518,7519],{"name":14,"slug":15,"type":16},{"name":7452,"slug":7453,"type":16},{"name":7386,"slug":7387,"type":16},{"name":10,"slug":9,"type":16},{"slug":7458,"name":7459,"fn":7460,"description":7461,"org":7521,"tags":7522,"stars":24,"repoUrl":25,"updatedAt":7470},{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[7523,7524,7525,7526],{"name":7419,"slug":7420,"type":16},{"name":7386,"slug":7387,"type":16},{"name":7467,"slug":7468,"type":16},{"name":10,"slug":9,"type":16},{"slug":7528,"name":7529,"fn":7530,"description":7531,"org":7532,"tags":7533,"stars":24,"repoUrl":25,"updatedAt":7540},"webflow-code-componentconvert-component","webflow-code-component:convert-component","convert React components to Webflow Code Components","Convert an existing React component into a Webflow Code Component. Analyzes TypeScript props, maps to Webflow prop types, generates the .webflow.tsx definition file, and identifies required modifications.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[7534,7537,7538,7539],{"name":7535,"slug":7536,"type":16},"Migration","migration",{"name":7386,"slug":7387,"type":16},{"name":7406,"slug":7407,"type":16},{"name":10,"slug":9,"type":16},"2026-05-18T06:47:52.523608",{"slug":7542,"name":7543,"fn":7544,"description":7545,"org":7546,"tags":7547,"stars":24,"repoUrl":25,"updatedAt":7552},"webflow-code-componentdeploy-guide","webflow-code-component:deploy-guide","deploy Webflow Code Components","Step-by-step guide for deploying Webflow Code Components to a workspace. Covers authentication, pre-flight checks, deployment execution, and verification.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[7548,7549,7550,7551],{"name":7369,"slug":7370,"type":16},{"name":7419,"slug":7420,"type":16},{"name":7386,"slug":7387,"type":16},{"name":10,"slug":9,"type":16},"2026-05-18T06:47:38.947875",{"slug":7554,"name":7555,"fn":7556,"description":7557,"org":7558,"tags":7559,"stars":24,"repoUrl":25,"updatedAt":7566},"webflow-code-componentlocal-dev-setup","webflow-code-component:local-dev-setup","set up local Webflow Code Component projects","Initialize a new Webflow Code Components project from scratch. Creates project structure, installs dependencies, configures webflow.json, and sets up development environment.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[7560,7561,7564,7565],{"name":7436,"slug":7437,"type":16},{"name":7562,"slug":7563,"type":16},"Local Development","local-development",{"name":7386,"slug":7387,"type":16},{"name":10,"slug":9,"type":16},"2026-05-18T06:47:50.062783",{"slug":7568,"name":7569,"fn":7570,"description":7571,"org":7572,"tags":7573,"stars":24,"repoUrl":25,"updatedAt":7582},"webflow-code-componentpre-deploy-check","webflow-code-component:pre-deploy-check","validate Webflow Code Components before deployment","Pre-deployment validation for Webflow Code Components. Checks bundle size, dependencies, prop configurations, SSR compatibility, styling setup, and common issues before running webflow library share.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[7574,7575,7578,7581],{"name":7369,"slug":7370,"type":16},{"name":7576,"slug":7577,"type":16},"QA","qa",{"name":7579,"slug":7580,"type":16},"Validation","validation",{"name":10,"slug":9,"type":16},"2026-05-18T06:47:51.300653",{"slug":7584,"name":7585,"fn":7586,"description":7587,"org":7588,"tags":7589,"stars":24,"repoUrl":25,"updatedAt":7596},"webflow-code-componenttroubleshoot-deploy","webflow-code-component:troubleshoot-deploy","troubleshoot Webflow Code Component deployments","Debug deployment failures for Webflow Code Components. Analyzes error messages, identifies root causes, and provides specific fixes for common issues.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[7590,7591,7592,7595],{"name":7439,"slug":7440,"type":16},{"name":7369,"slug":7370,"type":16},{"name":7593,"slug":7594,"type":16},"Observability","observability",{"name":10,"slug":9,"type":16},"2026-05-18T06:47:45.057571"]