@@ -28,17 +28,22 @@ Install the React Email package locally and a few components.
28
28
29
29
``` sh npm
30
30
npm install react-email -D -E
31
- npm install @react-email/components -E
31
+ npm install @react-email/components react react-dom -E
32
32
```
33
33
34
34
``` sh yarn
35
35
yarn add react-email -D -E
36
- yarn add @react-email/components -E
36
+ yarn add @react-email/components react react-dom -E
37
37
```
38
38
39
39
``` sh pnpm
40
40
pnpm add react-email -D -E
41
- pnpm add @react-email/components -E
41
+ pnpm add @react-email/components react react-dom -E
42
+ ```
43
+
44
+ ``` sh bun
45
+ bun add react-email -D -E
46
+ bun add @react-email/components react react-dom -E
42
47
```
43
48
44
49
</CodeGroup >
@@ -55,11 +60,11 @@ Include the following script in your `package.json` file.
55
60
}
56
61
```
57
62
58
- ## 4. Include email template
63
+ ## 4. Write an email template
59
64
60
- Create a new folder called ` emails ` , create a file inside called ` index .tsx` , and add the following code:
65
+ Create a new folder called ` emails ` , create a file inside called ` my-email .tsx` , and add the following code:
61
66
62
- ``` jsx index .tsx
67
+ ``` jsx emails/my-email .tsx
63
68
import { Button , Html } from " @react-email/components" ;
64
69
import * as React from " react" ;
65
70
@@ -91,6 +96,14 @@ npm run dev
91
96
yarn dev
92
97
```
93
98
99
+ ``` sh pnpm
100
+ pnpm dev
101
+ ```
102
+
103
+ ``` sh bun
104
+ bun dev
105
+ ```
106
+
94
107
</CodeGroup >
95
108
96
109
## 6. See changes live
0 commit comments