🌦️ nextjs-weather-forecast

A sleek and responsive weather forecast app built with Next.js 14 and Tailwind v4. This project fetches real-time weather data and displays current conditions and future forecasts using modern React features and optimized Next.js routing and performance tools.

🚀 Features

• 🌍 Search weather by city name
• ☁️ Display current weather conditions (temperature, humidity, wind speed, etc.)
• 📅 5-day weather forecast with hourly breakdowns
• 🌙 Dark/light mode toggle
• ⚡ Fast, SEO-friendly performance using Next.js 14
• 🔁 Automatic location-based weather (optional geolocation support)
• 📱 Fully responsive design (mobile-first)

🛠️ Tech Stack

• Framework: Next.js 15 (App Router)
• Frontend: React 19, Tailwind CSS v4
• Data Source: OpenWeatherMap API (or your chosen weather API)
• State Management: React hooks
• Deployment: Vercel

📦 Getting Started

npm install
npm run dev

Create a .env.local file:

NEXT_PUBLIC_WEATHER_API_KEY=your_api_key_here

📸 Demo

Live Demo