From a055d356621a2b99f35cb7ff7fc2ce0b82e0627d Mon Sep 17 00:00:00 2001 From: maruf-pfc Date: Mon, 6 Apr 2026 00:38:33 +0600 Subject: [PATCH 1/2] feat: add Vercel configuration for SPA routing and update README --- README.md | 11 +++++++++++ vercel.json | 9 +++++++++ 2 files changed, 20 insertions(+) create mode 100644 vercel.json diff --git a/README.md b/README.md index 95ac7c6..c992848 100644 --- a/README.md +++ b/README.md @@ -88,6 +88,17 @@ docker-compose up -d The application will be accessible at `http://localhost:8080`. +## 🚀 Deployment + +### GitHub Pages (Default) +The project is configured to deploy to GitHub Pages automatically on every push to the `main` branch. +See [.github/workflows/deploy.yml](.github/workflows/deploy.yml) for details. + +### Vercel +To deploy to Vercel, connect your repository to Vercel and it will automatically detect the Vite environment. The provided [vercel.json](vercel.json) ensures correct SPA routing. + +[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fblackstart-labs%2Fgithub-issue-tracker) + ## 🧪 Testing Run unit tests with Vitest: diff --git a/vercel.json b/vercel.json new file mode 100644 index 0000000..d545513 --- /dev/null +++ b/vercel.json @@ -0,0 +1,9 @@ +{ + "rewrites": [ + { + "source": "/(.*)", + "destination": "/index.html" + } + ], + "cleanUrls": true +} From ae2effb22c92dfc6091c9404b2464cab58156558 Mon Sep 17 00:00:00 2001 From: maruf-pfc Date: Mon, 6 Apr 2026 00:49:04 +0600 Subject: [PATCH 2/2] refactor: navbar centering, fix rate limit display, add star incentive, and remove GH Pages --- .github/workflows/deploy.yml | 34 -------- README.md | 12 ++- src/assets/styles/base.css | 8 ++ src/components/layout/AppHeader.vue | 129 ++++++++++++++++++++-------- vite.config.js | 3 +- 5 files changed, 106 insertions(+), 80 deletions(-) delete mode 100644 .github/workflows/deploy.yml diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml deleted file mode 100644 index 0fd9679..0000000 --- a/.github/workflows/deploy.yml +++ /dev/null @@ -1,34 +0,0 @@ -name: Deploy to GitHub Pages - -on: - push: - branches: [ main ] - -permissions: - contents: write - -jobs: - build-and-deploy: - runs-on: ubuntu-latest - steps: - - name: Checkout 🛎️ - uses: actions/checkout@v4 - - - name: Setup Bun 🍞 - uses: oven-sh/setup-bun@v2 - with: - bun-version: latest - - - name: Install and Build 🔧 - run: | - bun install - # Set the base path for production build if needed - # or we can handle it in vite.config.js - bun run build - - - name: Deploy 🚀 - uses: JamesIves/github-pages-deploy-action@v4 - with: - branch: gh-pages # The branch the action will deploy to. - folder: dist # The folder the action should deploy. - clean: true # Automatically remove deleted files from the deploy branch diff --git a/README.md b/README.md index c992848..390ff38 100644 --- a/README.md +++ b/README.md @@ -1,13 +1,15 @@ # GitHub Issue Tracker SPA [![CI](https://github.com/blackstart-labs/github-issue-tracker/actions/workflows/ci.yml/badge.svg)](https://github.com/blackstart-labs/github-issue-tracker/actions/workflows/ci.yml) -[![Deploy](https://github.com/blackstart-labs/github-issue-tracker/actions/workflows/deploy.yml/badge.svg)](https://github.com/blackstart-labs/github-issue-tracker/actions/workflows/deploy.yml) [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT) A production-grade, high-performance Single Page Application (SPA) for tracking GitHub issues. Built with **Vue 3**, **Vite**, and **Pinia**, featuring a signature "Editorial Utility" aesthetic—sharp, dense, and intentional. ![GitHub Issue Tracker](./public/demo.webp) +> [!TIP] +> If you find this project useful, please consider giving it a **Star** on GitHub! It helps more developers discover this tool. + ## ✨ Features - **Modern UI/UX**: "Editorial Utility" design system with vanilla CSS and custom properties. @@ -90,12 +92,8 @@ The application will be accessible at `http://localhost:8080`. ## 🚀 Deployment -### GitHub Pages (Default) -The project is configured to deploy to GitHub Pages automatically on every push to the `main` branch. -See [.github/workflows/deploy.yml](.github/workflows/deploy.yml) for details. - -### Vercel -To deploy to Vercel, connect your repository to Vercel and it will automatically detect the Vite environment. The provided [vercel.json](vercel.json) ensures correct SPA routing. +### Vercel (Recommended) +This project is optimized for deployment on Vercel. Connect your repository to Vercel and it will automatically detect the Vite environment. The provided [vercel.json](vercel.json) ensures correct SPA routing. [![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fblackstart-labs%2Fgithub-issue-tracker) diff --git a/src/assets/styles/base.css b/src/assets/styles/base.css index 868f946..af5ebcd 100644 --- a/src/assets/styles/base.css +++ b/src/assets/styles/base.css @@ -119,3 +119,11 @@ body { /* instant swap for dark mode toggle */ transition: none; } + +/* Global Layout Utilities */ +.container { + width: 100%; + max-width: 1400px; + margin: 0 auto; + padding: 0 var(--space-24); +} diff --git a/src/components/layout/AppHeader.vue b/src/components/layout/AppHeader.vue index 14b059c..946c268 100644 --- a/src/components/layout/AppHeader.vue +++ b/src/components/layout/AppHeader.vue @@ -1,38 +1,51 @@