You've built a set of composable components using React, however there is one critical piece that is missing: Email Notifications. Emails for Order co

Search code, repositories, users, issues, pull requests...

submited by

Style Pass

2024-04-25 17:00:05

You've built a set of composable components using React, however there is one critical piece that is missing: Email Notifications. Emails for Order confirmation, shipping, etc.

You'll need to use Shopify's Liquid to build all of your email templates, which is a completely different developer experience than React.

We've build a set of components using React Email to help you create beautiful email templates. Helping consolidate the developer experience when creating headless shopify store.

This package includes a simple decode-entities bin script. React will encode things like quotes and >, <, which might be used within liquid expressins into html entites. Hence we need to decode those for liquid to render properly.

Example: Payment of {{ order.total_outstanding | money }} is due {{ due_date | date: format: 'date' }} will become Payment of {{ order.total_outstanding | money }} is due {{ due_date | date: format: 'date' }} once decoded.

Can I preview my email templates with react-email's email:dev script? Yes, but it won't be that helpful. Since the templates include liquid template syntax for retrieving like order details, line items, product information, we need these objects provided to us.