react-email

React Email to narzędzie do budowania szablonów HTML dla e-maili za pomocą komponentów React. Idealne do tworzenia e-maili powitalnych, resetowania haseł, powiadomień, potwierdzenia zamówień, biuletynów i wiadomości transakcyjnych. Działa ze wszystkimi głównymi klientami poczty. Zamiast pisać surowy HTML, używasz komponentów React — szybciej, czytelniej i łatwiej do utrzymania.

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.