Neste artigo, vou compartilhar como publiquei minha landing page profissional usando o Amazon S3 e aproveitei o AWS Free Tier para hospedar meu site gratuitamente durante o primeiro ano.

Introdução

Recentemente, tirei a certificação AWS Certified Cloud Practitioner. Durante os estudos, descobri como é simples hospedar um site na AWS S3. Agora, enquanto me preparo para a certificação AWS Solutions Architects Associate, resolvi botar a mão na massa e criar meu próprio projeto: um site pessoal que serve como cartão de visita digital, apresentando meu currículo e os projetos que vou publicando. Além disso, criei um perfil no Medium para compartilhar minha jornada de aprendizagem na tecnologia, com ênfase nas soluções AWS.

Print do site

Por que Utilizar o AWS S3 e um Domínio Próprio?

Facilidade e Economia

• AWS S3: Hospedar sites estáticos no S3 é extremamente simples. Com a opção de Static Website Hosting, você só precisa enviar seus arquivos e configurar as permissões. Além disso, o AWS Free Tier oferece um ano gratuito, o que é perfeito para testar e lançar projetos sem custos iniciais.
• Registro de Domínio: Para dar um toque profissional, adquiri o domínio do meu site no registro.br por apenas R$40,00 ao ano. Essa pequena despesa garante que o seu endereço seja fácil de memorizar e transmita credibilidade.

Passo a Passo da Hospedagem

1. Criação do Bucket no AWS S3

O primeiro passo foi criar um bucket no AWS S3:

• Acesse o AWS Management Console e vá até o serviço S3.
• Clique em “Criar bucket” e escolha um nome único, de preferência relacionado ao seu domínio.
• Selecione a região desejada e conclua a criação.

2. Configurando o Bucket para Website Estático

Com o bucket criado, ative a opção de Static Website Hosting:

• No bucket, acesse a aba “Propriedades” e habilite a funcionalidade.
• Defina os arquivos de índice (por exemplo, index.html) e, se necessário, de erro.

Print propriedades do bucket

3. Aplicando a Política de Acesso

Para tornar o site acessível publicamente, configurei uma política de acesso que permite a leitura dos arquivos:

{
"Version": "2012-10-17",
"Statement": [
  {
    "Sid": "PublicReadGetObject",
    "Effect": "Allow",
    "Principal": "*",
    "Action": "s3:GetObject",
    "Resource": "arn:aws:s3:::seu-nome-do-bucket/*"
  }
]
}

4. Upload dos Arquivos do Projeto

Com o bucket configurado, realizei o upload dos arquivos do projeto, incluindo:

• index.html
• style.css
• script.js
• projectsData.js
• Imagens, PDFs e outros recursos.

Você pode fazer o upload manualmente pelo console ou utilizar o AWS CLI para automatizar o processo.

Print dos objetos da bucket

5. Configurando o Domínio

Após configurar o bucket, associei meu domínio adquirido no Registro.br ao bucket do S3. Isso foi feito por meio da criação de registros DNS (como CNAME ou Alias) apontando para a URL do site estático no S3. Essa integração garante que seu site seja acessado pelo endereço profissional que você comprou.

Print painel Registro.br

6. Testando e Validando o Site

Com tudo configurado, acesse a URL do seu domínio para verificar se o site está funcionando corretamente. Teste em diferentes dispositivos para confirmar a responsividade e o funcionamento dos efeitos, como o flip card e a exibição dos projetos.

Considerações Finais

A experiência de hospedar meu site na AWS S3 foi surpreendentemente simples e econômica. Ao combinar o AWS Free Tier com a aquisição de um domínio profissional no registro.br, consegui lançar uma landing page com aparência profissional sem altos custos iniciais. Essa abordagem é ideal para desenvolvedores e profissionais que desejam ter um portfólio online eficiente e de fácil manutenção.

Se você está buscando uma solução para hospedar seu site de forma rápida, escalável e sem complicações, recomendo experimentar o AWS S3 e investir em um domínio próprio para reforçar sua presença online.

Para dar uma olhada como ficou o meu site, acesse www.eduardolentz.com.br ☺

Espero que este guia inspire você a explorar novas formas de hospedar e gerenciar seu site. Se tiver dúvidas ou quiser compartilhar sua experiência, deixe um comentário abaixo!