Build System

Node.js based HTML email build system.

About

Whilst employed at Spicerack, I developed a comprehensive Node.js-based toolchain for creating, building, testing, and distributing HTML email templates for SEGA and ATLUS gaming campaigns.

The project uses MJML as the foundation for responsive email development and includes automated workflows for image optimization, S3 hosting, and email testing.

Frontend

  • Cross-Client Compatibility
  • HTML Email Development
  • MJML
  • Responsive Design

Backend

  • AWS S3 Integration
  • Automated Workflows
  • Email Testing APIs
  • Image Optimization
  • Node.js

DevOps / Tools

  • Build Automation
  • Deployment Pipelines
  • Testing Workflows

Links

← Next project →
  1. Figma Logo Design created and refined in Figma
  2. MJML Logo HTML email built using MJML
  3. Node Logo Files built with Node.js automation workflow:

    1. File detection

      Detects newest folder or uses command-line arguments to target specific files

    2. MJML Compilation

      Converts MJML templates to responsive HTML

    3. Image Optimization

      Removes any unused images. Processes JPG, PNG, and GIF files using Sharp.

    4. AWS S3 Integration

      Uploads the final HTML and image assets to an S3 bucket for testing.

    5. Email On Acid Testing

      Send to Email on Acid's API for automated cross-client email testing.

    6. Zip Distribution

      Packages the final HTML and assets into a zip file.

  4. Email Icon Send files and previews to stakeholders for review and approval.
Workflow for building HTML email for SEGA.