Este é o meu portfólio pessoal, desenvolvido com Next.js. O site apresenta informações sobre minha trajetória, habilidades, experiências e serviços que ofereço.
- Next.js
- Google Fonts
- AOS (Animate on Scroll) para animações
meu_portfolio/
│
├── .github/
│ └── workflows/
│ └── deploy.yml
│
├── public/
│ └── assets
│
├── src/
│ └── app/
│ ├── assets/
│ │
│ ├── components/
│ │
│ ├── content/
│ │
│ ├── sections/
│ │
│ ├── stores/
│ │
│ ├── utils/
│ │ ├── functions/
│ │ └── hooks/
│ │
│ ├── global.css
│ ├── layout.tsx
│ └── page.tsx
│
├── next.config.ts
├── package-lock.json
├── package.json
├── postcss.config.mjs
├── tailwind.config.ts
└── tsconfig.json
Abaixo estão descrições detalhadas das principais pastas dentro da estrutura do projeto, para facilitar a compreensão e manutenção do código:
-
utils/(./src/app/utils/):
Contém utilitários reutilizáveis da aplicação. Está dividida em:-
hooks/(./src/app/utils/hooks/):
Hooks personalizados utilizados para abstrair lógicas de estado ou efeitos colaterais. -
functions/(./src/app/utils/functions/):
Funções utilitárias reutilizáveis que auxiliam em cálculos, formatações e outras tarefas.
-
-
stores/(./src/app/utils/stores/):
Arquivos responsáveis pelo gerenciamento de estado global utilizando Zustand. Cada store centraliza dados e ações relacionadas à sua parte da aplicação. -
content/(./src/app/utils/content/):
Contém os dados que alimentam as seções da página, como textos, listas de projetos, perguntas frequentes etc. Ideal para personalização sem alterar a lógica da aplicação. -
sections/(./src/app/utils/sections/):
Componentes principais da página, divididos por seção (ex: Sobre, Projetos, Contato). Cada arquivo representa uma área visível do site. -
components/(./src/app/utils/components/):
Componentes reutilizáveis menores, como botões, cards, ícones, ou elementos visuais utilizados em várias partes do layout.
A pasta meu_portfolio/src/app/content/ contém todos os conteúdos alteráveis da página. Nela você encontrará os arquivos responsáveis por textos, listas de projetos, habilidades, experiências e outras seções que aparecem no site.
Você pode editar diretamente os arquivos dessa pasta para modificar o conteúdo exibido, sem precisar alterar a estrutura ou os componentes do layout. Isso facilita a personalização do portfólio de forma rápida e segura.
⚠️ Importante: Evite remover arquivos da pastacontent/sem saber se eles são utilizados por alguma parte da aplicação. Modificações incorretas podem quebrar o layout ou causar erros de renderização.
A estrutura da página é composta por seções principais, cada uma localizada na pasta meu_portfolio/src/app/sections/:
- Sobre mim
- Soluções
- Depoimentos
- FAQ
- Projetos
- Jornada
- Contato
-
Clone o Repositório
git clone -b main --single-branch https://github.com/PedroFurtadoC/meu_portfolio.git
-
Abra o Projeto
cd meu_portfolio code .
-
Instale as dependências
npm i
-
Execute o projeto
npm run dev
-
Abra no navegador
http://localhost:3000/meu_portfolio
Este projeto está sob a Licença MIT.
Pedro Furtado Cunha
📧 pedrocunha.furtado@gmail.com
🔗 LinkedIn | GitHub | Portfólio Online