Hacka Newsletter v2.0

Projeto de site newsletter para a comunidade HackoonSpace, utilizando TypeScript, Next.js, React.js, integrações com a API do Mailchimp e reCAPTCHA v3 do Google.

É possível acessá-la por meio deste link.

Acesse este repositório para visualizar a versão 1.0 desta Newsletter, sem React.

Configuração de ambiente

Para quem deseja executar este projeto em sua própria máquina, é necessário:

• Ter o Node.js e o NPM instalados em sua máquina
• Instalar os pacotes requeridos em package.json
• Criar um arquivo .env.local com as credenciais necessárias (usar .env.example como base)
• Utilizar o script npm run build para compilar os arquivos .tsx
• Utilizar o script npm run start para executar

Variáveis de ambiente

As variáveis de ambiente necessárias para este projeto são:

• MAILCHIMP_API_KEY: chave de API da plataforma Mailchimp
• MAILCHIMP_PREFIX: prefixo do servidor em que sua conta Mailchimp se localiza
• MAILCHIMP_LIST_ID: ID da lista de contatos criada na sua conta Mailchimp
• RECAPTCHA_SECRET_KEY: Chave secreta (usada no servidor) do reCAPTCHA V3
• NEXT_PUBLIC_RECAPTCHA_PUBLIC_KEY: Chave pública (usada no cliente) do reCAPTCHA V3
• CONTENT_SECURITY_POLICE_GOOGLE_HASH: Hash 256 do script inline do Google reCAPTCHA V3 (leia mais sobre isso e saiba como obter aqui)

A fazer

• DNS próprio (talvez subdomínio no domínio do HackoonSpace)
• Mandar e-mail ao se cadastrar/descadastrar na newsletter

Imagens

Autores:

• Marcus Vinícius Natrielli Garcia (@InfiniteMarcus)