ci: auto-deploy to Vercel on push to main via amondnet/vercel-action

sagarDeepakDevOps · sagarDeepakDevOps · commit 4aab2e360ec9 · 2026-02-25T10:37:32.000Z
- Switch deploy job from raw Vercel CLI to amondnet/vercel-action@v25
- Only deploys on push to main (not on PRs)
- build job still runs on all PRs for type-check &amp; build validation
- Fix env.ts: use literal process.env.NEXT_PUBLIC_* keys (not dynamic bracket access)
- Fix contact page social handles to derive from siteConfig URLs
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -1,4 +1,4 @@
-name: CI
+name: CI / Deploy
 
 on:
   push:
@@ -11,32 +11,27 @@ concurrency:
   cancel-in-progress: true
 
 jobs:
+  # ── 1. Type-check & Build ─────────────────────────────────────────────────
   build:
     name: Type-check & Build
     runs-on: ubuntu-latest
 
-    strategy:
-      matrix:
-        node-version: [20.x]
-
     steps:
       - name: Checkout repository
         uses: actions/checkout@v4
 
-      - name: Set up Node.js ${{ matrix.node-version }}
+      - name: Set up Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: ${{ matrix.node-version }}
+          node-version: "20"
           cache: "npm"
 
       - name: Install dependencies
         run: npm ci
 
-      # Fail fast on TypeScript errors before spending time on a full build
       - name: Type-check
         run: npx tsc --noEmit
 
-      # Build requires env vars — inject dummy values so Next.js doesn't crash
       - name: Build
         run: npm run build
         env:
@@ -45,15 +40,36 @@ jobs:
           NEXT_PUBLIC_SITE_TAGLINE: "Freelance DevOps & Cloud Consulting"
           NEXT_PUBLIC_SITE_DESCRIPTION: "Production-grade cloud infrastructure, Kubernetes, and CI/CD — built by a senior DevOps engineer."
           NEXT_PUBLIC_SITE_OG_IMAGE: /og-image.png
-          NEXT_PUBLIC_CONTACT_EMAIL: contact@cloudforgeops.com
-          NEXT_PUBLIC_SOCIAL_GITHUB: https://github.com/cloudforgeops
-          NEXT_PUBLIC_SOCIAL_LINKEDIN: https://linkedin.com/in/deepaksagar
+          NEXT_PUBLIC_CONTACT_EMAIL: sagardeepak2002@gmail.com
+          NEXT_PUBLIC_SOCIAL_GITHUB: https://github.com/sagarDeepakDevOps
+          NEXT_PUBLIC_SOCIAL_LINKEDIN: https://linkedin.com/in/sagardeepak2002
           NEXT_PUBLIC_OWNER_NAME: Deepak Sagar
           NEXT_PUBLIC_OWNER_TITLE: "Freelance DevOps & Cloud Engineer"
           NEXT_PUBLIC_OWNER_EXPERIENCE: "3+"
           NEXT_PUBLIC_OWNER_EXPERIENCE_LABEL: "years of production DevOps experience"
           NEXT_PUBLIC_OWNER_BIO: "Senior DevOps engineer specialising in AWS, Kubernetes, Terraform, and CI/CD automation."
-          NEXT_PUBLIC_OWNER_LINKEDIN: https://linkedin.com/in/deepaksagar
+          NEXT_PUBLIC_OWNER_LINKEDIN: https://linkedin.com/in/sagardeepak2002
           NEXT_PUBLIC_FREE_REVIEW_HREF: /free-review
           NEXT_PUBLIC_FREE_REVIEW_DURATION: "30 min"
-          NEXT_PUBLIC_CALENDLY_URL: https://calendly.com/deepaksagar/30min
+          NEXT_PUBLIC_CALENDLY_URL: https://calendly.com/sagardeepak2002/30min
+
+  # ── 2. Deploy to Vercel (production — main branch only) ───────────────────
+  deploy:
+    name: Deploy to Vercel (Production)
+    needs: build
+    runs-on: ubuntu-latest
+    # Only deploy on push to main, not on pull requests
+    if: github.event_name == 'push' && github.ref == 'refs/heads/main'
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Deploy to Vercel
+        uses: amondnet/vercel-action@v25
+        with:
+          vercel-token: ${{ secrets.VERCEL_TOKEN }}
+          vercel-org-id: ${{ secrets.VERCEL_ORG_ID }}
+          vercel-project-id: ${{ secrets.VERCEL_PROJECT_ID }}
+          vercel-args: "--prod"
+          working-directory: ./
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
@@ -44,18 +44,31 @@ const fadeUp = (delay = 0) => ({
   transition: { duration: 0.45, ease: "easeOut" as const, delay },
 });
 
+function getHandleFromUrl(url: string | undefined, provider: "github" | "linkedin") {
+  if (!url) return "";
+  try {
+    const u = new URL(url);
+    const parts = u.pathname.split("/").filter(Boolean);
+    const last = parts.length ? parts[parts.length - 1] : u.hostname.replace(/^www\./, "");
+    if (provider === "github") return `@${last}`;
+    return last;
+  } catch (e) {
+    return url;
+  }
+}
+
 const social = [
   {
     label: "GitHub",
     href: siteConfig.social.github,
     icon: Github,
-    handle: "@cloudforgeops",
+    handle: getHandleFromUrl(siteConfig.social.github, "github"),
   },
   {
     label: "LinkedIn",
     href: siteConfig.social.linkedin,
     icon: Linkedin,
-    handle: "cloudforgeops",
+    handle: getHandleFromUrl(siteConfig.social.linkedin, "linkedin"),
   },
 ];
 
diff --git a/src/lib/env.ts b/src/lib/env.ts
@@ -1,104 +1,46 @@
 /**
  * Centralized env variable reader.
  *
- * All keys are prefixed with NEXT_PUBLIC_ so they are available
- * on both the server (RSC, metadata, API routes) and the client
- * (Client Components, hooks).
+ * IMPORTANT: Next.js statically replaces process.env.NEXT_PUBLIC_* at bundle
+ * time using literal key strings. Using process.env[variable] with a dynamic
+ * key does NOT work in client bundles — the bundler cannot resolve it and
+ * returns undefined, causing all client-side reads to fall back to defaults.
  *
- * Every value has a typed string fallback so the build never
- * crashes when a variable is missing (e.g. in CI or local dev
- * without a .env.local file).
- *
- * To override any value: add it to .env.local (never commit that
- * file). See .env.example for the full key list.
+ * Every key must be accessed as a literal: process.env.NEXT_PUBLIC_SITE_NAME
+ * Never use bracket notation with a variable for NEXT_PUBLIC_ keys.
  */
 
-function read(key: string, fallback: string): string {
-  // process.env is statically replaced by the Next.js bundler for
-  // NEXT_PUBLIC_ prefixed keys — do NOT destructure or alias the
-  // object; always use the full literal key string.
-  const value = process.env[key];
-  return value !== undefined && value.trim() !== "" ? value.trim() : fallback;
+function fallback(value: string | undefined, def: string): string {
+  return value !== undefined && value.trim() !== "" ? value.trim() : def;
 }
 
 export const env = {
   // ── Brand identity ────────────────────────────────────────────────────────
-  SITE_NAME: read(
-    "NEXT_PUBLIC_SITE_NAME",
-    "CloudForgeOps",
-  ),
-  SITE_TAGLINE: read(
-    "NEXT_PUBLIC_SITE_TAGLINE",
-    "Freelance DevOps & Cloud Engineering",
-  ),
-  SITE_DESCRIPTION: read(
-    "NEXT_PUBLIC_SITE_DESCRIPTION",
-    "I design, build, and operate cloud-native infrastructure. From Kubernetes to CI/CD pipelines, I help startups ship faster and stay reliable.",
-  ),
-  SITE_URL: read(
-    "NEXT_PUBLIC_SITE_URL",
-    "https://cloudforgeops.com",
-  ),
-  SITE_OG_IMAGE: read(
-    "NEXT_PUBLIC_SITE_OG_IMAGE",
-    "/images/og-default.png",
-  ),
+  SITE_NAME:        fallback(process.env.NEXT_PUBLIC_SITE_NAME,        "CloudForgeOps"),
+  SITE_TAGLINE:     fallback(process.env.NEXT_PUBLIC_SITE_TAGLINE,     "Freelance DevOps & Cloud Engineering"),
+  SITE_DESCRIPTION: fallback(process.env.NEXT_PUBLIC_SITE_DESCRIPTION, "I design, build, and operate cloud-native infrastructure. From Kubernetes to CI/CD pipelines, I help startups ship faster and stay reliable."),
+  SITE_URL:         fallback(process.env.NEXT_PUBLIC_SITE_URL,         "https://cloudforgeops.com"),
+  SITE_OG_IMAGE:    fallback(process.env.NEXT_PUBLIC_SITE_OG_IMAGE,    "/images/og-default.png"),
 
   // ── Contact ───────────────────────────────────────────────────────────────
-  CONTACT_EMAIL: read(
-    "NEXT_PUBLIC_CONTACT_EMAIL",
-    "sagardeepak2002@gmail.com",
-  ),
+  CONTACT_EMAIL:    fallback(process.env.NEXT_PUBLIC_CONTACT_EMAIL,    "sagardeepak2002@gmail.com"),
 
   // ── Social links ─────────────────────────────────────────────────────────
-  SOCIAL_GITHUB: read(
-    "NEXT_PUBLIC_SOCIAL_GITHUB",
-    "https://github.com/cloudforgeops",
-  ),
-  SOCIAL_LINKEDIN: read(
-    "NEXT_PUBLIC_SOCIAL_LINKEDIN",
-    "https://linkedin.com/company/cloudforgeops",
-  ),
+  SOCIAL_GITHUB:    fallback(process.env.NEXT_PUBLIC_SOCIAL_GITHUB,    "https://github.com/sagarDeepakDevOps"),
+  SOCIAL_LINKEDIN:  fallback(process.env.NEXT_PUBLIC_SOCIAL_LINKEDIN,  "https://linkedin.com/in/sagardeepak2002"),
 
   // ── Owner / personal identity ─────────────────────────────────────────────
-  OWNER_NAME: read(
-    "NEXT_PUBLIC_OWNER_NAME",
-    "Deepak Sagar",
-  ),
-  OWNER_TITLE: read(
-    "NEXT_PUBLIC_OWNER_TITLE",
-    "Freelance DevOps & Cloud Engineer",
-  ),
-  OWNER_EXPERIENCE: read(
-    "NEXT_PUBLIC_OWNER_EXPERIENCE",
-    "3+",
-  ),
-  OWNER_EXPERIENCE_LABEL: read(
-    "NEXT_PUBLIC_OWNER_EXPERIENCE_LABEL",
-    "Hands-On Cloud & Automation Experience",
-  ),
-  OWNER_BIO: read(
-    "NEXT_PUBLIC_OWNER_BIO",
-    "I work directly with founders and engineering teams to design, automate, and stabilize cloud environments across AWS and Azure.",
-  ),
-  OWNER_LINKEDIN: read(
-    "NEXT_PUBLIC_OWNER_LINKEDIN",
-    "https://linkedin.com/in/sagardeepak2002",
-  ),
+  OWNER_NAME:             fallback(process.env.NEXT_PUBLIC_OWNER_NAME,             "Deepak Sagar"),
+  OWNER_TITLE:            fallback(process.env.NEXT_PUBLIC_OWNER_TITLE,            "Freelance DevOps & Cloud Engineer"),
+  OWNER_EXPERIENCE:       fallback(process.env.NEXT_PUBLIC_OWNER_EXPERIENCE,       "3+"),
+  OWNER_EXPERIENCE_LABEL: fallback(process.env.NEXT_PUBLIC_OWNER_EXPERIENCE_LABEL, "Hands-On Cloud & Automation Experience"),
+  OWNER_BIO:              fallback(process.env.NEXT_PUBLIC_OWNER_BIO,              "I work directly with founders and engineering teams to design, automate, and stabilize cloud environments across AWS and Azure."),
+  OWNER_LINKEDIN:         fallback(process.env.NEXT_PUBLIC_OWNER_LINKEDIN,         "https://linkedin.com/in/sagardeepak2002"),
 
   // ── Free Review / Calendly ────────────────────────────────────────────────
-  FREE_REVIEW_HREF: read(
-    "NEXT_PUBLIC_FREE_REVIEW_HREF",
-    "/free-review",
-  ),
-  FREE_REVIEW_DURATION: read(
-    "NEXT_PUBLIC_FREE_REVIEW_DURATION",
-    "30 min",
-  ),
-  CALENDLY_URL: read(
-    "NEXT_PUBLIC_CALENDLY_URL",
-    "https://calendly.com/sagardeepak2002/30min",
-  ),
+  FREE_REVIEW_HREF:     fallback(process.env.NEXT_PUBLIC_FREE_REVIEW_HREF,     "/free-review"),
+  FREE_REVIEW_DURATION: fallback(process.env.NEXT_PUBLIC_FREE_REVIEW_DURATION, "30 min"),
+  CALENDLY_URL:         fallback(process.env.NEXT_PUBLIC_CALENDLY_URL,         "https://calendly.com/sagardeepak2002/30min"),
 } as const;
 
 export type Env = typeof env;
