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 Co...
Html/Css/Js: • HTML / CSS / JS
Android: • Android
Challenges: • Challenges
#yoursTRULY #tutorial #howto #nodejs #android
Watch video FIFA 2022 Standings using Nextjs 13 and Tailwind CSS online without registration, duration hours minute second in high quality. This video was added by user Mafia Codes 22 November 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 2,483 once and liked it 86 people.