vtex-email-framework

Transactional emails development architecture


Keywords
framework, transactional, emails, handlebars, email, email-framework, email-template, vtex
License
MIT
Install
npm install vtex-email-framework@3.3.0

Documentation

VTEX Email Framework

Badge Badge Badge Badge

Transactional emails development architecture

๐Ÿ“ฆ Setup

npx create-vtex-email my-emails

๐ŸŽฎ Commands

npm yarn
npm run dev yarn dev
npm run build yarn build

โš”๏ธ Features

  • Sass
  • Hot Reload
  • Partial Files
  • Inline CSS
  • Dashboard
  • Render Test
  • Email Stylelint
  • Responsive Boilerplate

๐Ÿ—บ๏ธ Guide

  • Data and template file name must be the same
emails
โ”‚
โ””โ”€โ”€โ”€json
โ”‚   โ”‚   order-confirmation.json
โ”‚   โ”‚   payment-approved.json
โ””โ”€โ”€โ”€templates
    โ”‚   order-confirmation.hbs
    โ”‚   payment-approved.hbs
    โ””โ”€โ”€โ”€partials
        โ”‚   Header.hbs
        โ”‚   Cart.hbs
  • Partials import
<Header class="partial">{{> Header}}</Header>

๐Ÿ“š References

BEM

Sass

Handlebars

Can I Email

Emails Support