Skip to content

mnussbaumer/ie-nextjs-sample

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

A sample website showing how to use ImageEngine to display highly optimized images on your React NextJS application. Follow the tutorial here: https://dev.to/mnussbaumer/imageengine-with-nextjs-1dh7

To install it locally:

git clone https://github.com/mnussbaumer/ie-nextjs-sample.git

Followed by:

cd ie-nextjs-sample
npm install
npm run dev

To build a static website for deployment, once you have an ImageEngine distribution:

DELIVERY_ADDRESS="https://your-image-engine.cdn.imgeng.in" npm run static

or

DELIVERY_ADDRESS="https://your-image-engine.cdn.imgeng.in" NON_OPTIMIZED_ADDRESS="http://bucket-name.s3-website-us-west-2.amazonaws.com" npm run static

The image assets here included, under the folder public/images are public domain but might require attribution.

great_wave_off_kanagawa.jpg - By After Katsushika Hokusai - Restored version

buddha_shakyamuni.jpg - Buddha Shakyamuni - By Unknown author - Public Domain

buddha_shakyamuni.jpg - Buddha Shakyamuni - By Unknown author - Public Domain

vasnetsov_samolet.jpg - The Flying Carpet -By Viktor Mikhailovich Vasnetsov - belygorod.ru, Public Domain

senja_norway.jpg - Island of Senja, Troms, Norway (August, 2014) - By Ximonic (Simo Räsänen) - Own work, CC BY-SA 4.0

About

A sample website using Nextjs and ImageEngine

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published