Build an Infinite Scroll Image Gallery with Next.js & TailwindCSS | Full Tutorial & Deployment

Опубликовано: 17 Март 2024
на канале: react with utkarsh

2,268

#ReactJS #TailwindCSS #WebDevelopment #nextjs #tailwindcss #reactjs #frontenddevelopment #reactwithukarsh #imagegallery #infinite #reactquery
My Channel -    / @reactwithutkarsh

Dive into a quick and engaging tutorial to craft a stunning infinite scroll image gallery using the latest in Next.js, TailwindCSS, React Query, and TypeScript!

Live Demo - https://image-gallery-app-black.verce...
Code Repo - https://github.com/whoisseth/image-ga...

Social Details
Discord -   / discord
Instagram -   / reactwithutkarsh
LinkedIn -   / utkarshseth2019
GitHub - https://github.com/whoisseth

Timestamps
0:00 - Intro
3:09 - Next.js Setup
9:14 - Dark Mode
15:56 - SearchBar Creation
21:32 - React Query
27:52 - Fetch Images
37:14 - Infinite Scroll Setup
49:00 - Download Button
51:54 - Finalize Download
53:02 - Complete Infinite Scroll

Смотрите видео Build an Infinite Scroll Image Gallery with Next.js & TailwindCSS | Full Tutorial & Deployment онлайн, длительностью часов минут секунд в хорошем качестве, которое загружено на канал react with utkarsh 17 Март 2024. Делитесь ссылкой на видео в социальных сетях, чтобы ваши подписчики и друзья так же посмотрели это видео. Данный видеоклип посмотрели 2,268 раз и оно понравилось 52 посетителям.

465,817

2.5 тыс