Build a Weather App

const API_KEY = import.meta.env.VITE_WEATHER_API_KEY
const BASE_URL = "https://api.openweathermap.org/data/2.5"

const fetchWeather = async (city: string) => {
  const response = await fetch(/weather?q=&appid=&units=metric)
  if (!response.ok) throw new Error("City not found")
  return response.json()
}

<div className="weather-card">
  <h2>{weather.name}</h2>
  <img src={http://openweathermap.org/img/wn/@2x.png} />
  <p>{weather.main.temp}°C</p>
  <p>{weather.weather[0].description}</p>
</div>

const forecast = await fetch(/forecast?q=&appid=&units=metric).then(r => r.json())

navigator.geolocation.getCurrentPosition((position) => {
  const { latitude, longitude } = position.coords
  fetchWeatherByCoords(latitude, longitude)
})

vercel --prod