I finally put my photos up on my personal website. The only constraint I gave myself was to build a site that doesn’t need Javascript to load.

In the end I ended up using Next.js as a static site generator that pulls all the routes from my directory structure, making it possible to add new photography collections and filters as I go.

Might be overkill for the use case but it was fun to learn. The irony is I had to write a bunch of JS to produce it.

Still need to optimize the image sizes and I am thinking about adding filters for b&w/color/format.

danielecook

Looks great! I did something similar with hugo and tried to automate the process as much as possible.

I use a utility called jhead to resize, fix rotation issues, and rename photos by date - then I tied this to a folder action on macos so I can just drop photos in a folder and they get renamed and resized.

Then Hugo has this cool 'smart' cropping feature which tries to crop based on content [1] - and the end result is now all I do is drop photos in a folder and publish and it comes out looking pretty good [2].

1. https://gohugo.io/content-management/image-processing/#image...

2. https://www.danielecook.com/photos/

hansenzhang

Nice! I found Hugo about halfway through working on this and it seemed like a great solution as well. The jhead utility would save me a ton of time as I ended up cross referencing my negatives to find processing dates which is all in the metadata.

I ended up using sharp [1] since it was so easy to integrate into my workflow.

1. https://github.com/lovell/sharp