kylepfeeley / lazy-load-with-nlm

Demo of light lazy loading, with Netlify Large Media for image transforms

Home Page:https://lazy-load-nlm.netlify.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Example: Netlify Large Media and picture

This is an example site to demonstrate the use of Netlify Large Media 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 - to run the build
  • Yarn - to install and manage dependencies

Getting started

# clone this repository
git clone git@github.com:https://github.com/philhawksworth/lazy-load-with-nlm.git

# go to the working directory
cd lazy-load-with-nlm

# install dependencies
yarn

# start a local build server with hot reloading and Netlify redirects proxying
netlify dev

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

About

Demo of light lazy loading, with Netlify Large Media for image transforms

https://lazy-load-nlm.netlify.com/


Languages

Language:CSS 48.3%Language:JavaScript 42.8%Language:HTML 8.8%