Upload plików do AWS S3 (React + Next.js)

S3 (Simple Storage Service) to usługa do przechowywania obiektów/plików w chmurze publicznej AWS. W tym materiale prezentuje jak w podstawowy sposób skonfigurować tę usługę i w jaki sposób uploadować do niej pliki z poziomu kodu React / Next.js. Zaczynamy od prostego formularza, który umożliwia wybranie pliku, generujemy url do uploadu (po stronie backendowej Next.js), a finalnie uploadujemy plik do bucketa S3.

0:00:00 - Wstęp
0:02:00 - Co to jest AWS S3?
0:04:30 - Przechwycenie uploadowanego pliku w React
0:06:10 - Przekazanie parametrów pliku do backendu
0:07:00 - Endpoint do komunikacji z S3
0:08:00 - Instalacja aws-sdk
0:09:00 - Tworzenie bucket'a w konsoli AWS
0:10:40 - Ustawienie CORS
0:11:50 - Klucze API do AWS
0:14:00 - Generowanie linka do uploadu
0:17:00 - Upload pliku do AWS
0:19:00 - Podgląd pliku
0:20:30 - Prawa dostępu do plików

Zapisz się na Newsletter!✅ Zero spamu
✅ Tylko dobre materiały (React, JS, Web UX/UI)
✅ Rezygnacja w każdej chwili


Dołącz do 680 szczęśliwych subskrybentów.

Sprawdź informacje o polityce prywatności i RODO tutaj.