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…
-
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. -
Databases and User Authentication In Django
In this video on Databases and User Authentication, Tomi will cover managing user authentication and how to create users. -
What is Infrastructure as Code? | IaC Explained
In this video we'll discuss how IaC is used, and introduce tools like Terraform that allow you to deploy your Linodes with simple code. -
Working with Django Models | Building a Django App Part 3
In this video on Models, @CodeWithTomi will cover Using the Admin interface and registering models in admin.py.