> ## Documentation Index > Fetch the complete documentation index at: https://v0.x-docs.novu.co/llms.txt > Use this file to discover all available pages before exploring further. # React E-mail Integrating Novu Framework with [React.Email](https://react.email/) for your Next.js application can be done in three steps. If you don't have an app, you can create one with the `create-novu-app` command. Install the required React.Email components. ```bash theme={null} npm i @react-email/components react-email ``` Create a new `sample-email.tsx` file for your email template. ```tsx theme={null} import * as React from "react"; import { Button, Html } from "@react-email/components"; function Email(props) { return ( ); } export function renderEmail(inputs) { return render(); } ``` Define your Workflow using the above template ```tsx theme={null} import { renderEmail } from './sample-email.tsx'; import { workflow } from '@novu/framework'; workflow('new-signup', async ({ step, payload }) => { await step.email('send-email', async (inputs) => { return { subject: `Welcome to React E-mail`, body: renderEmail(inputs), } }); }); ```