Repository files navigation

Tecnologias   |   Projeto   |   Link do Projeto   |   Licença

Esse projeto foi desenvolvido com as seguintes tecnologias:

• React
• TypeScript
• Styled Components
• Prismic CMS
• EmailJs

Projeto de portifólio feito em React com TypeScript. O seção de Portifólio e Sobre do site é alimentada pelo Prismic CMS.

Para executar o projeto na sua máquina, baixe ou clone o repositório e execute os comandos:

Para configurar a seção de "Portfólio" e "Sobre" é necessário criar conta nohttps://prismic.io e configurar conforme instruções a seguir. A configuração de conexão do prismic deve ir em um aquivo .env seguindo o arquivo .env.example.

O arquivo de configuração da importação do prismic está no diretório src/services . Mais detalhes na documentação a seguir:https://prismic.io/docs/setup-react .

Após criada a conta no Prismic, deve se criar dois custom types como na imagem a seguir:

O Custom Type "About Me" deve seguir a seguinte estrutura:

O Custom Type "Portfolio" deve seguir a seguinte estrutura:

Em seguida, para importar o conteúdo do Prismic basta configurar o arquivo posts.ts em src/helpers/prismic:

Para criar o conteúdo no Prismic basta entrar no dashboard Prismic, selecionar o reposotório criado, selecionar o tipo de documento criado clicar em create new, preencher os campos e salvar:

Após publicar, o documento será carregado no site

https://eusouosamuel.vercel.app

Esse projeto está sob a licença MIT. Veja o arquivoLICENSE para mais detalhes.

Feito com ♥ by Samuel 👋🏻Veja outros projetos!