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

Published: 17 March 2024
on channel: 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

Watch video Build an Infinite Scroll Image Gallery with Next.js & TailwindCSS | Full Tutorial & Deployment online, duration hours minute second in high quality that is uploaded to the channel react with utkarsh 17 March 2024. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 2,268 times and liked it 52 visitors.

2,104