The Net Ninja

Claude API Crash Course #2 - Sending a Message

The video walks developers through adding Claude’s language model to a Next.js application by sending a message via the Anthropic client SDK. It begins with installing the SDK, retrieving an API key from platform.anthropic.com, and securely storing that key in an environment file to prevent accidental exposure. Key steps include importing the SDK, instantiating a client with the API key, and configuring a request that specifies the model (e.g., Sonnet 4.6), a max‑token limit, and a single user‑role message prompting the model to generate a recipe. The tutorial highlights how model families differ—Haiku for lightweight tasks, Opus for heavy‑duty work, and Sonnet as a middle ground—allowing developers to balance cost and performance. During execution, the create method returns a content array containing blocks such as text, tool use, or thinking. The example extracts the first text block, accesses its .text property, and sends the result back to the front‑end component, where the generated recipe appears. The presenter demonstrates this by clicking a "Generate recipe" button and observing the console output and UI update. By following this pattern, developers can quickly integrate AI‑generated content into web apps, control token usage to manage expenses, and maintain secure credential handling. The approach showcases a reusable pattern for any Claude‑powered feature, from content creation to data summarization.