DevHub · Execução e terminal
DevHub · Central de Projetos

Abra. Execute.Acompanhe.

Ações do projeto e terminal integrado no mesmo ambiente.

Uma central para abrir, rodar e cuidar de todos os projetos.

App desktopAcervoPessoal

  • Tauri 2
  • Rust
  • React 18
  • TypeScript
DevHub · Execução e terminalExecução
local
Terminal
integrado
Ferramentas
do projeto
DevHub · Central de Projetos

Abra. Execute.Acompanhe.

Ações do projeto e terminal integrado no mesmo ambiente.

  • Tauri 2
  • Rust
  • React 18
  • TypeScript

Uma central para abrir, rodar e cuidar de todos os projetos.

App desktopAcervoPessoal

  • Tauri 2
  • Rust
  • React 18
  • TypeScript

PortfólioDevHub Central de Projetos

O acervo

Dezenas de projetos, uma janela só.

Quem trabalha em muitos projetos perde tempo só procurando a pasta certa. A central lista todos, com busca por nome ou tecnologia, filtro por categoria e por plataforma, favoritos e duas formas de ver. Experimente aqui.

  • Next.jsGalorysSites · WebRodando · :3000
  • Next.jsBabyShoesE-commerce · WebParado
  • TauriDayForgeDev Tools · DesktopParado
  • TauriProjectZipperDev Tools · DesktopRodando · Tauri
  • Next.jsRecóleoSites · WebParado
  • TauriMarkViewDev Tools · DesktopParado
  • TauriCredHubFinanças · DesktopParado
  • TauriImageForgeImagem e vídeo · DesktopParado
  • Next.jsPraia JeNSites · WebParado
  • TauriVideoForgeImagem e vídeo · DesktopParado
  • TauriWorkbenchDev Tools · DesktopParado
  • Next.jsTicTurE-commerce · WebParado

A busca, os filtros, os favoritos e a troca entre grade e lista são os do programa; as capas são as dos projetos no próprio catálogo. Aqui aparece uma amostra de 12.

As ações

Cada projeto com os seus botões.

Aberto um projeto, a central mostra o que dá para fazer com ele sem abrir outra janela. Clique num botão: o console do lado mostra o comando que o programa manda o computador rodar.

React · Vite
Roblox App AssetsRodando · :4051

Plataforma de modelos 3D, com React e Three.js.

Console · Roblox App Assets

taskkill /PID 18432 /T /F

O que aconteceEncerra o processo do projeto e todos os que ele abriu, e libera a porta.

Os botões são os do cartão do programa e os comandos são os que o código roda (process_manager.rs, port_owner.rs). O número do processo e a pasta são de exemplo.

Cena do projeto: a aba de hospedagem aberta no notebook, com nuvem e banco ao redor

DevHub · Ferramentas e hosting

Mais controle. Menos dispersão.

Ferramentas de manutenção e hosting reunidas na minha central de projetos.

Análise de discoEncontre pastas pesadas
e libere espaço com facilidade.
Targets compartilhadosLibere projetos sem quebrar
os outros.
Backup em loteGerencie backups de vários
projetos de uma vez.
Uma central criada para sustentar meu fluxo de desenvolvimento.

Depois que o projeto está de pé, começa a outra metade do trabalho: hospedar, medir espaço, guardar cópias. A central junta isso numa aba só, para não abrir mais um painel em outra janela.

  • SitesOs sites publicados, com domínio e estado.
  • BancosOs bancos de dados de cada site.
  • DomíniosDomínios e subdomínios ligados.
  • DNSAs entradas de DNS de cada domínio.
  • DeployO envio dos arquivos para o ar.
  • ArquivosO que está na pasta do servidor.

Análise de disco de um projeto

  • node_modules4.2 GB
  • .next1.2 GB
  • dist640 MB
  • target2.8 GB
  • public210 MB

Somando tudo: 9.0 GB, e quase tudo volta sozinho num “instalar” novo.

As abas e as ferramentas são as do programa. Os tamanhos aqui são um exemplo típico; a medição de verdade é feita pasta por pasta no computador.

O começo

Projeto novo não começa do zero.

Abrir uma pasta vazia é a parte mais lenta de começar. Na central, escolhe-se o setor e o programa copia uma base que já funciona, tira a marca antiga e deixa o projeto pronto para receber o conteúdo novo.

Escolha o setor

A base

Loja baseCarrinho, catálogo e checkout já montados.

O projeto novo

Projeto NovoE-commerce

O que o programa faz

  1. Copiar a base para a pasta nova
  2. Trocar o nome e o ícone
  3. Tirar a marca antiga dos arquivos
  4. Instalar as dependências
  5. Abrir o projeto na central

Os setores e a ideia de começar de uma base saem do código (NewProjectModal). O nome do projeto novo é escolhido na hora da criação.

As tecnologias

Do que é feito, peça por peça

Uma janela só para todos os projetos: a tela é React dentro do Tauri 2, e o Rust por trás lê as pastas, abre os processos, copia, compacta e mede o disco. Escolha uma peça para ver o que ela faz aqui e em que arquivo está.

14tecnologias, em 3 camadas

Tela

Janela e arquivos

Recursos

As telas

A central por dentro.

Telas reais do programa, na ordem em que se usa: achar o projeto, pôr para rodar, hospedar e manter. Escolha um grupo; toque ou passe o mouse para destacar uma tela e clique para ver grande.

Ficaram de fora as telas de conta e saldo da hospedagem e as variações do mesmo filtro. Os projetos nos cartões são do próprio autor.