Open main menu
Workshops
Mini Projetos
Seja
PRO
Login
Workshops
Mini Projetos
Seja
PRO
Mais
Projeto
Upload de imagens com S3 e Next.js
Crie uma galeria de fotos com upload de imagens usando AWS S3 no Next.js
Select a tab
Resolução
Lista de requisitos
Resolução
Código Final
Submissões
Assistir agora
1.
O que vamos construir
Introdução
O que vamos construir
Requisitos do projeto
Setup HTML e Estilos
Setup do projeto Next
Iniciando a estrutura HTML e Estilização
Estilizando a galeria de Fotos
Setup S3
Setup do S3 e permissões de leitura
Setup de chaves API com AWS IAM
Exibindo e Subindo Imagens
Acessando os arquivos do S3 pelo nosso App
Upload simples de imagem com Server Actions e S3
Ajustes e Validações
Ordenar arquivos por data de modificação
Validação para arquivos vazios
Mensagens de sucesso e erro ao enviar imagem
Criando validações de tipo de arquivo, tamanho e total de imagens.
Apagando Imagens
Apagando Imagens
Estilizando o botão de apagar imagem
Uppy
Implementando a biblioteca Uppy
Finalização
Recapitulando
Junte-se a outras
33 pessoas
que estão fazendo esse mini projeto.