Add CI/CD

Author: ArmanMazdaee

.github/actions/check/action.yml

@@ -0,0 +1,10 @@
+name: "Check"
+description: "Run Checks"
+runs:
+  using: "composite"
+  steps:
+    - name: Setup
+      uses: ./.github/actions/setup
+    - name: Run Checks
+      shell: bash
+      run: npm run check

.github/actions/deploy/action.yml

@@ -0,0 +1,20 @@
+name: "Deploy"
+description: "Deploy Apps"
+inputs:
+  cloudflare_api_token:
+    description: "the couldflare api token"
+    required: true
+runs:
+  using: "composite"
+  steps:
+    - name: Setup
+      uses: ./.github/actions/setup
+    - name: Run Build
+      shell: bash
+      run: npm run build
+    - name: Deploy To Cloudflare
+      uses: cloudflare/wrangler-action@v3
+      with:
+        apiToken: ${{ inputs.cloudflare_api_token }}
+        workingDirectory: "apps/web"
+        command: wrangler pages deploy

.github/actions/setup/action.yml

@@ -0,0 +1,20 @@
+name: "Setup"
+description: "Setup the dependencies"
+runs:
+  using: "composite"
+  steps:
+    - name: Cache Turbo Build Setup
+      uses: actions/cache@v4
+      with:
+        path: .turbo
+        key: ${{ runner.os }}-release-job-${{ github.sha }}
+        restore-keys: |
+          ${{ runner.os }}-release-job-
+    - name: Setup Node.js Environment
+      uses: actions/setup-node@v4
+      with:
+        node-version: 20
+        cache: "npm"
+    - name: Install Dependencies
+      shell: bash
+      run: npm install

.github/actions/test/action.yml

@@ -0,0 +1,10 @@
+name: "Test"
+description: "Run Tests"
+runs:
+  using: "composite"
+  steps:
+    - name: Setup
+      uses: ./.github/actions/setup
+    - name: Run Tests
+      shell: bash
+      run: npm run test

.github/workflows/cicd.yml

@@ -0,0 +1,49 @@
+name: CI/CD Pipeline
+
+on:
+  pull_request:
+  push:
+    branches:
+      - main
+      - dev
+
+permissions:
+  id-token: write
+  contents: read
+  deployments: write
+
+jobs:
+  check:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Check Out Code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 2
+      - name: Run Checks
+        uses: ./.github/actions/check
+
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Check Out Code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 2
+      - name: Run Tests
+        uses: ./.github/actions/test
+
+  deploy:
+    runs-on: ubuntu-latest
+    needs:
+      - check
+      - test
+    steps:
+      - name: Check Out Code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 2
+      - name: Deploy App
+        uses: ./.github/actions/deploy
+        with:
+          cloudflare_api_token: ${{ secrets.CLOUDFLARE_API_TOKEN }}

README.md

@@ -58,7 +58,14 @@ To add a npm package `pkg` use the following command:
 
 ```shell
 cd jeton
-npm install pkg --workspace=<YOUR PROJECT/WORKSPACE>
+npm install --workspace=<YOUR PROJECT/WORKSPACE> [--save|--save-dev] pkg
+```
+
+For example:
+
+```shell
+cd jeton
+npm install --workspace=apps/web --save-dev @cloudflare/next-on-pages
 ```
 
 ### Lint Project

apps/web/app/page.tsx

@@ -2,6 +2,8 @@ import { Button } from "@jeton/ui/button";
 import Image from "next/image";
 import styles from "./page.module.css";
 
+export const runtime = "edge";
+
 export default function Home() {
   return (
     <div className={styles.page}>

apps/web/next.config.mjs

@@ -1,4 +1,10 @@
+import { setupDevPlatform } from "@cloudflare/next-on-pages/next-dev";
+
 /** @type {import('next').NextConfig} */
 const nextConfig = {};
 
+if (process.env.NODE_ENV === "development") {
+  await setupDevPlatform();
+}
+
 export default nextConfig;

apps/web/package.json

@@ -5,19 +5,21 @@
   "scripts": {
     "dev": "next dev --turbo",
     "build": "next build",
-    "start": "next start"
+    "start": "next start",
+    "next-on-pages:build": "npx @cloudflare/next-on-pages"
   },
   "dependencies": {
     "@jeton/ui": "*",
+    "next": "15.0.0-rc.0",
     "react": "19.0.0-rc-f994737d14-20240522",
-    "react-dom": "19.0.0-rc-f994737d14-20240522",
-    "next": "15.0.0-rc.0"
+    "react-dom": "19.0.0-rc-f994737d14-20240522"
   },
   "devDependencies": {
+    "@cloudflare/next-on-pages": "^1.13.2",
     "@jeton/typescript-config": "*",
-    "typescript": "^5",
     "@types/node": "^20",
     "@types/react": "^18",
-    "@types/react-dom": "^18"
+    "@types/react-dom": "^18",
+    "typescript": "^5"
   }
 }

apps/web/turbo.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "https://turbo.build/schema.json",
+  "extends": ["//"],
+  "tasks": {
+    "build": {
+      "dependsOn": ["next-on-pages:build"],
+      "outputs": [".vercel/**"]
+    },
+    "next-on-pages:build": {}
+  }
+}