Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Newsletter form (that actually works with Mailchimp API)

@uross-11

Desktop design screenshot for the Newsletter sign-up form with success message coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hey, everybody 👋

I had fun doing this challenge in which I learned about Next.js app router, server side components, and how they work with client side libraries like Chakra UI(they don't).

I added an API route in Next.js also, and set up Mailchimp account to be able to actually send you a newsletter email (don't worry I will only send you one mail, and won't spam your inbox).

Though I didn't need to add so many libraries, and install Next.js, react-hook-form and yup for one form field, I've learned a lot of technologies, and I'm happy with the result!

Any feedback on both the design and code is welcome and appreciated!

Thanks and happy coding! 🙂

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord