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
Auf dieser Seite können Sie das Online-Video FIFA 2022 Standings using Nextjs 13 and Tailwind CSS mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Mafia Codes 22 November 2022 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 2,611 Mal angesehen und es wurde von 87 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!