Make Weather Forecast App with NextJS

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

App Screenshot

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

MIT

Source Code

To use this app, please view the source code via the link below.


Coffee
Coffee
Buy Me a Coffee


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.

Love this Weather app? You can provide support by buying coffee at this link. You can also support us by sharing this content on social media and your friends, let's share via the link below.

You may also like

Never miss a drop!

Subscribe to our newsletter to receive updates early.

Telegram Menu CoffeeCoffee
Top