FIFA 2022 Standings using Nextjs 13 and Tailwind CSS

In this video we will learn how to use #nextjs with #tailwindcss to build the #fifa 2022 #worldcup2022 standings by consuming the #api Complete app: https://fifa-2022-standings.vercel.app/ -------------------------------------------------------------------------- 📦FREE $100 credit @Digital Ocean: https://m.do.co/c/3208f08b3324 -------------------------------------------------------------------------- Subscribe: https://www.youtube.com/c/yourstruly2... -------------------------------------------------------------------------- 💵Support the channel: Paypal: https://www.paypal.me/trulymittal Patreon:   / trulymittal   -------------------------------------------------------------------------- Repo link: https://github.com/trulymittal/fifa-2... FIFA API (Github): https://github.com/raminmr/free-api-w... All credit goes to this repo on Github for proving FREE API data. 0:00 Introduction 0:58 FIFA World Cup API 1:23 Creating a Next.js app 2:06 Setup Tailwind CSS 5:23 Navigation bar in layout.jsx 8:38 Date using LUXON 10:08 Standings page 12:13 Getting JWT for the API 15:28 .env File 15:54 Calling the API 17:26 Revalidation of the data 18:57 Creating the UI using Tailwind CSS 19:44 Co-location components 19:11 Image from next/image 33:22 Sorting the teams by points (using loadash) ====================== ✔ Other useful Playlists ====================== #RestAPI (#NodeJS and MongoDB):    • REST API using NodeJS and MongoDB   #API Authentication using #JWT:    • NodeJS API Authentication (JWT's)   #Firebase:    • Firebase | Build a Notes App   Docker:    • Docker   MongoDB:    • Learn MongoDB in 50 minutes (Crash Course ...   Html/Css/Js:    • HTML / CSS / JS   Android:    • Android   Challenges:    • Challenges   #yoursTRULY #tutorial #howto #nodejs #android