Cursor

React Server Component Optimizer

Prompt
Act as a Next.js performance specialist. Refactor this client component into an optimal Server Component architecture with streaming, Suspense boundaries, and proper data fetching patterns for Next.js 14 App Router.

How to use this prompt

  1. Copy the prompt above using the copy button

  2. Open Cursor and start a new conversation

  3. Paste the prompt and replace [bracketed variables] with your specifics

Look for [placeholder] text in the prompt — replace these with your specific details for best results.

Related Topics

1,730 copies132 upvotes