Upload de arquivos para AWS S3 pelo Frontend em Next.js – Ismael Ash
O processo de upload de arquivos para o AWS S3 pelo Frontend em Next.js pode parecer complexo à primeira vista, mas com um pouco de prática e conhecimento é algo bastante viável.
Passos para realizar o upload de arquivos para o AWS S3 em Next.js:
- Crie uma conta na AWS e configure suas credenciais de acesso no seu ambiente de desenvolvimento.
- Instale o pacote `aws-sdk` no seu projeto Next.js para poder interagir com o serviço S3 da AWS.
- Crie um formulário HTML para permitir que os usuários selecionem e enviem arquivos para o S3.
- Use JavaScript para capturar o evento de envio do formulário e enviar o arquivo para o S3 usando a API do AWS SDK.
- Após o upload do arquivo, é possível armazenar os metadados (URL, nome do arquivo, etc.) em um banco de dados para facilitar o acesso posterior.
- Pronto! Você agora está apto a realizar o upload de arquivos para o AWS S3 pelo Frontend em Next.js.
Com esses passos simples, você poderá fornecer aos usuários uma maneira fácil e segura de enviar arquivos para o S3 da AWS diretamente do seu aplicativo web desenvolvido em Next.js. Não se esqueça de tomar as medidas necessárias para proteger sua aplicação e os dados dos usuários, como autenticação e autorização adequadas.
Mas essas chaves access e secret do usuário criado da AWS vai para o frontend e qualquer um consegue pegar elas e fazer um estrago na conta rss. Teria que restringir somente para enviar arquivo nesse bucket ou fazer uma rota de API como middleware para deixar o access_key e secret_key privados, já que mesmo enviando publicamente, qualquer um pode sobrescrever os arquivos.