mkdir cosmic-express

cd cosmic-express

npm init

npm i express

npm i @cosmicjs/sdk

// app.js
const express = require('express');
const app = express();
const port = 3000;
import { createBucketClient } from '@cosmicjs/sdk';
const cosmic = createBucketClient({
  bucketSlug: process.env.BUCKET_SLUG || '',
  readKey: process.env.BUCKET_READ_KEY || '',
});

app.get('/', async (req, res) => {
  const { objects: posts } = await cosmic.objects
    .find({
      type: 'blog-posts',
    })
    .props('title,metadata.image,metadata.content');
  let html = '';
  posts?.map((post) => {
    html += `<div>
            <div>${post.title}</div>
            <div>
              <img
                src="${post.metadata.image.imgix_url}?w=500&auto=format,compression"
                alt="${post.title}"
              />
            </div>
            <div>${post.metadata.content}</div>
          </div>`;
  });
  res.set('Content-Type', 'text/html');
  res.send(html);
});

app.listen(port, () => {
  console.log(`Example app listening on port ${port}`);
});

# .env.local
BUCKET_SLUG=add_your_bucket_slug_here
BUCKET_READ_KEY=add_your_bucket_read_key_here

bun app.js