Meu Portfólio

Este repositório contém o código-fonte do meu site de portfólio pessoal, desenvolvido com Next.js, Tailwind CSS, React e TypeScript. O site é totalmente responsivo e conta com funcionalidades de troca de tema (dark mode e light mode) e internacionalização (troca de idiomas).

Tecnologias Utilizadas

• Next.js: Framework React para renderização server-side e geração de sites estáticos.
• Tailwind CSS: Biblioteca de estilos utilitários para construção rápida de interfaces customizadas.
• React: Biblioteca JavaScript para construção de interfaces de usuário.
• TypeScript: Superset de JavaScript que adiciona tipos estáticos ao código.
• i18n: Biblioteca para internacionalização, facilitando a tradução do site para diferentes idiomas.

Arquitetura do Projeto

O projeto segue uma arquitetura baseada em componentes, modular e organizada, facilitando a manutenção e escalabilidade.

/
├── public/                 # Arquivos estáticos acessíveis publicamente
│   ├── aurelio_ribeiro.pdf
│   ├── next.svg
│   └── vercel.svg
├── src/
│   ├── app/                # Diretório principal da aplicação (App Router)
│   │   ├── favicon.ico
│   │   ├── globals.css     # Estilos globais
│   │   ├── layout.tsx      # Layout principal da aplicação
│   │   └── page.tsx        # Página inicial
│   ├── assets/             # Recursos estáticos como imagens e dados
│   │   ├── data/           # Dados de projetos e experiências (separados por idioma)
│   │   └── images/         # Imagens e logos
│   ├── components/         # Componentes React reutilizáveis
│   │   ├── sections/       # Componentes que representam seções da página
│   │   └── *.tsx           # Componentes individuais (botões, cards, etc.)
│   ├── contexts/           # Contextos React para gerenciamento de estado global
│   │   └── ThemeContext.tsx
│   ├── hooks/              # Hooks React customizados
│   ├── types/              # Definições de tipos TypeScript
│   └── i18nify.ts          # Configuração da internacionalização (i18n)
├── locales/                # Arquivos de tradução
│   ├── en.json
│   └── pt.json
├── .gitignore
├── next.config.mjs
├── package.json
├── postcss.config.mjs
├── README.md
├── tailwind.config.ts
└── tsconfig.json

Detalhes da Arquitetura

• src/app: Utiliza o App Router do Next.js. O layout.tsx define a estrutura visual comum a todas as páginas, e o page.tsx é a página principal.
• src/assets: Armazena todos os recursos estáticos. As imagens estão em , e os dados de projetos e experiências estão em , com arquivos separados para cada idioma, permitindo a internacionalização do conteúdo.