Field Renderer cheat sheet

IMAGE

 @{

            Sitecore.Data.Fields.ImageField imageField = Model.Item.Fields["Image"];

            Sitecore.Data.Items.MediaItem image = new Sitecore.Data.Items.MediaItem(imageField.MediaItem);          

        }

    <figure class="cta-block__media">

            <img class="cta-block__image"

                 src="@Sitecore.StringUtil.EnsurePrefix('/', Sitecore.Resources.Media.MediaManager.GetMediaUrl(image))"

                 alt="@image.Alt"

                 loading="lazy"

                 decoding="async"

                 data-id="cta-block-image" />

        @Html.Sitecore().Field("Image", Model.Item, new { @class = "cta-block__image", @loading="lazy", @decoding = "async" })

    </figure>

@Html.Sitecore().Field("Image", Model.Item, new { @class = "cta-block__image", @loading="lazy", @decoding = "async" })

LINK FIELD

https://doc.sitecore.com/en/developers/92/sitecore-experience-manager/access-general-link-fields.html

@{

                Sitecore.Data.Fields.LinkField linkField = Model.Item.Fields["CTA Link"];

                Sitecore.Data.Items.Item linkedItem = linkField.TargetItem;

            }

            <a class="c-hero__button"

               href="@Sitecore.Links.LinkManager.GetItemUrl(linkedItem)"

               data-id="curve-hero-button">

                @linkField.Text

            </a>

            @Html.Sitecore().Field("CTA Link", Model.Item, new { @class = "c-hero__button" }) 

REFERENCE FIELD

    Sitecore.Data.Fields.ReferenceField alignmentField = Model.Item.Fields["Image Alignment"];

    Sitecore.Data.Items.Item alignmentItem = alignmentField.TargetItem;

    string align = (alignmentItem != null && alignmentItem.Name.Equals("ImageLeft")) ? "is-reversed" : "";

VIDEO

@Html.Sitecore().Field("CTA Link", Model.Item, new { @class = "v-hero__button" })

    @{

        Sitecore.Data.Fields.LinkField videoField = Model.Item.Fields["Video"];

        Sitecore.Data.Items.Item videoItem = videoField.TargetItem;

        MediaItem video = Sitecore.Context.Database.GetItem(videoItem.Paths.Path);

        string src = Sitecore.Resources.Media.MediaManager.GetMediaUrl(video);

    }

    <figure class="v-hero__media">

        <video class="v-hero__video"

               src="@src"