next cloudinary

Следующее облачное

неопределенный

Высокопроизводительная доставка изображений и загрузка в масштабе в следующей.

Функции • Начало работы • Сообщество и поддержка • Внесение вклад

Это общественная библиотека, поддерживаемая командой облачных разработчиков.

Функции

• Автоматически оптимизируйте изображения и доставку в современных форматах
• Удалить фон из изображений
• Динамически добавлять изображения и текстовые наложения на изображения
• Основанный на искусственном интеллекте обрезка и изменение размера
• Преобразовать изображения, используя цвет и эффекты
• Генерировать карты социальных сетей Open Graph на лету
• Загрузить виджет загрузки
• ... все в масштабе с облачным

Начиная

Установка

• Установите next-cloudinary с:

 npm install next-cloudinary

• Добавьте переменную среды с вашим именем облака:

 NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME="<Your Cloud Name>"

Добавление изображения

 import { CldImage } from 'next-cloudinary';

<CldImage width="600" height="600" src="<Public ID or Cloudinary URL>" alt="<Alt Text>" />

Узнайте больше о Cldimage на следующих облачных документах

Создание карты социальных сетей (открытый график)

 <CldOgImage src="<Public ID or Cloudinary URL>" text="Next Cloudinary" />

ПРИМЕЧАНИЕ. Ширина и высота не требуются (или рекомендуются) для соблюдения стандартизированного размера карт социальных сетей по соотношению сторон 2: 1.

Узнайте больше о Cldogimage на следующих облачных документах

Другие варианты использования

• Удаление фона
• Наложения изображения
• Изображение подкладывает
• Карта социальных сетей
• Текстовые наложения

❤ Сообщество и поддержка

• GitHub: создать проблему
• Twitter: @colbyfayock

? Внося

Пожалуйста, прочитайте Anforming.md до вклад.

Работаю на месте

Установка

Этот проект использует PNPM в качестве способа управления зависимостями и рабочими пространствами.

С помощью клонированного проекта установите зависимости от корня проекта с:

 pnpm install

Конфигурация

Чтобы работать над проектом, вам нужно иметь активную облачную учетную запись. С учетной записью настройте файл .env.local внутри docs с:

 NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME="<Your Cloudinary Cloud Name>"
NEXT_PUBLIC_CLOUDINARY_API_KEY="<Your Cloudinary API Key>"
CLOUDINARY_API_SECRET="<Your Cloudinary API Secret>"

Примечание. Облачная учетная запись может быть бесплатной, но некоторые функции могут не работать за пределами бесплатного уровня, например, снятие фона

Имя облака требуется для всего использования, где ключ и секрет API в настоящее время используются только для использования виджетов загрузки. ПРЕДУПРЕЗОВАНИЕ ПРЕДУПРЕЖДЕНИЯ дополнительно используется для виджетов загрузки.

Загрузка примеров изображений

Чтобы запустить проект DOCS, вам необходимо, чтобы изображения были доступны в вашей облачной учетной записи.

Для этого перейдите к каталогу scripts и сначала создайте новый файл .env с:

 CLOUDINARY_CLOUD_NAME="<Your Cloudinary Cloud Name>"
CLOUDINARY_API_KEY="<Your API Key>"
CLOUDINARY_API_SECRET="<Your API Secret>"

Затем запустите сценарий загрузки с помощью:

 pnpm upload

По умолчанию изображения внутри scripts/images.json будут загружены в каталог «Изображения» внутри вашей облачной учетной записи. Чтобы изменить местоположение, добавьте переменную среды CLOUDINARY_IMAGES_DIRECTORY с вашим предпочтительным каталогом:

 CLOUDINARY_IMAGES_DIRECTORY="<Your Directory>"

Запуск проекта

После установки и настройки откройте две вкладки клемме, навигацию по одному на next-cloudinary и одно и по docs , запустив следующую команду в каждой:

 pnpm dev

Проект теперь будет доступен по адресу https: // localhost: 3000 или настроенный локальный порт.

Заводящие тесты

Все тесты расположены внутри next-cloudinary/tests со структурой каталогов, которая должна отражать next-cloudinary/src .

Находясь внутри next-cloudinary , запустите тесты с:

 pnpm test

Участники

Колби Файок	Даниэль Олавио	Рамадевсен ?	Кари Хигуера ️	Азанул Хак ?	3T8	Джон Агбунуси
Джоан Леон	Тим Бенникс	CSGOCHAN	CODINGIS4NOOBS2 ️	Миччжоу	Ли Конлин	Райан Смит
Майкл Лиендо	Джек	Матеус Кабрал	Хосе Моралес	Эрик Пфистер	Джошуа Олоруннипа	Хари
Шоаиб Асгар	Adeyanju Adeyemi	Саймон	Ричард Оливер Брей	Зека	Жесткий вашишт	Сахил Силаре
Яш Матур	Абдул Самад	Ришав Чаттопадхьяй	Пратамеш Гавас	Нвани победа	Пратьяй Банерджи	Саай Сивендра