Build a WeatherApp with TDD using Cypress & NextJS

This is example #3 companion blog post to my in-depth introduction to testing and TDD, Automated Testing from 10,000 Feet.

Today, we’re going to build a weather app similar to the useState example in the React section of my blog, but unlike that example, we’ll build this using NextJS with Server-rendered components.
This let’s us move the call to the Open Weather Map API into the server, and keep our Open Weather Map API key private because the call to the external service will happen on the server.

I’m also going to set up Cypress to create and end-to-end spec for this demo app, and test-drive as we go.