Este é o meu projeto de portfólio construído com Next.js, React, TailwindCSS e TypeScript. Ele usa Next.js para renderização do lado do servidor e roteamento, React para construção dos componentes da interface do usuário e TypeScript para tipagem estática. Além das bibliotecas Frame Motion e Three.js para Animações e 3D respectivamente.
Primeiro, clone o repositório:
git clone https://github.com/darkmoonsk/portfolio-v2.git
Em seguida, instale as dependências:
cd portfolio-v2
npm install
Para iniciar o servidor de desenvolvimento, execute:
npm run dev
Agora você pode acessar o aplicativo em http://localhost:3000
.
O código fonte do projeto está localizado na pasta src
. Aqui estão alguns dos principais diretórios e arquivos:
components
: Contém os componentes React que compõem a interface do usuário.app
: Contém os componentes de página do Next.js.constants
: Contém as constants do projeto.utils
: Contém funções utilitárias.
Este projeto usa as seguintes dependências:
@heroicons/react
: Para ícones SVG.next
: O framework Next.js.react
: A biblioteca React.react-dom
: A biblioteca React DOM.react-icons
: Para ícones React.@react-three/drei
: Para trabalhar com Three.js no React.@react-three/fiber
: Para trabalhar com Three.js no React.@types/node
: Para tipos TypeScript para Node.js.@types/react
: Para tipos TypeScript para React.@types/react-dom
: Para tipos TypeScript para React DOM.autoprefixer
: Para prefixação automática de CSS.eslint
: Para linting de código JavaScript.eslint-config-next
: Configuração ESLint para Next.js.framer-motion
: Para animações.postcss
: Para transformação de CSS.react-intersection-observer
: Para observar intersecções de elementos.tailwindcss
: Para estilos CSS.three
: Para gráficos 3D.typescript
: Para tipagem estática.
Este projeto é licenciado sob a licença MIT. Veja o arquivo LICENSE
para mais detalhes.