A web tool to estimate the carbon footprint of your webpage and understand how it affects the environment, your users and potentially your bottom line.
How we built it
NextJS and Vercel
Knowing that ease of use and data presentation was key, leveraging a modern framework such as NextJS allowed us to take advantage of server actions which improve the user experience and reduce the need to dynamically create pages on the server.
Tailwind and Design Tokens
Everything about the experience is meticulously maintained through the power of Tailwind V4's engine and design tokens. Using a system to modify values contextually, the styles can be updated site wide in the blink of an eye.
Puppeteer
Behind the scenes when you audit a page, Puppeteer loads your site via a serverless function, audits the network speeds, the accessibility and outputs a report. Once that's completed, it shuts down, reducing the need for an always-on server.
