react-email

Use when creating HTML email templates with React components - welcome emails, password resets, notifications, order confirmations, newsletters, or transactional emails.

1. Utwórz nowy projekt React Email, uruchamiając w terminalu polecenie npx create-email@latest. Możesz też użyć yarn (yarn create email), pnpm (pnpm create email) lub bun (bun create email) — wybierz menedżer pakietów, który preferujesz.

2. Przejdź do utworzonego folderu projektu poleceniem cd react-email-starter.

3. Zainstaluj wszystkie zależności projektu. W zależności od menedżera pakietów uruchom: npm install, yarn, pnpm install lub bun install.

4. Uruchom serwer deweloperski poleceniem npm run dev (lub yarn dev, pnpm dev, bun dev). Serwer będzie dostępny na localhost:3000 i wyświetli interfejs podglądu szablonów e-maili.

5. Otwórz folder emails w swoim edytorze kodu i zacznij tworzyć szablony e-maili jako komponenty React. Każdy plik w folderze emails stanie się szablonem, który będziesz mógł podglądać w interfejsie na localhost:3000.

6. Po ukończeniu szablonów możesz je eksportować i wysyłać za pomocą Resend API lub innego serwisu poczty obsługującego HTML.