weather-app:with使用Next.js(WIP)构建的Weather应用程序

时间:2024-03-01 15:15:20
【文件属性】:

文件名称:weather-app:with使用Next.js(WIP)构建的Weather应用程序

文件大小:2.71MB

文件格式:ZIP

更新时间:2024-03-01 15:15:20

nextjs scss openweather-api react-hooks SCSS

Next.js天气应用 用户可以选择一个城市的Web应用程序,我们将显示该城市的天气数据。 当前天气数据 暖 寒意 5天天气预报 快来了... 应用详情 安装 首先,运行开发服务器: npm run dev # or yarn dev 使用浏览器打开以查看结果。 加载环境变量 复制和设置环境,不要忘记将api.openweathermap.org API KEY放在WEATHER_API_KEY 。 .env.local示例: PORT=8080 APP_ENV=development WEATHER_API_KEY= WEATHER_API_URL=https://api.openweathermap.org/data/2.5/


【文件预览】:
weather-app-main
----pages()
--------_app.js(254B)
--------_document.js(516B)
--------index.js(1KB)
----public()
--------favicon.png(2KB)
--------assets()
----styles()
--------globals.scss(300B)
--------Home.module.scss(303B)
----next.config.js(165B)
----components()
--------CitySelector.js(703B)
--------CitySelector.module.scss(602B)
--------WeatherCard.js(854B)
--------hooks()
--------WeatherCard.module.scss(1KB)
--------index.js(215B)
--------Loader.js(144B)
--------Loader.module.scss(7KB)
----README.md(833B)
----.gitignore(592B)
----package-lock.json(100KB)
----package.json(692B)

网友评论