Learn How to Build a Scalable Weather App Using Weather API Integration | Code with Harry
In this video, @CodeWithHarry shows how to create a Global Weather App using HMTL, CSS, JavaScript, and a free Weather API integration.
Chapters:
0:00 Introduction
0:30 Create a new Next.js App
2:15 Find a weather API
4:45 Install Tailwind CSS
5:45 Star dev server with Yarn
7:00 Create a new component
8:20 Create navbar.js
15:00 Create index.js
22:40 Create weather.js
46:00 Fix errors in footer.js
47:00 Fix errors in weather.js
48:05 Finish weather.js Query Setup
59:30 Conclusion
New to Linode? Get started here with a $100 credit!
Learn more about using APIs.
Check out Weather API.
Subscribe to get notified of new episodes as they come out.
#nextjs #weatherAPI #html
Product: Linode, Weather App, Next JS, API; @CodeWithHarry
You might also like…
-
Ghost Gives Creators Tools to Launch their own Subscription Business | Ghost Server Install Tutorial
Ghost is a complete platform to run an independent media business, whether you're just getting started or experience, Ghost is perfect! -
Building an AI Powered Web App with QwikJSGenerative AI Web Development
In this series, Austin Gil explains how to incorporate AI into your apps. In Episode 1, Austin configures his project for use with QwikJS. -
Honestly, Infrastructure-As-Code Makes Things Simpler And Easier
In this video, Akamai Product Marketing Manager Pavel Despot and RackN Co-Founder and CEO Rob Hirschfeld share their views on infrastructure-as-code (IaC), particularly from a vendor’s perspective. -
Finishing a Django Dictionary App | Getting Ready to Deploy Pt 5-6
In this video, Tomi will finish the simple dictionary app that he has been working on and show how to get the app ready for deployment.