Explain React Server Components in simple terms.
// This runs on the server only
async function UserProfile({ id }) {
const user = await db.users.find(id);
return
{user.name};
}
Think of it as having two types of components:
"use client") -- render on the client, full interactivityThe key insight: most UI is static and doesn't need JavaScript.
Demo interface. Press Enter to send, Shift+Enter for new line.
Create a polished AI chat interface similar to ChatGPT. Include: a sidebar with conversation history, a main chat area with message bubbles (user on right, assistant on left), a text input with send button at the bottom, markdown rendering in assistant messages with code blocks, typing indicator animation, and a model selector dropdown. Use the Gumroad design system with cream background, black borders, pill-shaped buttons. No shadows, no gradients.