Netlify Photo Gallery

Netlify Status

This is a photo gallery demo project for Netlify Large Media made with the photos from Unsplash and built with Hugo.

This project has two branches:

  • master: A photo gallery that doesn't use Netlify Large Media feature. You can go to README to see how you can deploy this with your Netlify account and start using Large Media feature.

  • large-media-sample: A photo gallery that uses Netlify Large Media feature. You can go to a static/images folder to see how large media assets are managed with Git. This branch is deployed as https://netlify-photo-gallery.netlify.com/ demo page.

How to deploy your own photo gallery to play with it

  1. Deploy to Netlify with "Deploy to Netlify" button. This will create a new Netlify site and copy the repo to your GitHub account.

    Deploy to Netlify

  2. Clone a newly created repo to your local computer with git clone.

  3. Follow the step of Enabling Netlify Large Media to enable Large Media for the newly deployed site.

  4. Tweak the LFS settings with the git lfs commands. The following example tracks jpg and png files. Tracking them is required for this photo gallery, so you can start tracking them:

    • To track jpg files: git lfs track *.jpg.
    • To track png files: git lfs track *.png.
  5. Explore more for how to configure the tracking in the documentation.

  6. After making sure you git add changes, run git push origin master to push your changes to GitHub. It'll be automatically deployed to Netlify utlizing Large Media.

  7. Try transformations with image files. For example, you can tweak the layout file with layouts/photos_s/list.html.