{"id":20458716,"url":"https://github.com/resend/react-email-pnpm-example","last_synced_at":"2025-10-25T04:18:16.651Z","repository":{"id":208859279,"uuid":"722571529","full_name":"resend/react-email-pnpm-example","owner":"resend","description":"This example shows how to use react.email with pnpm workspace","archived":false,"fork":false,"pushed_at":"2025-02-28T23:51:25.000Z","size":103,"stargazers_count":1,"open_issues_count":11,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-01T21:02:05.048Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/resend.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-11-23T12:41:21.000Z","updated_at":"2024-10-24T19:19:19.000Z","dependencies_parsed_at":"2024-02-22T17:31:00.531Z","dependency_job_id":"45f2f48e-0198-47c4-bfa7-f3d0af44d380","html_url":"https://github.com/resend/react-email-pnpm-example","commit_stats":null,"previous_names":["resendlabs/react-email-pnpm-example","resend/react-email-pnpm-example"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/resend%2Freact-email-pnpm-example","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/resend%2Freact-email-pnpm-example/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/resend%2Freact-email-pnpm-example/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/resend%2Freact-email-pnpm-example/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/resend","download_url":"https://codeload.github.com/resend/react-email-pnpm-example/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242014684,"owners_count":20057876,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-15T12:13:36.791Z","updated_at":"2025-10-25T04:18:11.604Z","avatar_url":"https://github.com/resend.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Email with pnpm workspaces\n\nThis example shows how to use [React Email](https://github.com/resendlabs/react-email) \nwith [pnpm](https://pnpm.io/) workspaces sharing components, emails and still being able to use the preview client.\n\n## Overview\n\n### At a glance\n\nIf you try running the main part of the example, (`apps/next-app`), you will be met with\na page that has a centered button that will send you the email from \n`packages/transactional` when clicking a button using your [resend](https://resend.com/home) API key.\n\n### Structure\n\nThis monorepo includes the following workspaces:\n\n```\n├── apps\n|  └── next-app: A Next.JS app\n└── packages\n   ├── components: A package that exports components to be re-used across the monorepo\n   └── transactional: A package containing the emails for the application\n```\n\nBesides this, you can also see from `pnpm-workspace.yaml` that we have included the `.react-email`\nfolder as well. This folder is for the preview client that the CLI for React Email downloads and sets\nup for you. For it to work properly this is currently necessary and is the recommended way of using it\nwith pnpm monorepos.\n\n## Instructions\n\n1. Add your resend API key to the `.env.local` on `apps/next-app`\n\n2. Install dependencies:\n\n  ```sh\npnpm install\n  ```\n\n3. Run locally:\n    - NextJS App: \n    ```sh\n    cd apps/next-app\n    pnpm dev\n    ```\n    - Transactional emails preview:\n    ```sh\n    cd packages/transactional\n    pnpm dev\n    ```\n\n4. Open URL in the browser for the respective part you are running:\n    - http://localhost:3000\n\n## License\n\nMIT License\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fresend%2Freact-email-pnpm-example","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fresend%2Freact-email-pnpm-example","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fresend%2Freact-email-pnpm-example/lists"}