Skip to content

rennegomes/blog-git

Repository files navigation

📖 Blog com GitHub Issues

Next.js
TailwindCSS
TypeScript
License: MIT

Este projeto é um blog dinâmico criado com Next.js 13 (App Router), React, TypeScript e TailwindCSS, onde os posts são gerenciados diretamente pelas Issues do GitHub.
Simples, prático e totalmente integrado com a API do GitHub! 🚀


✨ Funcionalidades

  • 🔗 Integração com a API do GitHub
  • 📝 Cada Issue se torna automaticamente um post do blog
  • 📌 Renderização do conteúdo em Markdown com suporte a GFM (tabelas, checklists, links, etc.)
  • 👤 Exibição de informações do perfil do autor via API
  • 🔙 Botão de voltar página utilizando useRouter()
  • 🎨 Interface moderna com TailwindCSS
  • ⚡ Geração de páginas estáticas com Next.js App Router

🛠️ Tecnologias


🚀 Como rodar o projeto

1️⃣ Clonar o repositório

git clone https://github.com/SEU-USUARIO/blog-posts.git
cd blog-posts

2️⃣ Instalar dependências

npm install
# ou
yarn install

3️⃣ Configurar variáveis de ambiente

GITHUB_TOKEN=seu_token_aqui
GITHUB_USERNAME=seu_usuario
GITHUB_REPO=blog-posts

4️⃣ Rodar em ambiente de desenvolvimento

npm run dev

📂 Estrutura do Projeto

src/
 ├─ app/
 │   ├─ components/     # Componentes reutilizáveis (Perfil, Card, Pesquisa, ButtonBack)
 │   ├─ posts/[number]  # Página dinâmica para cada post
 │   └─ page.tsx        # Página inicial
 ├─ lib/
 │   └─ github.ts       # Integração com a API do GitHub
 └─ styles/             # Estilos globais

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors