Merge pull request #12 from MikAoJk/vercel

chore: deploy to vercel

Author: MikAoJk

.github/workflows/main.yml

@@ -11,31 +11,24 @@ concurrency:
   cancel-in-progress: false
 
 jobs:
-  build:
-    name: build
+  build-deploy:
+    name: build-deploy
     runs-on: ubuntu-latest
     env:
       NEXT_PUBLIC_BASE_PATH: /norwegian-public-organizations
+      VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
+      VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
+      GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
     steps:
       - name: Checkout
         uses: actions/checkout@v4
       - name: setup bun
         uses: oven-sh/setup-bun@v1
-      - name: Install packages
-        run: bun install
-      - name: Build
-        run: bun run build
-      - name: Upload artifact
-        uses: actions/upload-pages-artifact@v3
-        with:
-          path: ./out
-  deploy:
-    environment:
-      name: github-pages
-      url: ${{ steps.deployment.outputs.page_url }}
-    runs-on: ubuntu-latest
-    needs: build
-    steps:
-      - name: Deploy to GitHub Pages
-        id: deployment
-        uses: actions/deploy-pages@v4
+      - name: Install Vercel CLI
+        run: bun install --global vercel@latest
+      - name: Pull Vercel Environment Information
+        run: vercel pull --yes --environment=production --token=${{ secrets.VERCEL_TOKEN }}
+      - name: Build Project Artifacts
+        run: vercel build --prod --token=${{ secrets.VERCEL_TOKEN }}
+      - name: Deploy Project Artifacts to Vercel
+        run: vercel deploy --prebuilt --prod --token=${{ secrets.VERCEL_TOKEN }}

README.md

@@ -20,6 +20,15 @@ Install deps:
 bun run build
 ```
 
+Environment variable:
+Need to set an environment variable
+GH_TOKEN to your GitHub token
+```bash
+.bashrc example:
+``` shell bash
+export GH_TOKEN='supersecretkey'
+```
+
 First, run the development server:
 ```bash
 bun run dev
@@ -28,7 +37,7 @@ bun run dev
 Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
 
 ## Deployed to GitHub pages
-The application is live at: https://mikaojk.github.io/norwegian-public-organizations
+The application is live at: https://norwegian-public-organizations.vercel.app/norwegian-public-organizations
 
 ## Organization is missing!!
 Follow the guide in the: [CONTRIBUTING.md](CONTRIBUTING.md)

next.config.js

@@ -6,7 +6,7 @@ const nextConfig = {
         loader: 'akamai',
         path: '/'
     },
-    output: 'export'
+    output: 'standalone'
 }
 
 module.exports = nextConfig

src/app/api/github.ts

@@ -0,0 +1,32 @@
+'use server';
+
+import {Octokit} from "@octokit/core";
+import {paginateRest} from "@octokit/plugin-paginate-rest";
+import {retry} from "@octokit/plugin-retry";
+
+
+async function getNumberOfPublicRepos(owner: string): Promise<number> {
+
+    const octokitplugin = Octokit.plugin(paginateRest, retry).defaults({
+        userAgent: "norwegian-public-organizations",
+        auth: process.env.GH_TOKEN
+    });
+
+    const myOctokit = new octokitplugin()
+
+    try {
+        const repos = await myOctokit.request(`GET /orgs/${owner}`, {
+            headers: {
+                'X-GitHub-Api-Version': '2022-11-28'
+            }
+        })
+
+        return repos.data.public_repos
+    } catch (e) {
+        console.log(e)
+        return 0
+    }
+}
+
+export default getNumberOfPublicRepos
+

src/components/OrganizationsOnGithub.tsx

@@ -2,9 +2,7 @@
 
 import React, {useEffect, useState} from 'react';
 import organizations from "./data/organizations.json";
-import {Octokit} from "@octokit/core";
-import {paginateRest} from "@octokit/plugin-paginate-rest";
-import {retry} from "@octokit/plugin-retry";
+import getNumberOfPublicRepos from "../app/api/github";
 
 export interface OrganizationsJson {
     id: number;
@@ -86,25 +84,3 @@ export const OrganizationsOnGithub = () => {
 }
 
 
-async function getNumberOfPublicRepos(owner: string): Promise<number> {
-    const octokitplugin = Octokit.plugin(paginateRest, retry).defaults({
-        userAgent: "norwegian-public-organizations",
-        /// auth: 'mysupersecrettoken'
-    });
-
-    const myOctokit = new octokitplugin()
-
-    try {
-        const repos = await myOctokit.request(`GET /orgs/${owner}`, {
-            headers: {
-                'X-GitHub-Api-Version': '2022-11-28'
-            }
-        })
-
-        return repos.data.public_repos
-    } catch (e) {
-        console.log(e)
-        return 0
-    }
-}
-