Meu Site Blog

Meu Site Blog

Um espaço onde compartilho projetos, artigos e experiências, enquanto experimento novas tecnologias e evoluo como desenvolvedor.

Sobre o projeto

Este projeto nasceu com dois objetivos: servir como meu portfólio profissional e como um ambiente onde posso estudar, testar novas tecnologias e compartilhar conhecimento.

Além da parte pública, onde apresento meus projetos, experiências e artigos, o sistema conta com um CMS desenvolvido do zero para gerenciar todo o conteúdo do blog. Nele é possível criar e editar posts em Markdown, gerenciar imagens, organizar publicações, acompanhar métricas e administrar o conteúdo de forma centralizada.

A aplicação foi desenvolvida utilizando uma arquitetura Full Stack, com frontend em Next.js, backend em NestJS, PostgreSQL, Redis e deploy na Vercel, além de contar com testes automatizados, otimizações de desempenho e recursos voltados para SEO.

Motivação

Este projeto surgiu da vontade de criar um ambiente onde eu pudesse desenvolver ideias, experimentar novas tecnologias e aprender na prática.

Nem sempre é possível utilizar novas ferramentas ou arquiteturas nos projetos em que atuo profissionalmente. Por isso, utilizo este projeto como um laboratório de estudos, onde posso testar soluções, validar abordagens e aprofundar meus conhecimentos antes de aplicá-los em outros projetos.

Evolução Contínua

Este projeto está em constante evolução. Sempre que estudo uma nova tecnologia ou identifico uma oportunidade de melhoria, procuro implementá-la aqui.

Meu objetivo é construir uma aplicação cada vez mais completa, aplicando boas práticas de desenvolvimento e explorando soluções que futuramente possam ser aplicadas em outros projetos.

Tecnologias Utilizadas

  • Frontend: Next.js, React, TypeScript, Tailwind CSS, shadcn/ui
  • Backend: NestJS, PostgreSQL, Redis, Sequelize, JWT Authentication
  • Deploy e Infraestrutura: Vercel, GitHub Actions, Docker
  • Testes: Jest, Supertest
  • Otimizações e Analytics: SEO, Google Analytics

Principais Funcionalidades

Blog

  • Editor Markdown para criação de artigos.
  • Busca por artigos com filtros por título e tags.
  • Sistema de tags e posts relacionados.
  • SEO otimizado com Open Graph e metadados.
  • Sistema de curtidas nos posts.

Painel Administrativo

  • Autenticação de usuários.
  • CRUD completo de posts.
  • Gerenciamento de tags.
  • Upload e gerenciamento de imagens.
  • Publicação imediata ou agendada.
  • Dashboard para gerenciamento completo do conteúdo.

Analytics

  • Integração com Google Analytics.
  • Métricas de acesso.
  • Mapa de visitantes.
  • Estatísticas em tempo real.

Qualidade do Projeto

  • Testes unitários, de integração e E2E.
  • Pipeline de CI/CD.
  • Cache com Redis.
  • Otimização de imagens.
  • Arquitetura Full Stack.