fix(blogs): update sitemap and fix loading strat on blogs to prevent mobile crash

[waleedlatif1]

Summary

• update sitemap and fix loading strat on blogs to prevent mobile crash

Type of Change

• Bug fix

Testing

Tested manually

Checklist

• Code follows project style guidelines
• Self-reviewed my changes
• Tests added/updated and passing
• No new warnings introduced
• I confirm that I have read and agree to the terms outlined in the Contributor License Agreement (CLA)

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment

Project	Deployment	Preview	Comments	Updated (UTC)
docs	Skipped			Nov 20, 2025 3:57am

[greptile-apps]

Greptile Summary

• Added responsive image sizes and lazy loading to blog pages to prevent mobile crashes
• Enhanced sitemap with proper priorities and timestamps for better SEO
• Added @tailwindcss/typography plugin for improved prose styling

Confidence Score: 3/5

• This PR has one critical issue with sitemap URLs that will 404
• The image optimization changes are solid and address the mobile crash issue effectively. However, the sitemap adds tag page URLs without corresponding routes, which will cause 404 errors for crawlers
• Pay close attention to apps/sim/app/sitemap.ts - the tag pages need routes created or should be removed from sitemap

Important Files Changed

Filename	Overview
apps/sim/app/sitemap.ts	Enhanced sitemap with static page dates, priorities, and tag pages, but tag pages may not have routes

Sequence Diagram

sequenceDiagram
    participant User
    participant Browser
    participant NextJS as "Next.js Server"
    participant BlogRegistry as "Blog Registry"
    participant MDX as "MDX Compiler"
    
    User->>Browser: "Navigate to /studio"
    Browser->>NextJS: "Request blog index page"
    NextJS->>BlogRegistry: "getAllPostMeta()"
    BlogRegistry-->>NextJS: "Return posts metadata"
    NextJS->>Browser: "Render page with images (lazy loading, responsive sizes)"
    Browser->>Browser: "Load images progressively based on viewport"
    
    User->>Browser: "Click blog post"
    Browser->>NextJS: "Request /studio/[slug]"
    NextJS->>BlogRegistry: "getPostBySlug(slug)"
    BlogRegistry->>MDX: "Compile MDX content"
    MDX-->>BlogRegistry: "Compiled content with components"
    BlogRegistry-->>NextJS: "Return post data"
    NextJS->>Browser: "Render article with optimized images"
    Browser->>Browser: "Load hero image (priority), lazy load related posts"

Loading

[greptile-apps]

_{6 files reviewed, 1 comment}

_{Edit Code Review Agent Settings | Greptile
React with 👍 or 👎 to share your feedback on this new summary format}