Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/pnvdev/nextjs-weather-leaflet
This project is a weather application built with Next.js, Leaflet, and the OpenWeather API. It allows users to click on the map to get real-time weather data for the selected location.
https://github.com/pnvdev/nextjs-weather-leaflet
geosearch leaflet nextjs openstreetmap openwheatherapi
Last synced: about 1 month ago
JSON representation
This project is a weather application built with Next.js, Leaflet, and the OpenWeather API. It allows users to click on the map to get real-time weather data for the selected location.
- Host: GitHub
- URL: https://github.com/pnvdev/nextjs-weather-leaflet
- Owner: pnvdev
- License: mit
- Created: 2024-09-04T03:29:36.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-09-20T01:28:57.000Z (3 months ago)
- Last Synced: 2024-10-14T00:46:03.662Z (2 months ago)
- Topics: geosearch, leaflet, nextjs, openstreetmap, openwheatherapi
- Language: TypeScript
- Homepage: https://nextjs-weather-leaflet.vercel.app
- Size: 73.2 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Next.js Weather Leaflet App
This project is a weather application built with Next.js, Leaflet, and the OpenWeather API. It allows users to click on the map to get real-time weather data for the selected location.
## Features
- **Interactive Map**: Powered by Leaflet with geolocation search.
- **Weather Data**: Displays weather information such as temperature, humidity, wind speed, etc., for the selected location.
- **Responsive Design**: Optimized for both desktop and mobile views.
## Technologies Used
- **Next.js**: React framework for building server-side rendered applications.
- **Leaflet**: JavaScript library for interactive maps.
- **OpenWeather API**: Provides real-time weather data.
- **TypeScript**: Static type checking.
## Getting Started
1. Clone the repository:
```bash
git clone https://github.com/pnvdev/nextjs-weather-leaflet.git
cd nextjs-weather-leaflet
```
2. Install dependencies:
```bash
npm install
```
3. Add your OpenWeather API key in a `.env.local` file:
```plaintext
NEXT_PUBLIC_OPEN_WEATHER_API_KEY=your_api_key
```
4. Run the development server:
```bash
npm run dev
```
5. Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
## Deployment
This project is deployed on Vercel. You can also deploy it on any platform that supports Next.js.
## License
This project is open source and available under the [MIT License](LICENSE).