Make Weather Forecast App with NextJS
Nimbus Weather App
The Weather App is a minimalist web-based application that provides real-time weather information for any location in the world. Users can easily search for a location by name, and the app will display the current temperature, conditions, and wind speed. Additionally, the app includes a search history feature, which allows users to easily access their previous searches.
Screenshots
Features
- Real-time weather information for any location in the world
- Ability to search for a location by name
- Display of current temperature, conditions, and wind speed for the searched location
- Clean and simple interface design
- Search history feature to easily access previous searches
Installation
Install my project with npm
npm install nimbus-weather-app
cd nimbus-weather-app
Environment Variables
To run this project, you will need to add the following environment variables to your .env file
NEXT_PUBLIC_MAPBOX_ACCESS_TOKEN
NEXT_PUBLIC_UNSPLASH
NEXT_PUBLIC_OPENWEATHER
Demo
Live Demo 😎
Tech Stack
Client: Nextjs, Typescript, Zustand, React Query, TailwindCSS
Feedback
If you have any feedback, please reach out to us at guiller.zeva16@gmail.com
License
Source Code
To use this app, please view the source code via the link below.
We hope that Make Weather Forecast App with NextJS article will be useful. Please continue to visit this site to get other latest free application source code info. You can also join the telegram channel or subscribe to email to get the latest updates. Thank You.