Upload de arquivos para o S3 com Next.js

Workshop

17 vídeos • 02:07:14

Seção 01 | Introdução

  1. 1.

    O que vamos construir

    01:35
  2. 2.

    Requisitos do projeto

    07:04

Seção 02 | Setup HTML e Estilos

  1. 3.

    Setup do projeto Next

    05:30
  2. 4.

    Iniciando a estrutura HTML e Estilização

    08:02
  3. 5.

    Estilizando a galeria de Fotos

    07:53

Seção 03 | Setup S3

  1. 6.

    Setup do S3 e permissões de leitura

    07:56
  2. 7.

    Setup de chaves API com AWS IAM

    05:36

Seção 04 | Exibindo e Subindo Imagens

  1. 8.

    Acessando os arquivos do S3 pelo nosso App

    11:43
  2. 9.

    Upload simples de imagem com Server Actions e S3

    19:04

Seção 05 | Ajustes e Validações

  1. 10.

    Ordenar arquivos por data de modificação

    02:22
  2. 11.

    Validação para arquivos vazios

    01:57
  3. 12.

    Mensagens de sucesso e erro ao enviar imagem

    07:35
  4. 13.

    Criando validações de tipo de arquivo, tamanho e total de imagens.

    06:39

Seção 06 | Apagando Imagens

  1. 14.

    Apagando Imagens

    08:42
  2. 15.

    Estilizando o botão de apagar imagem

    03:10

Seção 07 | Uppy

  1. 16.

    Implementando a biblioteca Uppy

    19:38

Seção 08 | Finalização

  1. 17.

    Recapitulando

    02:48
Login
Workshops>Upload de arquivos para o S3 com Next.js>Requisitos do projeto

Requisitos do projeto

Vamos analisar os requisitos do mini-projeto Upload Imagens com S3 e Next.js. O objetivo é criar uma galeria que permite arrastar e soltar imagens para upload no Amazon S3. Inclui validações (tamanho máximo de 2 MB, até 20 fotos), uso de Server Actions, e funcionalidades de exclusão e visualização das imagens. Exploraremos Next.js, AWS S3, Tailwind CSS, e componentes de upload e galeria de imagens.

Comentários

(0)