> ## Documentation Index
> Fetch the complete documentation index at: https://react.email/docs/llms.txt
> Use this file to discover all available pages before exploring further.
# Send email using Scaleway Transactional Email
> Learn how to send an email using React Email and the Scaleway Node.js SDK.
## 1. Install dependencies
Get the [react-email](https://www.npmjs.com/package/react-email) package and the [Scaleway Node.js SDK](https://www.npmjs.com/package/@scaleway/sdk).
```sh npm theme={"theme":{"light":"github-light","dark":"vesper"}}
npm install @scaleway/sdk react-email
```
```sh yarn theme={"theme":{"light":"github-light","dark":"vesper"}}
yarn add @scaleway/sdk react-email
```
```sh pnpm theme={"theme":{"light":"github-light","dark":"vesper"}}
pnpm add @scaleway/sdk react-email
```
## 2. Create an email using React
Start by building your email template in a `.jsx` or `.tsx` file.
```tsx email.tsx theme={"theme":{"light":"github-light","dark":"vesper"}}
import * as React from "react";
import { Html, Button } from "react-email";
export function Email(props) {
const { url } = props;
return (
);
}
```
## 3. Convert to HTML and send email
Import the email template you just built, convert into an HTML string, and use the Scaleway SDK to send it.
```tsx theme={"theme":{"light":"github-light","dark":"vesper"}}
import { render } from "react-email";
import { TransactionalEmail, createClient } from "@scaleway/sdk";
import { Email } from "./email";
const client = createClient({
accessKey: process.env.ACCESS_KEY,
secretKey: process.env.SECRET_KEY,
defaultProjectId: process.env.PROJECT_ID,
defaultRegion: "fr-par",
defaultZone: "fr-par-1",
});
const transactionalEmailClient = new TransactionalEmail.v1alpha1.API(client);
const emailHtml = await render();
const sender = {
email: "react-email@transactional.email.fr",
subject: "TEST",
name: "Team",
};
const userInvited = {
email: "XXXX@scaleway.com",
name: "TEST",
teamName: "Team",
};
const userInvitedBy = {
email: "XXXX@scaleway.com",
name: "TEST",
teamName: "Team",
};
transactionalEmailClient.createEmail({
from: {
email: sender.email,
name: sender.name,
},
to: [
{
email: userInvited.email,
name: userInvited.name,
},
],
subject: sender.subject,
text: null,
html: emailHtml,
});
```
## Try it yourself
See the full source code.