PORTFÓLIO

Conteúdo, design e desenvolvimento na prática.

Conheça as decisões por trás do DejotaCode, um projeto próprio em constante evolução.

Conhecer o projeto
Captura real da página inicial do DejotaCode no tema escuro

Projeto próprio

Idealizado e desenvolvido por Dejota.

Portal educativo

Conteúdo e trilhas para quem está começando.

Design e desenvolvimento

Da ideia à implementação, com foco na experiência.

Em evolução

Novas ideias e conteúdos são adicionados.

SOBRE

O projeto DejotaCode

O DejotaCode é um portal educativo criado para ajudar iniciantes a encontrar conteúdo sobre tecnologia, com trilhas de aprendizado e materiais organizados de forma simples e prática.

O desafio

Transformar opções demais e sequência de menos em um caminho compreensível para quem está começando.

A solução

Um portal com artigos, trilhas e recursos conectados, com explicações práticas e uma continuação clara.

VISUALIZAÇÃO

Uma experiência conectada

As principais partes do DejotaCode trabalhando juntas para orientar o aprendizado.

DETALHES

O que foi construído

Conteúdo organizado

102 artigos e tutoriais, com 5 trilhas disponíveis para orientar o aprendizado.

Navegação consistente

Blog, trilhas e recursos conectados, com uma identidade visual presente em todo o portal.

Base preparada para evoluir

Componentes reutilizáveis e verificações de qualidade para receber novos conteúdos e recursos.

TECNOLOGIAS E PROCESSO

Tecnologias e processo

Ferramentas escolhidas para organizar o conteúdo, facilitar a manutenção e sustentar a evolução do projeto.

  • Astro
  • TypeScript
  • Cloudflare
  • GitHub
Decisões técnicas

Responsabilidades separadas por camada

O frontend é gerado estaticamente com Astro e TypeScript. Formulários e métricas ficam em uma API separada em Cloudflare Workers, mantendo leitura e navegação independentes desses serviços.

  • Cloudflare Pages no frontend e D1 para persistência na API. R2 está previsto para mídia do ecossistema.
  • Conteúdo estruturado em Blog e Trilhas, com componentes reutilizáveis.
  • Metadados por rota, dados estruturados, canonical, RSS, sitemap e links internos contextuais.
  • Guia gratuito e newsletter com consentimento explícito no envio.
  • Analytics first-party agregado para páginas e chamadas, sem cookies ou fingerprinting nesse fluxo.
  • GitHub Actions executa instalação determinística, Astro check e build em pull requests e pushes para main, sem credenciais de deploy no workflow.
Como o projeto evolui

Auditar, ajustar e validar

As mudanças partem de uma revisão do estado atual, seguem um escopo definido e passam por comparação visual e verificações de qualidade. Integração de código e publicação são etapas separadas.

Branches pequenas, revisão de diff e CI antes da integração ajudam a reduzir retrabalho. Deploy, tag e release permanecem separados desse fluxo.

Aprendizados que orientam as próximas entregas

  • Conteúdo também é arquitetura: categorias, trilhas, links e próximas ações precisam funcionar juntos.
  • Métricas precisam responder perguntas úteis sobre o projeto.
  • Verificações automáticas fazem da qualidade básica uma condição do desenvolvimento.
  • Recomendações precisam de contexto; o projeto evita promessas de enriquecimento e resultados inventados.
Conhecer os princípios editoriais

Este é um projeto próprio em evolução. As entregas descrevem o produto e seu desenvolvimento; não representam resultados de audiência, receita ou conversão.

VAMOS CONVERSAR?

Vamos tirar sua ideia do papel?

Conheça os serviços e converse sobre seu projeto.