Next.Js 14 — загрузка изображений AWS S3 с использованием API-маршрута

В этом видео я расскажу вам о процессе создания AWS S3 Bucket и применении публичных разрешений, чтобы файлы были доступны любому пользователю Интернета.

Во второй половине видео я продемонстрирую создание формы загрузки файлов с помощью NextJs и официального клиентского SDK AWS S3. Я буду использовать клиентский подход для создания компонента формы, а для загрузки файлов реализую резервную конечную точку API с помощью обработчиков маршрутов.

➡ Github: https://github.com/RaddyTheBrand/Next...
☕ BuyMeACoffee: https://www.buymeacoffee.com/RaddyThe...

Политика:
{
"Версия": "2012-10-17",
"Заявление": [
{
"Sid": "PublicReadGetObject",
"Эффект": "Разрешить",
"Основной": "*",
"Действие": "s3:GetObject",
"Ресурс": "arn:aws:s3:::project-name-prod/*"
}
]
}

Скидки:
⚡ Hostinger: https://www.hostg.xyz/aff_c?offer_id=...
⚡ Elementor: https://be.elementor.com/visit/?bta=2...

Оборудование для записи:
◾ Микрофон: https://amzn.to/3uX0yvP
◾ Микрофон-пушка: https://amzn.to/3aRsSJb
◾ Камера: https://amzn.to/3IMumkx
◾ Объектив: https://amzn.to/3ARxvh8
◾ Освещение: https://amzn.to/3PBetj2

Компьютерное оборудование:
◾ Клавиатура: https://amzn.to/3RCXRcC
◾ Наушники: https://amzn.to/3aIvskX
◾ Мышь: https://amzn.to/3VfVuxO

Связаться со мной:
◾ Сайт: https://www.raddy.dev
◾ Рассылка: https://www.raddy.co.uk/newsletter

Главы:
◾ 0:00 Введение:
◾ 0:30 Настройка контейнера S3
◾ 3:41 Настройка пользователя IAM
◾ 6:14 SDK + API Next.Js для AWS S3
◾ 26:04 Форма загрузки Next.Js

#nextjs #aws