6.3: Add HTTP Caching Headers

[justin808]

Overview

Configure proper HTTP caching for performance.

Parent Epic: #70
Priority: P2

Prerequisites

• 3.1: Create Stories Controller with RSC Rendering #78 (3.1: Create Stories Controller with RSC Rendering)
• 3.2: Create Items Controller (Story Detail) #79 (3.2: Create Items Controller)

Next Issues (after this is complete)

• 7.4: Add Production Configuration

Acceptance Criteria

• Story list pages: Cache-Control with 1 minute max-age
• Individual story pages: Cache-Control with 5 minute max-age
• User pages: Cache-Control with 10 minute max-age
• Proper Vary headers for content negotiation
• ETag support for conditional requests (304 responses)
• Verify caching works with curl/DevTools

Implementation Notes

# In controllers
class StoriesController < ApplicationController
  def index
    expires_in 1.minute, public: true
    # ...
  end
end

class ItemsController < ApplicationController
  def show
    @item = HackerNewsClient.fetch_item(params[:id])
    fresh_when(@item, public: true)
    expires_in 5.minutes, public: true
    # ...
  end
end

Consider using stale? for conditional GET support.

[coderabbitai]

📝 CodeRabbit Plan Mode

Generate an implementation plan and agent prompts for this issue.

• Create Plan

Examples

• Example 1
• Example 2

🔗 Similar & Duplicate Issues

Related Issues

• shakacode/react_on_rails-demos#78
• shakacode/react_on_rails-demos#79
• shakacode/react_on_rails-demos#74
• shakacode/react_on_rails-demos#81
• shakacode/react_on_rails-demos#75

👤 Suggested Assignees

• justin808

---

🧪 Issue enrichment is currently in early access.

To disable automatic issue enrichment, add the following to your .coderabbit.yaml:

issue_enrichment:
  auto_enrich:
    enabled: false