This website is a photo gallery built using Next.js, Contentful, Cloudinary, and Tailwind. Its primary function is to showcase a portfolio of images, along with sample text for context. The website sources its data from Contentful CMS and utilizes static site generation for its page rendering.
Key features of the site include a photo gallery with images for each project and an about page. The site also has detailed pages for each photo, which are created using static paths, and uses sharp and plaiceholder for blur backgrounds.
This website was based on the image gallery template from Vercel, and the original demo is available here
The demo is availible at: https://photo-gallery-12.vercel.app/
- Next.js
- Tailwind
- Contentful
- Cloudinary
- sharp and plaiceholder
To run the website locally, follow these steps:
- Clone the repository to your local machine.
- Install the dependencies by running
npm install - Start the development server by running
npm run dev - Open the website in your browser by visiting http://localhost:3000.