https://github.com/wiiiimm/gh-manager-cli-site
🌐 Official website and documentation for gh-manager-cli - The powerful terminal UI for GitHub repository management. Built with Next.js and Tailwind CSS.
https://github.com/wiiiimm/gh-manager-cli-site
cli-documentation developer-tools documentation gh-manager-cli github-cli github-management landing-page nextjs open-source react seo-optimization tailwindcss terminal-ui typescript vercel
Last synced: 10 days ago
JSON representation
🌐 Official website and documentation for gh-manager-cli - The powerful terminal UI for GitHub repository management. Built with Next.js and Tailwind CSS.
- Host: GitHub
- URL: https://github.com/wiiiimm/gh-manager-cli-site
- Owner: wiiiimm
- Created: 2025-09-03T03:26:51.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2025-09-14T04:50:58.000Z (5 months ago)
- Last Synced: 2025-09-14T06:24:17.395Z (5 months ago)
- Topics: cli-documentation, developer-tools, documentation, gh-manager-cli, github-cli, github-management, landing-page, nextjs, open-source, react, seo-optimization, tailwindcss, terminal-ui, typescript, vercel
- Language: TypeScript
- Homepage: https://gh-manager-cli.dev
- Size: 64.8 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Agents: AGENTS.md
Awesome Lists containing this project
README
# gh-manager-cli Landing Page
[](https://gh-manager-cli.dev)
[](https://github.com/wiiiimm/gh-manager-cli)
[](https://www.npmjs.com/package/gh-manager-cli)
## Overview
This is the official landing page for **gh-manager-cli** - an interactive TUI terminal app for browsing and managing GitHub repositories. Built with Next.js, TypeScript, and Tailwind CSS, featuring an optimized video demo and modern terminal-inspired design.
## 🚀 Live Site
**[https://gh-manager-cli.dev](https://gh-manager-cli.dev)**
## 📦 gh-manager-cli Links
- **GitHub Repository**: [https://github.com/wiiiimm/gh-manager-cli](https://github.com/wiiiimm/gh-manager-cli)
- **npm Package**: [https://www.npmjs.com/package/gh-manager-cli](https://www.npmjs.com/package/gh-manager-cli)
- **Quick Start**: `npx gh-manager-cli@latest`
## ✨ Features
- **🎥 Interactive Video Demo**: Optimized video showcasing the CLI in action
- **📱 Responsive Design**: Perfect experience on all devices
- **🌙 Dark/Light Theme**: Terminal-inspired design with theme toggle
- **⚡ Performance Optimized**: Fast loading with optimized assets
- **🎯 Smart UX Flow**: Guided user journey from demo to installation
- **📋 Multiple Installation Methods**: NPX, Homebrew, npm, and pre-built binaries
## 🛠️ Tech Stack
- **Framework**: Next.js 14 with App Router
- **Styling**: Tailwind CSS with custom terminal theme
- **Components**: Radix UI primitives with shadcn/ui
- **Typography**: Geist Sans & Geist Mono fonts
- **Icons**: Lucide React
- **Deployment**: Vercel
- **Video Optimization**: FFmpeg with GitHub raw URLs
## 🎬 Video Assets
The site features an optimized demo video with smart loading:
- **Original**: 59MB M4V → **Optimized**: 1.8MB MP4 (97% reduction)
- **GIF Preview**: 5.3MB for instant loading
- **Poster Frame**: 264KB for fast preview
- **Delivery**: GitHub raw URLs (zero bandwidth cost)
## 🚀 Development
```bash
# Clone the repository
git clone https://github.com/wiiiimm/gh-manager-cli-site.git
cd gh-manager-cli-site
# Install dependencies
pnpm install
# Start development server
pnpm dev
# Build for production
pnpm build
```
## 📁 Project Structure
```
├── app/ # Next.js app directory
│ ├── globals.css # Global styles and animations
│ ├── layout.tsx # Root layout with theme provider
│ └── page.tsx # Main landing page
├── components/ # Reusable components
│ ├── hero-video.tsx # Video demo component
│ ├── theme-toggle.tsx # Dark/light mode toggle
│ └── ui/ # shadcn/ui components
├── docs/ # Video source files
├── public/ # Static assets
└── styles/ # Additional CSS
```
## 🎨 Design System
- **Colors**: Terminal-inspired green palette with OKLCH color space
- **Typography**: Monospace fonts throughout for technical feel
- **Animations**: Subtle cursor blink and hover effects
- **Layout**: Centered content with responsive breakpoints
- **Theme**: Consistent dark/light mode with proper contrast
## 📱 Responsive Breakpoints
- **Mobile**: `sm:` (640px+)
- **Tablet**: `md:` (768px+)
- **Desktop**: `lg:` (1024px+)
- **Large**: `xl:` (1280px+)
## ⚡ Performance
- **Core Web Vitals**: Optimized for excellent scores
- **Image Optimization**: Next.js automatic optimization
- **Video Loading**: Progressive with GIF fallback
- **Code Splitting**: Automatic with Next.js
- **CDN Delivery**: Vercel Edge Network + GitHub raw URLs
## 🤝 Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
## 📄 License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## 🔗 Related Projects
- **[gh-manager-cli](https://github.com/wiiiimm/gh-manager-cli)** - The main CLI tool
- **[Ink](https://github.com/vadimdemedes/ink)** - React for CLIs (what powers gh-manager-cli)
---
**Built with ❤️ by [wiiiimm](https://github.com/wiiiimm)**