This helps protect our community. Learn more

Learn How to Build a Scalable Weather App Using Weather API Integration | Code with Harry

1.04M subscribers

23K views 1 year ago #nextjs #html #weatherAPI

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 Cloud Computing? Get started here with a $100 credit → https://www.linode.com/lp/youtube-vie... Learn more about using APIs → • Intro to APIs | What are APIs and How... Check out weather API → https://www.weatherapi.com/ Subscribe to get notified of new episodes as they come out → https://www.youtube.com/linode?sub_co... #nextjs #weatherAPI #html Product: Linode, Weather App, Next JS, API; @CodeWithHarry

...more

Learn How to Build a Scalable Weather App Using Weather API Integration | Code with Harry

767Likes

23,407Views

2023Apr 7

Introduction

0:00

Create a new Next.js App

0:30

Find a weather API

2:15

Install Tailwind CSS

4:45

Transcript

Follow along using the transcript.

Akamai Developer

1.04M subscribers

Learn How to Build a Scalable Weather App Using Weather API Integration | Code with Harry

Chapters View all

Introduction

Introduction

Introduction

Create a new Next.js App

Create a new Next.js App

Create a new Next.js App

Find a weather API

Find a weather API

Find a weather API

Install Tailwind CSS

Install Tailwind CSS

Install Tailwind CSS

Star dev server with Yarn

Star dev server with Yarn

Star dev server with Yarn

Create a new component

Create a new component

Create a new component

Create navbar.js

Create navbar.js

Create navbar.js

Create index.js

Create index.js

Create index.js

Akamai Developer

Learn How to Build a Scalable Weather App Using Weather API Integration | Code with Harry

Comments 28

Chapters

Introduction

Introduction

Introduction

Create a new Next.js App

Create a new Next.js App

Create a new Next.js App

Find a weather API

Find a weather API

Find a weather API

Install Tailwind CSS

Install Tailwind CSS

Install Tailwind CSS

Star dev server with Yarn

Star dev server with Yarn

Star dev server with Yarn

Create a new component

Create a new component

Create a new component

Create navbar.js

Create navbar.js

Create navbar.js

Create index.js

Create index.js

Create index.js

Create weather.js

Create weather.js

Create weather.js

Fix errors in footer.js

Fix errors in footer.js

Fix errors in footer.js

Fix errors in weather.js

Fix errors in weather.js

Fix errors in weather.js

Finish weather.js Query Setup

Finish weather.js Query Setup

Finish weather.js Query Setup

Conclusion

Conclusion

Conclusion

Description

Chapters View all

Introduction

Introduction

Introduction

Create a new Next.js App

Create a new Next.js App

Create a new Next.js App

Find a weather API

Find a weather API

Find a weather API

Chapters

Chapters