Project Highlight - Webpage build for Keep Cool newsletter
I built a new custom subscribe page for my favorite climate tech newsletter, Keep Cool. The site was built using Next.js + Tailwind and rests on top of the Beehiiv-managed back end, requiring no change in workflow for the client.
- Completed for
- Keep Cool Newsletter
- Year
- Focus area
- Web design & development
Overview
This project involved developing a custom subscription page for Keep Cool, a climate tech newsletter, using Next.js paired with Tailwind CSS to create a responsive, modern interface with optimized performance. The solution integrates with Beehiiv's backend API, allowing subscribers to sign up directly while preserving the client's existing content management workflows and analytics tools. By leveraging Next.js's modern rendering tools, the page achieves fast load times and SEO efficiency, while Tailwind's utility-first design system ensures consistency across devices. The architecture eliminates the need for manual data synchronization, enabling the client to maintain their Beehiiv dashboard without disruption.
Results
Legacy page: keepcool.co
Final deliverable: subscribe.keepcool.co
Tools used
- NextJS
- Tailwind
- Typescript
- Framer Motion
- Beehiiv
- Vercel
- Github
- Postman
A million thanks to Brett for crafting this beautiful site for my labor of love. I'm beyond happy with it, especially the touching reader testimonial section.
Owner at Keep Cool
- week turnaround
- 2
- client design sessions
- 4
- client workflow changes
- 0