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
Смотрите видео FIFA 2022 Standings using Nextjs 13 and Tailwind CSS онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Mafia Codes 22 Ноябрь 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 2,483 раз и оно понравилось 86 людям.