Build Weather App in Next.js 14 using Api Routes

00:35 How to create next js 13 project?
4:00 Building UI and components for app.
10:00 How to create api route in next js 13?
14:00 Using open weather map api for fetching weather data.
20:00 Building UI TSX and to show data of weather on web page.
36:00 Building a form to change city for updated weather data.
41:00 Detecting current location to fetch weather data of that city.

#nextjs #nextjs13 #reactjs #programming

React tutorials:

Angular Tutorials:

Tech Tutorials - Random:

Github Repository:

Contact us for development services:

[techug]

so about the whole local host thing in the api, if i am making an app that i want to deploy, please give me guidance on what I should change it to.

[GuyLORD]

hey, what extension are you using when you check the api url?

[mohamaduhadijatu]

a few changes I made in the api route file
const params = new
const address = params.get('address');
const latitude = params.get('lat');
const longitude = params.get('lon');

[guidocaru]

Thanks for the content! I have a question: Isn't it counterproductive to make two requests in order to obtain the data? I mean, the first one to the Next API and then to the external service. Wouldn't it be more convenient to make a request to the external API directly?

[yaminshaikh]

need more angular 16 projects.

love From Bangladesh 🇧🇩🇧🇩

[achilletindo]

Sorry to bother you, I took your Code to practice but it does not generate weather information despite my new weather_key. Do you know where the problem might be? Thanks

[xqpvmrw]

Excuse me, I don't see you file css style or some note, tell me please