cloutly-react-templates

Cloutly Templates

Taken from

• https://building.lang.ai/how-to-build-emails-with-react-fcf941b125d1
• https://github.com/lang-ai/react-emails

and using it in our own way.

Full credits to the creators!

How to develop

Build code

npm run dev

Open html file with Live Server

Right click > template-summary.html

Install a plug if don't have one

Notes

• For hot reloading use.

npx nodemon --exec npm run dev

How to publish

npm run publish

• Noting that you need the npmrc auth token (ask for it)
• Afterwards, take the new published version and install it into cloutly FE and BE projects.
• This will allow us to share consistent email template design between FE (for viewing) and BE (for email sending)

How to symlink

this repo npm link - creates a global link

in your repo npm link cloutly-react-templates - will reference the local repo instead of published package. remember to publish new version before merging to prod

npm unlink cloutly-react-templates
npm i

Frontend dev:

• do not bother symlinking frontend and this repo - too many complications. I guess someone could do it one day but it's far easier to copy /src and paste into the frontend repo and paste back your quick changes.

Backend dev:

• Symlink is a good idea to quickly test the email html templates in different browsers. BE does not contain a copy of react so you'll run into less issues.
• It's intention BE does not contain react (the whole point of this repo (shared components between FE and BE)