<div id="root"></div> <script src="https://unpkg.com/[email protected]/cosmicjs.browser.min.js"></script> <script> var api = new Cosmic(); var bucket = api.bucket({ slug: 'creative-agency' }) bucket.getObjects().then(data => { var objects = data.objects; var markup = ''; objects.forEach(function(object) { markup += '<div>' + object.title + '</div>'; if (object.metadata && object.metadata.image) markup += '<div><img src="' + object.metadata.image.imgix_url + '?w=300"/></div>'; }); document.getElementById("root").innerHTML = markup; }).catch(err => { console.log(err) }) </script>