https://github.com/philhawksworth/example-netlify-large-media-picture
An example site to demonstrate the use of Netlify Large Media and images transformations for srcset
https://github.com/philhawksworth/example-netlify-large-media-picture
11ty eleventy git-lfs javascript netlify
Last synced: 12 days ago
JSON representation
An example site to demonstrate the use of Netlify Large Media and images transformations for srcset
- Host: GitHub
- URL: https://github.com/philhawksworth/example-netlify-large-media-picture
- Owner: philhawksworth
- Created: 2019-03-07T10:54:45.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-09T22:07:53.000Z (almost 3 years ago)
- Last Synced: 2025-05-12T14:15:41.948Z (5 months ago)
- Topics: 11ty, eleventy, git-lfs, javascript, netlify
- Language: CSS
- Homepage: https://example-nlm-picture.netlify.com/
- Size: 7.01 MB
- Stars: 6
- Watchers: 2
- Forks: 0
- Open Issues: 17
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Example: Netlify Large Media and picture
This is an example site to demonstrate the use of [Netlify Large Media](https://www.netlify.com/products/large-media/?utm_source=github&utm_medium=nlm-example-pnh&utm_campaign=devex) for managing source image assets and serving image transformations on-the-fly to populate different source images in picture elements.
## Local development
To build the site you need:
- [Node](https://nodejs.org) - to run the build
- [Yarn](https://yarnpkg.com) - to install and manage dependencies
### Getting started
```bash
# clone this repository
git clone git@github.com:philhawksworth/example-netlify-large-media-picture.git
# go to the working directory
cd example-netlify-large-media-srcset
# install dependencies
yarn
# start a local build server with hot reloading
yarn start
```
### Configuring your own Netlify Large Media workflow
After cloning this repo, you can set it up as a site of your own on Netlify, and configure the Netlify Large Media pipeline by following the [guidance in the docs](https://www.netlify.com/docs/large-media/?utm_source=github&utm_medium=nlm-example-pnh&utm_campaign=devex)