VOLTAR

Full Stack

Blog

Blog

Projeto de aprendizado com Next.js

Projeto combinando frontend e backend em uma aplicação de blog moderna.

Este projeto foi construído para praticar fluxo full-stack com foco em:

  • autenticação
  • rotas protegidas
  • CRUD de conteúdo
  • busca
  • uso de cache

Stack

  • Next.js 16 + React 19 + TypeScript
  • Convex (database, queries, mutations e storage)
  • Better Auth
  • Tailwind CSS + shadcn/ui
  • React Hook Form + Zod

Features

  • Login e cadastro com email/senha
  • Rotas restritas para usuários autenticados
  • Criação e listagem de posts com upload de imagem
  • Página de detalhe com comentários
  • Busca de posts por texto (search)
  • Presença em tempo real no post
  • Uso de cache para melhorar desempenho de leitura
  • Suporte a tema claro/escuro