Astro x Cloudinary: загрузчик контента

Мы рады объявить Cloudinary партнёром запуска Astro Content Layer API — нового подхода к загрузке внешнего контента в content collections. Cloudinary — платформа хостинга медиа-ресурсов с трансформацией и оптимизацией разных типов медиа.

Content collections — ответ Astro на организованный, управляемый и типобезопасный контент. Теперь с content layer Astro можно подключать разные типы контента и данных из внешних источников во время сборки. Content Layer API эффективно синхронизирует и кэширует контент, давая привычный единый опыт работы с любым источником данных.

Using the Cloudinary loader

Чтобы использовать новый загрузчик, сначала установите пакет astro-cloudinary из npm:

npm install astro-cloudinary

Далее настройте окружение с API-ключом. Подробности — в руководстве по конфигурации загрузчика Cloudinary.

Затем импортируйте и используйте загрузчик в файле конфигурации src/content/config.ts:

import { defineCollection } from 'astro:content'
import { cldAssetsLoader } from 'astro-cloudinary/loaders'

const samples = defineCollection({
  loader: cldAssetsLoader({
    limit: 4,
    folder: 'samples/food'
  })
})

export const collections = { assets }

И всё! Дальше можно запрашивать и использовать коллекции так же, как локальные. Подробнее — в руководстве по content collections Astro.

Дополнительно о загрузчике Cloudinary — в статье Source Cloudinary Assets in Astro With the Astro Content Layer. Также посмотрите вчерашний deep dive по новому Content Layer API — как работают загрузчики и как создать свой.