📝Image field - added instructions for image optimization in Next.js

[Calinator444]

Description

I found a way to add image width and height parameters for Next.js' Image component. This approach works with contextual editing.

It might be worth moving this page to a separate section in the docs for Next.js so I'm open to constructive feedback.

General Contributing:

• Have you followed the guidelines in our Contributing document?
• Have you checked to ensure there aren't other open Pull Requests for the same update/change?

All New Content Submissions: (To be confirmed by reviewer)

• Title is short & specific
• Headers are logically ordered & consistent
• Purpose of document is explained in the first paragraph
• Procedures are tested and work
• Any technical concepts are explained or linked to
• Document follows structure from templates
• All links work
• The spelling and grammar checker has been run
• Graphics and images are clear and useful
• Any prerequisites and next steps are defined.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
tina-io	❌ Failed (Inspect)			Feb 5, 2025 5:04am

[isaaclombardssw]

LGTM!

[isaaclombardssw]

Fix build ⚠️

[ncn-ssw]

@Calinator444 @isaaclombardssw

You will need to recreate the branch for TinaCloud to index it.

I am working on the deeper problems that caused the issue now, starting with https://github.com/tinacms/tinacloud/issues/2295