https://github.com/lumamontes/photos-gallery

An image gallery built with Next.js, Typescript, Contentful, and Tailwind
https://github.com/lumamontes/photos-gallery

contentful nextjs tailwind typescript

Last synced: about 1 month ago
JSON representation

An image gallery built with Next.js, Typescript, Contentful, and Tailwind

• Host: GitHub
• URL: https://github.com/lumamontes/photos-gallery
• Owner: lumamontes
• Created: 2023-04-09T01:07:28.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-03-07T09:10:44.000Z (11 months ago)
• Last Synced: 2024-11-06T20:14:36.039Z (3 months ago)
• Topics: contentful, nextjs, tailwind, typescript
• Language: TypeScript
• Homepage: https://photo-gallery-12.vercel.app/
• Size: 1.45 MB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

### Photos Gallery Website

 ![image](https://github.com/lumamontes/photos-gallery/assets/60052718/839e8051-c655-4345-a6a0-d408d03d2dd7)

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](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example), and the original demo is available [here](https://nextconf-images.vercel.app/)

![image](https://github.com/lumamontes/photos-gallery/assets/60052718/f1df4de1-0808-454e-a040-8e6d51067269)

![image](https://github.com/lumamontes/photos-gallery/assets/60052718/65c00633-cf4b-49fd-ba02-f3b539803a79)

### :bulb: Live

The demo is availible at: https://photo-gallery-12.vercel.app/

 ### :computer: Techs:

- Next.js 

- Tailwind

- Contentful

- Cloudinary

- sharp and plaiceholder

###  Local Development

To run the website locally, follow these steps:

1. Clone the repository to your local machine.

2. Install the dependencies by running ```npm install```

3. Start the development server by running ```npm run dev ```

4. Open the website in your browser by visiting http://localhost:3000.