A simple landing page created in Next.js

Landing Page Next.JS.

Tópicos

Landing Page Next.js

📝 O projeto consiste em uma simples landing page, construída em Next.JS utilizando o conceito de SSG(Static Site Generation). Todo o template é cosntruído no momento de build da aplicação, fazendo com que não seja necessário bater na API novamente para gerar o conteúdo, já que todo ele é gerado no momento de build da aplicação.

🗃️ Todo o conteúdo é disponibilizado através de uma simples API feita com o CMS Strapi(Gerenciador de conteúdo), fazendo com que eu tenha a liberdade pra mudar o conteúdo da página futuramente.

⚡ Decidi utilizar o GraphQL, pra trazer os dados da API, essa decisão se deu pelo fato de que o GraphQL nos permite fazer o request apenas das informações que precisamos, resultando assim em uma melhor performance das requisições, além de que como eu tô utilizando typescript nesse projeto, o GraphQL me permitiu montar meus dados da response com as mesmas chaves utilizadas nas interfaces dos componentes. Sei que o GraphQL vai muito além do que utilizei aqui, mas sem dúvida essa ferramenta é fenômenal.

✅ Os testes dos componentes foram feitos com Jest e React Testing Library, foram testes simples, mas que garantiu um pouco mais de qualidade aos componentes dessa landing page.

Tecnologias e Ferramentas

As seguintes tecnologias foram utilizadas no desenvolvimento do projeto:

Instalação e Uso

Para rodar a aplicação, você precisa instalar o Node

Siga os passos abaixo:

# Abra um terminal e copie este repositório com o comando
$ git clone https://github.com/vitorSantanaDev/client-codesec-clone.git
# ou use a opção de download.

# Entre na pasta com
$ cd client-codesec-clone

# Instale as dependências
$ yarn install

# Rode a aplicação
$ yarn start

Feito com 🧑‍💻 by Vitor_Santana