Skip to content

Latest commit

 

History

History
189 lines (126 loc) · 3.17 KB

File metadata and controls

189 lines (126 loc) · 3.17 KB

GitLog Branding Improvements - Implementation Status

Date: 2026-03-09
Status: Partial Implementation


✅ Completed Improvements

1. GitHub Repo Details API ✅

File: src/app/api/github/repo-details/route.ts

Features:

  • ✅ Fetches repo details from GitHub API
  • ✅ Gets user avatar, description, stars, forks
  • ✅ Returns user/repo URLs
  • ✅ Handles missing GitHub token gracefully
  • ✅ Error handling with fallback data

API Endpoint:

POST / api / github / repo - details;
Body: {
  (username, repo);
}

Response: {
  (name, description, stars, forks, avatar, url, userUrl, company, blog, location);
}

2. GitHub Metadata Component ✅

File: src/app/(public)/changelog/[username]/[repo]/page.tsx

Added:

  • GitHubRepoHeader client component
  • ✅ Fetches repo details on mount
  • ✅ Loading skeleton state
  • ✅ Displays:
    • User avatar (linked to GitHub)
    • Repo name with badge
    • Description
    • User link
    • Repo link
    • Stars count
    • Forks count
    • Company
    • Location
    • Blog link

UI Features:

  • Avatar links to GitHub user
  • All links open in new tab
  • Hover effects
  • Responsive layout
  • Fallback data if API fails

⏳ Pending Improvements

3. Enhance Footer CTA ⏳

Status: Already good, minor enhancement needed

Current:

<a href="https://gitlog.app" className="...">
  <GitMerge className="h-4 w-4" />
  Create your changelog
</a>

Suggested: Add Sparkles icon, make button more prominent


4. Social Sharing Buttons ⏳

Not Implemented Yet

Needed:

  • Twitter share button
  • LinkedIn share button
  • Copy link button

5. RSS Feed ⏳

Not Implemented Yet

Needed:

  • RSS API endpoint
  • Add to page metadata
  • Auto-generate from entries

6. More from User Section ⏳

Not Implemented Yet

Needed:

  • Fetch user's other repos
  • Display cross-links
  • Show entry counts

📝 Notes

What Works Now

Public changelog pages now show:

  1. ✅ GitHub user avatar
  2. ✅ Repo description
  3. ✅ Stars & forks count
  4. ✅ Links to GitHub
  5. ✅ User/company info
  6. ✅ Location & blog links

Example URL:

https://gitlog.app/changelog/acme/corp-website

Displays:

[Avatar]  acme/corp-website Changelog  [5 entries]
          Automated changelog for Corp Website

          @acme  •  corp-website  •  ⭐ 1.2k  •  🍴 234
          Corp Inc.  •  San Francisco  •  Blog

Files Modified

  1. src/app/api/github/repo-details/route.ts - NEW
  2. src/app/(public)/changelog/[username]/[repo]/page.tsx - UPDATED

Next Steps

To complete remaining improvements:

  1. Social Sharing (15 min)

    • Add share buttons below header
    • Twitter, LinkedIn, Copy link
  2. RSS Feed (20 min)

    • Create RSS API endpoint
    • Add to page metadata
  3. More from User (20 min)

    • Fetch user's other repos
    • Display section at bottom
  4. Footer Enhancement (5 min)

    • Make CTA more prominent
    • Add Sparkles icon

Status: 2/6 improvements complete (33%)
Next: Social Sharing Buttons


Last Updated: 2026-03-09
Implementation in Progress