---
title: Welcome
description: Render a welcome message with one useful next action for the new account.
---

This application recipe uses the [shared transactional layout](/ui/components#shared-recipe-layout). It returns a rendering Effect containing HTML and plain text; it does not submit email or implement the business operation.

```ts
import { renderReactEmail } from "@corven/email-sdk/react";
import { transactionalEmailLayout } from "./react-layout.js";

export const welcomeEmail = (input: { name: string; startUrl: string }) =>
  renderReactEmail(
    transactionalEmailLayout({
      heading: "Welcome",
      preview: "Your account is ready.",
      paragraphs: [`Hello ${input.name}, your account is ready.`, "Choose your first step below."],
      action: { href: input.startUrl, label: "Get started" },
    }),
  );
```

## Supply authorized data

Choose a useful authenticated destination. Keep account creation and marketing consent separate; a welcome notification is not permission to subscribe a contact to a campaign.

Keep URLs and template inputs under host control. React text escaping is not URL validation or a consent check. Treat the rendered body as private message content.

## Send the rendered body

Yield the rendering Effect in your application, then supply its body to `Email.send` with explicit sender and recipients. Apply ordinary [provider validation](/providers/capabilities), [submission policy](/reference/options) and any required approval. The [React integration](/integrations/react) shows this composition.

These recipes are application examples, not additional template exports from the SDK. Rendering and compilation do not establish delivery or compatibility with every email client.