Skip to content

Vue.js is just plain awesome, so let's use it to build HTML email and bring some joy into HTML email development.

License

Notifications You must be signed in to change notification settings

TraceyHolinka/vuejs-email-renderer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Email Renderer

Create email friendly HTML using Vue.js, Vue Server Renderer(SSR) & MJML.

Description

Vue.js is just plain awesome so let's use it to build HTML email and bring some joy into HTML email development.

Creating HTML email means coding for desktop and web based email clients that often don't support today's basic web standards. The solution is to code like it is 1999 and place everything in tables, but unlike 1999 your emails also need to be responsive for mobile devices. Many developers turn to email frameworks like MJML to solve email client compatibility issues for them.

Let's make creating HTML emails even better by adding Vue.js to the mix. Vue.js brings data binding and easy component based development making creating HTML email painless.

Videos

Requirements

  • Node v14.15+
  • npm v6.4+
  • yarn 1.22+

Project setup

yarn install

Create email using mock data

# ouputs to dist/buildHtmlWithMockData.js
yarn dev

Run unit test

yarn test:unit

Test the performance of the renderer

node ./tests/performance/renderer.js

VSCode

  • Vetur
  • Vue Inline Template
  • Jest

Documentation

About

Vue.js is just plain awesome, so let's use it to build HTML email and bring some joy into HTML email development.

Topics

Resources

License

Stars

Watchers

Forks