{"version":"1.0","provider_name":"Cloudinary Blog","provider_url":"https:\/\/cloudinary.com\/blog","title":"Build an Image Gallery","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"fiNmIiZTDK\"><a href=\"https:\/\/cloudinary.com\/blog\/guest_post\/build-an-image-gallery-with-next-js\/\">Build an Image Gallery<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/cloudinary.com\/blog\/guest_post\/build-an-image-gallery-with-next-js\/embed#?secret=fiNmIiZTDK\" width=\"600\" height=\"338\" title=\"&#8220;Build an Image Gallery&#8221; &#8212; Cloudinary Blog\" data-secret=\"fiNmIiZTDK\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/* ]]> *\/\n<\/script>\n","thumbnail_url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1681924678\/Web_Assets\/blog\/5d3157c6d5048e5d848cab92fc05b34cb1a593a9-6000x3376-1_283685732f\/5d3157c6d5048e5d848cab92fc05b34cb1a593a9-6000x3376-1_283685732f-jpg?_i=AA","thumbnail_width":6000,"thumbnail_height":3376,"description":"In this Media Jam, we will build an Image Gallery and use the Next.js Image component to optimize the images fetched from the Pexels API. This gallery will show the list of curated photos by the Pexels team and has a dynamic route to them. The users will also be able to search for images using this gallery.","author_url":"https:\/\/cloudinary.com\/blog\/author\/ashutosh-k-singh","author_name":"Ashutosh K Singh"}