Menu

Add a drag and drop email builder to your React app (full tutorial)
📰

Add a drag and drop email builder to your React app (full tutorial)

DEV Community: react·Mailkaro·4 days ago
#9NIjx6JK
#devtoreact#devto#dev#mailkaro#design
Reading 0:00
15s threshold

Your users want to design their own emails. You don't want to spend months building an editor.

In this post we add a complete drag and drop email builder to a fresh Vite + React app, step by step. It's the written version of a 9 minute video where every step is filmed for real.

🎥 Watch the video: https://www.linkedin.com/feed/update/urn:li:activity:7519114078284562432

What you need: a React app (ours is a fresh Vite app) and Node 18 or newer.

1. Create an account and a token

Sign up at mailkaro.com . Sign in is passwordless: every sign in uses a one time code sent to your email, and an account can only be signed in on one device at a time.

Then open Embed & API , click Generate new token , and choose which features the token exposes, for example:

Save, export and history

Uploads and assets

AI Assistant

You get two keys:

Key Starts with Where it goes

Publishable pk_live_ your frontend

Secret sk_live_ your server only, never in frontend code

2.…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.