Images Not Loading

If images don't appear:

Check Image Upload

• Verify images were successfully uploaded to Directus
• Check that images aren't too large (Directus has size limits)
• Ensure images are in supported formats (JPG, PNG, WebP, etc.)

Verify Image Links

• Check that image fields in Directus are properly linked
• Ensure the relationship between content and images is correct
• Test image URLs directly in a browser

CORS Issues (Advanced)

• If images are on a different domain, CORS might block them
• Configure CORS settings in Directus
• Or ensure images and site are on the same domain

Text Formatting Problems

For formatting issues:

Rich Text Fields

• Directus rich text editor supports HTML formatting
• Use the formatting toolbar in Directus editor
• Check that HTML isn't being escaped incorrectly

Special Characters

• Ensure proper encoding (UTF-8)
• Check that special characters display correctly
• Verify character encoding in browser

Line Breaks and Spacing

• Rich text fields preserve formatting
• Plain text fields may need HTML for line breaks
• Check how your theme renders different field types

Missing or Broken Pages

If pages don't load:

Check Page Status

• Ensure pages are published in Directus
• Verify the page slug matches the URL route
• Check that the page exists in the correct collection

Route Configuration

• Verify the page route matches Next.js file structure
• Check that dynamic routes are configured correctly
• Ensure page.tsx files exist in the right folders

404 Errors

• Check that the URL slug matches the content slug in Directus
• Verify the page collection is correct
• Test if the page renders when accessing by ID