An interactive high-perfomance image gallery fetching images from the Pexels image library. This gallery is designed to provide users with the neat image search functionality. The gallery is built with Next.js 13, TypeScript & Zod.
Check out the live version of the Image Gallery.
- curated picture display from Pexels
- search bar
- advanced picture loading
- pagination
- custom grid layout
- advanced animations
-
Create .env.local file in the root folder and add your own PEXELS_API_KEY
-
Run the development server:
npm run dev- Open http://localhost:3000 with your browser to see the result in the development mode.
- Browse curated pictures using pagination feature at the bottom of the page.
- Search for the pictures using Search Bar in the header.
- Click on the picture to be redirected to the orignal picture page on Pexels.