flolu / maizzle

Example for rendering beautiful emails with dynamic content using TailwindCSS

Rendering Emails with Maizzle

Example for rendering beautiful emails with dynamic content using TailwindCSS

Features

• Build beautiful emails using TailwindCSS
• Add dynamic content to emails
• Render and send emails from Node.js

Tech Stack

• Maizzle
  • TailwindCSS
  • PostHTML
• Node.js
• TypeScript

Usage

Recommended OS: Linux

Requirements: Node.js

Setup

• npm install (Install NPM dependencies)
• Set MAILJET_PUBLIC_KEY and MAILJET_PRIVATE_KEY in .env (Mailjet)

Commands

• npm run dev (Start local development)
• npx ts-node-dev server.ts (Start mail rendering server, http://localhost:8080)
  • Render and show email example: http://localhost:8080?name=Flo?&url=https://youtube.com/@flolu
  • Render and send email example: http://localhost:8080/send/[e-mail]?name=Flo&url=https://youtube.com/@flolu

Codebase

• src (Maizzle email templates)
• server.ts (Node.js server to render and send the emails)