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
On this page of the site you can watch the video online FIFA 2022 Standings using Nextjs 13 and Tailwind CSS with a duration of hours minute second in good quality, which was uploaded by the user Mafia Codes 22 November 2022, share the link with friends and acquaintances, this video has already been watched 2,611 times on youtube and it was liked by 87 viewers. Enjoy your viewing!
