Weather app

2 years ago

TypeScript × Next.js × emotion.

When you access the app, it gets your location and retrieves and displays the weather forecast for that nearest location. (If you don't allow it to get your location, it will default to Tokyo.)

Click the button to the right of "Search for places" to request the above process again.
The menu that opens from "Search for places" allows you to search for a location and display the weather forecast for the selected location.


  • How to change the color of the background image.
  • Basic usage of the meter element.
  • How to style the meter element.
  • How to control anomalous menus by window size.
  • How to do a type guard for the Union type.