A modern dashboard to monitor GitHub Actions workflows across the django-cms organization's repositories.
- View GitHub Actions workflow runs for ALL repositories in the django-cms organization
- Search and filter repositories by name
- Paginated view for easy navigation through many repositories
- Real-time status updates with auto-refresh
- Secure authentication using GitHub personal access tokens (stored in environment variables)
- Responsive design for desktop and mobile
- Dark mode support
- Node.js 18.x or later
- npm or yarn
- GitHub Personal Access Token with appropriate permissions
- Clone the repository:
git clone https://github.com/yourusername/gh-action-dashboard.git
cd gh-action-dashboard- Install dependencies:
npm install
# or
yarn install- Set up your GitHub token in
.env.local:
NEXT_PUBLIC_GITHUB_TOKEN=your_github_token_here
- Start the development server:
npm run dev
# or
yarn dev- Open http://localhost:3000 in your browser.
To use this dashboard, you'll need a GitHub personal access token with the following scopes:
repo(for private repositories)workflow(for GitHub Actions access)
You can create a token at GitHub Developer Settings.
The dashboard is configured to display GitHub Actions data for the django-cms organization by default. This is hardcoded in the application.
- Search: Use the search box to filter repositories by name
- Pagination: Navigate through pages of repositories using the pagination controls
- Auto-refresh: Toggle automatic data refresh (every 60 seconds by default)
- Manual refresh: Click the refresh button to update data immediately
This application can be easily deployed to Vercel:
Make sure to add the NEXT_PUBLIC_GITHUB_TOKEN environment variable in your deployment settings.
- GitHub tokens are stored in environment variables or the browser's localStorage as a fallback
- API requests are made directly from the client to GitHub's API using your token
This project is licensed under the MIT License - see the LICENSE file for details.
© 2023-2024 django CMS Association. All rights reserved.
For more information about django CMS, visit https://www.django-cms.org