Pular para o conteúdo
Voltar para projetos

Olá Mundo

Blog de tecnologia com React Router e rotas dinâmicas por post.

Visitar site

Contexto

Exercício de curso da Alura: um blog de tecnologia com oito posts, cada um na própria rota. O foco do estudo é roteamento no cliente, e é o que a página exercita de ponta a ponta.

Papel

Estudo próprio, sem cliente. Montei o roteamento, o layout compartilhado e a renderização dos posts a partir do material do curso. Os textos dos posts são do curso; a página "sobre mim" é minha.

Stack

  • React
  • React Router
  • react-markdown
  • CSS Modules
  • Create React App

Destaques

  • Quatro rotas sobre um layout compartilhado: home, post, sobre mim e uma página 404 dedicada.
  • Rota dinâmica por post (`/posts/:id`), com navegação no cliente que não pede documento novo e deep link que sobrevive ao recarregamento.
  • Conteúdo de cada post renderizado como markdown, com subtítulos, listas, imagens e links externos.
  • Cada post fecha com quatro recomendações de leitura, que é o que costura os oito num blog em vez de oito páginas soltas.

Outros cases