Projeto Upload de imagens com S3 e Next.js

Crie uma galeria de fotos com upload de imagens usando AWS S3 no Next.js

Assistir agora

1. O que vamos construir

Todos os nossos projetos são gratuitos, porém os tutoriais são exclusivos para membros do Codante PRO. Algumas aulas estão abertas para você experimentar.

Se gostar, considere assinar para ter acesso a todos os tutoriais e apoiar o projeto!

Seu Instrutor

Roberto Cestari

Codante.io

Fundador e Professor no Codante.io.

Foi Tech Lead de front-end e professor especialista em React.

Formado e Mestre pela USP e formado pela FGV - EAESP.

Fundador e desenvolvedor da plataforma Trilhante, uma das maiores empresas de educação jurídica do país.

Junte-se a outras 27 pessoas que estão fazendo esse mini projeto.

Projeto Upload de imagens com S3 e Next.js

Assistir agora

Seu Instrutor

Roberto Cestari

Aulas

O que vamos construir

Requisitos do projeto

Setup do projeto Next

Iniciando a estrutura HTML e Estilização

Estilizando a galeria de Fotos

Setup do S3 e permissões de leitura

Setup de chaves API com AWS IAM

Acessando os arquivos do S3 pelo nosso App

Upload simples de imagem com Server Actions e S3

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

Estilizando o botão de apagar imagem

Implementando a biblioteca Uppy

Recapitulando

Junte-se a outras 27 pessoas que estão fazendo esse mini projeto.