Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

Beginner Web Dev Project Tutorial – Weather App with Next.js, Tailwind CSS, and TypeScript

via freeCodeCamp

Start learning Write review
DataCamp Ad

AI Engineer - Learn how to integrate AI into software applications

Learn More → Coursera Ad

AI, Data Science & Cloud Certificates from Google, IBM & Meta

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This beginner project tutorial guides learners through building a weather application with Next.js, Tailwind CSS, and TypeScript. It covers reusable components, API data types, current weather and seven-day forecast sections, search, and current-location logic.

Syllabus

⌨️ Introduction
⌨️ Navbar Component
⌨️ API and Data Types Configurations
⌨️ Current Day Section Components
⌨️ Additional Details Component
⌨️ 7 Days Forecast Data Section
⌨️ Search and Current Location Logic

Taught by

freeCodeCamp.org

Reviews

Start your review of Beginner Web Dev Project Tutorial – Weather App with Next.js, Tailwind CSS, and TypeScript

Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.