All Projects → lang-ai → React Emails

lang-ai / React Emails

Licence: mit
Create and render emails on the server with React

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to React Emails

React Redux Saucepan
A minimal and universal react redux starter project. With hot reloading, linting and server-side rendering
Stars: ✭ 86 (-25.22%)
Mutual labels:  server-side-rendering
React Prepare
Prepare you app state for async server-side rendering and more!
Stars: ✭ 100 (-13.04%)
Mutual labels:  server-side-rendering
Rapscallion
Asynchronous React VirtualDOM renderer for SSR.
Stars: ✭ 1,405 (+1121.74%)
Mutual labels:  server-side-rendering
Hyperapp Render
Render Hyperapp to an HTML string with SSR and Node.js streaming support.
Stars: ✭ 93 (-19.13%)
Mutual labels:  server-side-rendering
Fusionjs
Modern framework for fast, powerful React apps
Stars: ✭ 1,353 (+1076.52%)
Mutual labels:  server-side-rendering
Coren
React offline server-rendered framework
Stars: ✭ 102 (-11.3%)
Mutual labels:  server-side-rendering
React Ssr Boilerplate
A boilerplate for server-side rendered React Applications. Includes local auth and GitHub Oauth 2 strategies.
Stars: ✭ 85 (-26.09%)
Mutual labels:  server-side-rendering
Universal React Redux
🧐 A sensible universal starter kit for React + Redux
Stars: ✭ 112 (-2.61%)
Mutual labels:  server-side-rendering
Swiftmailer
Comprehensive mailing tools for PHP
Stars: ✭ 9,503 (+8163.48%)
Mutual labels:  emails
Nuxt Firebase Pwa
Run the Nuxt.js application (SPA * SSR * PWA) on Firebase.
Stars: ✭ 103 (-10.43%)
Mutual labels:  server-side-rendering
Dot
Darknet OSINT Transform
Stars: ✭ 93 (-19.13%)
Mutual labels:  emails
Api2html
Using the data from your API, generate the HTML on the fly! Server-side rendering of the mustache templates
Stars: ✭ 97 (-15.65%)
Mutual labels:  server-side-rendering
Fast React Render
[DEPRECATED] Use last versions of React and Node.js for better performance
Stars: ✭ 102 (-11.3%)
Mutual labels:  server-side-rendering
Egg Vue Webpack Boilerplate
Egg Vue Server Side Render (SSR) / Client Side Render (CSR)
Stars: ✭ 1,302 (+1032.17%)
Mutual labels:  server-side-rendering
Easywebpack Cli
A Powerful Cross-platform Webpack CLI Tool
Stars: ✭ 110 (-4.35%)
Mutual labels:  server-side-rendering
The Ultimate Boilerplate
webpack 2, react hotloader 3, react router v4, code splitting and more
Stars: ✭ 85 (-26.09%)
Mutual labels:  server-side-rendering
Sambell
wake me when it's quitting time
Stars: ✭ 101 (-12.17%)
Mutual labels:  server-side-rendering
React Async Bootstrapper
Execute a bootstrap method on your React/Preact components. Useful for data prefetching and other activities.
Stars: ✭ 113 (-1.74%)
Mutual labels:  server-side-rendering
Preview Email
Automatically opens your browser to preview Node.js email messages sent with Nodemailer. Made for Lad!
Stars: ✭ 112 (-2.61%)
Mutual labels:  emails
Awesome Emails
✉️ An awesome list of resources to build better emails.
Stars: ✭ 1,379 (+1099.13%)
Mutual labels:  emails

This respository is no longer maintained


Generating Emails with React

This is an example project you can use to generate emails with React. You can start by reading the article here.

If you want to generate PDFs using react, check the react-pdfs repo.

Example

To provide an example as starting point, this project generates a weather forecast by using the MetaWeather API.

To generate the example email:

$ npm install
$ npm run build
$ node example/weather.js

The result html will be saved in the working directory. Here is what it looks like:

Email preview

Development

This project was bootstrapped with Create React App. See the development guide here.

Creating the email

To create the email, simply import the module and call the function with the data. It returns a promise that resolves to the full HTML template as a string.

const createEmail = require('react-emails-example');

const data = { 
  name: 'Alberto',
  title: 'Demo email',
};

createEmail(data)
  .then((html) => {
    // Send the HTML with your email service of choice
  });

LangAI

Built with ❤️ by Lang.ai

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].