Создайте галерею изображений с помощью Supabase Storage и React (загрузка изображений с помощью S...

Описание: Огромное спасибо Supabase за то, что я помогаю им создавать контент для их потока контента ⛈️! Готовьтесь к 6-й неделе запуска Supabase здесь: https://supabase.com/launch-week

В этом видео я показываю, как создать React-приложение с Supabase, которое позволяет пользователям хранить изображения в собственных галереях. Пользователи будут авторизоваться с помощью Supabase Magic Link, а затем мы займёмся загрузкой изображений с помощью PostgreSQL и Supabase Storage. Этот проект отлично подойдёт всем React-разработчикам, интересующимся хранением больших файлов, а создание такой системы, как в этом видео, — большой шаг вперёд в создании приложений, масштабируемых с большим трафиком. Вы можете применить концепции из этого видео для создания лент социальных сетей, создания MP3-файлов для совместного использования, обмена 3D-объектами между пользователями и многих других сценариев использования больших файлов! В заключение: хранилище Supabase в контейнерах — это нечто потрясающее.

Полный код: https://github.com/coopercodes/Supaba...

Нравятся мои видео? Зарегистрируйтесь и получите БЕСПЛАТНЫЙ контент здесь: https://www.thecoopercodes.com/

0:00 Введение
1:40 Инициализация приложения Supabase
2:38 Настройка приложения React + инициализация Supabase
4:50 Создание страницы входа Magic Link
11:57 Создание страницы галереи изображений
13:45 Настройка хранилища Supabase
15:59 Загрузка изображений в галерею
21:15 Получение изображений из хранилища Supabase
24:30 Объяснение ссылок CDN
27:15 Показ изображений пользователю
30:37 Удаление изображения пользователя
32:49 Тестирование функциональности, спасибо за просмотр!