rafaabatistas/98barbershop
Website criado para a 98barbershop, barbearia localizada em Guarulhos-SP, que agora procura aumentar sua visibilidade criando sua localização no mundo digital.
🔥 Acesso ao Projeto
Clique aqui para acessar o projeto.
Clique aqui para acessar a nossa documentação da UI.
🎯 Objetivo
Com a proposta de criar um projeto para a barbearia 98Barbershop, a gente se propôs a criação de um website que vai trazer uma nova forma de comunicação com seus clientes. Foi feita em primeira instância um estudo de caso, como, entender as necessidades do público alvo da empresa para assim poder de forma correta escolher todas as fontes, formas e cores capazes de estabelecer uma comunicação eficiente com os clientes dentro do projeto. Entretando é preciso ter também uma boa performance e boa indexação no Google, e nada melhor do que utilizar o NextJS com boas práticas para obter esse resultado.
🛠️ Ferramentas
- TypeScript
- NextJS
- Styled Components
- Storybook
- Jest
- React Testing Library
- Eslint
- Prettier
- Husky
- Axios
- GraphQL
🚧 Variáveis de Ambiente
| Chave | Descrição |
|---|---|
GRAPHQL_HOST |
URL da API que utiliza comunicação GraphQL. |
GRAPHQL_TOKEN |
Token para o acesso da API ser aceito. |
MODEL_ID |
Caso utilize o Dato CMS insira o ID da model em que se armazenará os dados, caso contrário adapte da forma da qual será usada. |
NEXT_PUBLIC_MAPBOX_API_KEY |
Token de acesso ao mapbox. |
NEXT_PUBLIC_MAPBOX_USERID |
Nome do usuário da conta do mapbox |
NEXT_PUBLIC_MAPBOX_STYLEID |
ID para acesso a estilização do mapbox. |
🚀 Como iniciar a aplicação localmente
Faça um clone desse repositório
git clone https://github.com/rafaabatistas/98barbershopInstale as dependências
yarn installDê start ao projeto
yarn build
yarn start