---

Alura FAQ

Projeto desenvolvido durante o curso: Next.js: Trabalhando com um CMS.

Índice

1. Sobre
2. Funcionalidades
3. Como executar
4. Tecnologias
5. Autor
6. Licença

📑 Sobre

O Alura FAQ é um projeto que inicialmente continha apenas conteúdos estáticos (dados fixos no código) e que foi integrado com o DatoCMS, afim de serem gerenciados e personalizados por meio de uma interface administrativa.

⚙ Funcionalidades

• Usuário administrador da plataforma CMS, poderá customizar informações globais e específicas de cada página, tais como:

  • Hero da página inicial
    • Título
    • Descrição
    • Botão de CTA
  • Página FAQ
    • Título
    • Descrição
    • Criar novos itens de FAQ
    • Criar conteúdo interno de cada item de FAQ
  • Footer
    • Texto de direitos

  

• Visitante poderá acessar a página de FAQ e encontrar as principais perguntas e respostas de um determinado assunto que foi cadastrado na plataforma de CMS, visualizando o conteúdo interno de cada item.

  

  

  

🚀 Como executar

Pré-requisitos

É necessário que se tenha um projeto criado no DatoCMS com o seu respectivo token, para ser possível integrá-lo ao projeto, assim como os schemas de entradas já pré-definidos para o consumo no projeto.

! AVISO

No procedimento abaixo, é fornecido um token de um projeto criado no DatoCMS, assim como os schemas e dados já cadastrados.

Executar o projeto localmente

1. Clone o repositório

git clone [email protected]:felipe-dr/alurafaq-web-next.git

2. Acesse a pasta do projeto no seu terminal / cmd

cd alurafaq-web-next

3. Instale as dependências

• Utilizando pnpm

pnpm install

• Utilizando npm

npm install

• Utilizando yarn

yarn install

4. DatoCMS

• Navegue até o arquivo .env.example na raíz do projeto
• Copie a chave e o valor DATO_TOKEN
• Crie um arquivo chamado .env na pasta raíz do projeto e cole a chave copiada anteriormente

5. Execute a aplicação em modo de desenvolvimento

• Utilizando pnpm

pnpm dev

• Utilizando npm

npm run dev

• Utilizando yarn

yarn dev

6. A aplicação estará disponível na porta: 3000

http://localhost:3000

🛠 Tecnologias

• Next.js
• React.js
• Styled components
• DatoCMS

Veja o arquivo package.json na íntegra.

🦸 Autor

Felipe DR 📩

📝 Licença

Este projeto está sob a licença MIT.