Code
IssuesPull Requests

shadcn-github

About

A GitHub repository browser built with Next.js and shadcn/ui

shadcn-github.vercel.app
No license
0stars
0watching
0forks

Releases
150

GitHub CLI 2.39.2
last week
GitHub CLI 2.39.1
last month
maxwisemanchore: update readme
372c891
README.md

shadcn-github

A GitHub repository browser built with Next.js and shadcn/ui. Search and explore GitHub repositories with syntax-highlighted code preview, pull requests, issues, and an interactive file tree.

Features

  • Repository search - Find any GitHub repository by name
  • Code browsing - Navigate files with an interactive file tree and syntax-highlighted code preview
  • Pull requests - View pull request details and file diffs
  • Issues - Browse and read repository issues
  • Dark mode - Light and dark theme support
  • Demo mode - Configure predefined repositories for showcasing without hitting API rate limits

Tech Stack

  • (App Router, React Server Components)
  • with React Compiler
  • component library
  • for GitHub API
  • for authentication
  • with PostgreSQL (Neon)
  • monorepo

Getting Started

Open to use the app.

Project Structure

Scripts

CommandDescription
bun run devStart all apps in development mode
bun run buildBuild all packages and apps
bun run check-typesTypeScript type checking
bun run checkLint and format check
bun run fixAuto-fix lint and format issues
bun run db:pushPush schema changes to database
bun run db:studioOpen Drizzle Studio

Environment Variables

VariableRequiredDescription
DATABASE_URLYesPostgreSQL connection string
BETTER_AUTH_SECRETYesAuth secret (32+ characters)
BETTER_AUTH_URLYesApp URL for auth
GITHUB_TOKENNoGitHub PAT for higher rate limits
DEMO_REPOSNoComma-separated owner/repo list for demo mode