piperhaywood / ephemera.sambaldwin.info Goto Github PK

Sort by width, height, date published, origin date, color

Will need to add pagination to the archive pages before long. This will either need to be some sort of “load more” button or traditional pagination (no infinite scrolling since we currently have a footer).

Some places to start looking for methods:

https://vpilip.com/how-build-simple-pagination-in-nextjs/
https://dev.to/elisabethleonhardt/implementing-pagination-with-nextjs-mui-and-react-query-2ab
https://blog.devgenius.io/adding-pagination-into-next-js-blog-685d04dcb2c1
https://github.com/etchteam/next-pagination
https://ppolivka.com/posts/nextjs-pagination

It seems like some items are missing from the next/previous link succession. If an item has been published the same day as another item, that other item is missing. Likely a groq query problem.

This looks... not super straightforward, but possible. See:

https://sreetamdas.com/blog/rss-for-nextjs

So I was running in to a lot of issues uploading images in Sanity Studio. Couldn’t upload in a single image field, could upload by dragging in to an array of images.

Raised it in the Sanity Slack and got some great help from Geoff. Link for posterity:

https://sanity-io-land.slack.com/archives/C9Z7RC3V1/p1646235294796039

This was the end of the convo:

[Geoff](https://app.slack.com/team/U02ATEEQ8HY):sanity:  [1 day ago](https://sanity-io-land.slack.com/archives/C9Z7RC3V1/p1646677464123209?thread_ts=1646235294.796039&cid=C9Z7RC3V1)
Hi Piper. Thanks for your patience. Could you try removing dimensions, hasAlpha, and isOpaque from your metadata array? They aren’t [valid values](https://www.sanity.io/docs/image-type#metadata-5fe564e516d8) and I suspect they’re causing the problem. If that still doesn’t work after restarting your studio process, please let me know.
ticket
white_check_mark
raised_hands

[Geoff](https://app.slack.com/team/U02ATEEQ8HY):sanity:  [1 day ago](https://sanity-io-land.slack.com/archives/C9Z7RC3V1/p1646689473928569?thread_ts=1646235294.796039&cid=C9Z7RC3V1)
Interesting. [This page](https://www.sanity.io/docs/image-metadata) says they can be defined. I’m checking to see if something changed and this page is now out-of-sync. In the meantime, I’d still encourage you to try removing them from your array to see if it helps.

[Geoff](https://app.slack.com/team/U02ATEEQ8HY):sanity:  [6 hours ago](https://sanity-io-land.slack.com/archives/C9Z7RC3V1/p1646752697574609?thread_ts=1646235294.796039&cid=C9Z7RC3V1)
[v2.28.0](https://github.com/sanity-io/sanity/releases/tag/v2.28.0) contains some improvements to how you experience the metadata array. If you specify any of those three strings in your array that previously threw an error, they will now be quietly removed. The docs have also been updated to better represent what the array expects. Hope this helps!

[piper](https://app.slack.com/team/UB5MECA15)  [2 minutes ago](https://sanity-io-land.slack.com/archives/C9Z7RC3V1/p1646775811983399?thread_ts=1646235294.796039&cid=C9Z7RC3V1)
That’s great, thanks so much [@Geoff](https://sanity-io-land.slack.com/team/U02ATEEQ8HY)! I really appreciate it!

So seems like it may have been a documentation issue. Two fixes would be to upgrade Sanity Studio to v2.28.0 (this would prevent error), but also remove the invalid metadata attributes from the image field.

Seems to be two main plugins for this at the moment:

https://github.com/robinpyon/sanity-plugin-media
https://github.com/Aratramba/sanity-plugin-media-library

Both have pros and cons. The first is sort of annoying because you basically can't get rid of media tags. We don't need media tags. The second doesn't seem like as good of a UI (based on the screenshots, would have to test it to be sure).

Color picker, just swatches or a whole gamut?

I haven’t optimised the images at all yet, that is the next major task.

Probably a slider with a start and end

We should be able to do this... but it’s proving problematic. It’s possible to set image field schema to extract EXIF, but when I do this, it only seems to pull a very small amount of EXIF data from the image. For example the camera is never there. But in their example, they use an iPhone camera and so it seems like it should be available... Will need to investigate more.

Note that exif data is not extracted by default, it has to be enabled in the field schema. If it isn’t enabled and you upload an image, the exif data will never be there for that image, you have to upload it again.