🚀 Mini Blog - Projeto Fullstack com Next.js & Firebase

Bem-vindo ao Mini Blog, uma aplicação moderna desenvolvida para demonstrar habilidades avançadas em desenvolvimento web, integração com backend serverless e boas práticas de UI/UX!

🛠️ Tecnologias & Skills Demonstradas

• Next.js: SSR, SSG, rotas protegidas e otimização de performance.
• React (Hooks): Gerenciamento de estado, efeitos colaterais e componentes funcionais.
• TypeScript: Tipagem estática, interfaces e segurança no desenvolvimento.
• Firebase (Firestore & Auth): CRUD em tempo real, autenticação de usuários e regras de segurança.
• Tailwind CSS: Design responsivo, estilização rápida e componentes reutilizáveis.
• Context API: Autenticação global e gerenciamento de sessão.
• ESLint & Prettier: Padronização e qualidade de código.
• Boas práticas: Validação de formulários, feedback visual, UX acessível e navegação protegida.

💡 Funcionalidades

• Cadastro e login de usuários
• Criação, listagem e visualização de posts
• Proteção de rotas para usuários autenticados
• Feedback visual para ações do usuário
• Interface responsiva e moderna

⚡ Como rodar o projeto

1. Clone o repositório

   git clone https://github.com/seu-usuario/mini-blog.git
   cd mini-blog

2. Instale as dependências

   npm install

3. Configure o Firebase

   • Crie um arquivo .env.local com suas credenciais:

     NEXT_PUBLIC_FIREBASE_API_KEY=...
     NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=...
     NEXT_PUBLIC_FIREBASE_PROJECT_ID=...
     NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=...
     NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=...
     NEXT_PUBLIC_FIREBASE_APP_ID=...
     NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID=...
     

4. Inicie o servidor

   npm run dev

5. Acesse

   • http://localhost:3000

📈 Diferenciais

• Código limpo, organizado e comentado
• Uso de hooks personalizados e Context API
• Integração completa com backend serverless
• UI responsiva e acessível