How to build an email newsletter with React - MailChimp Api Integration

Опубликовано: 08 Июнь 2026
на канале: Dev Lawrence
1,768
33

What's up guys, so in this video, we will be building this email newsletter using React and the Mailchimp API.

Source Code:
https://github.com/dev-lawrence/newsl...

Frontendmentor challenge:
https://www.frontendmentor.io/challen...

Timestamps:
0:00 - Intro
2:13 - Create vite application
7:34 - Creating newsletter layout
13:29 - Styling layout for mobile
28:57 - Styling layout for desktop
34:43 - Creating the success layout
38:17 - Styling success layout
44:27 - Creating error layout
45:48 - Styling error layout
49:31 - Creating error input
50:52 - Styling the error input
55:08 - Client-side validation
1:07:10 - Create MailChimp Account
1:09:36 - Backend setup
1:23:55 - Send email to server
1:30:57 - Recieve email from client
1:35:53 - Add Subscriber to MailChimp
1:06:29 - Success and Error Message
1:42:45 - Auth User Endpoint
---
Website: http://devlawrence.netlify.app/
Blog: https://dev.to/devlawrence
Github: https://github.com/dev-lawrence

#vite #reactjs #frontend #webdevelopment #javascript #typescript #authentication #CodingTips #howto #mailchimp #nodejs #express