Initial commit

sebastianrath · sebastianrath · commit 0ba1dde1713d · 2026-02-09T00:04:44.000-05:00
diff --git a/.github/workflows/graphs/build.act b/.github/workflows/graphs/build.act
@@ -0,0 +1,107 @@
+entry: gh-start
+nodes:
+  - id: gh-start
+    type: core/gh-start@v1
+    position:
+      x: -150
+      y: 20
+  - id: checkout
+    type: github.com/actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5
+    position:
+      x: 270
+      y: 660
+  - id: setup-node
+    type: github.com/actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238
+    position:
+      x: 810
+      y: 610
+    inputs:
+      node-version: '22'
+  - id: build
+    type: core/run@v1
+    position:
+      x: 1290
+      y: 540
+    inputs:
+      script: npm install && npm run build
+  - id: upload-artifact
+    type: >-
+      github.com/actions/upload-artifact@ea165f8d65b6e75b540449e92b4886f43607fa02
+    position:
+      x: 1720
+      y: 460
+    inputs:
+      name: hello-world
+      path: out/
+  - id: print
+    type: core/print@v1
+    position:
+      x: 2600
+      y: 420
+    inputs:
+      values[0]: null
+      color: fg_green
+  - id: string-fmt
+    type: core/string-fmt@v1
+    position:
+      x: 2200
+      y: 620
+    inputs:
+      substitutes[0]: null
+      fmt: 👉 %v
+connections:
+  - src:
+      node: upload-artifact
+      port: artifact-url
+    dst:
+      node: string-fmt
+      port: substitutes[0]
+  - src:
+      node: string-fmt
+      port: result
+    dst:
+      node: print
+      port: values[0]
+executions:
+  - src:
+      node: gh-start
+      port: exec-on_push
+    dst:
+      node: checkout
+      port: exec
+  - src:
+      node: gh-start
+      port: exec-on_pull_request
+    dst:
+      node: checkout
+      port: exec
+  - src:
+      node: gh-start
+      port: exec-on_workflow_dispatch
+    dst:
+      node: checkout
+      port: exec
+  - src:
+      node: checkout
+      port: exec-success
+    dst:
+      node: setup-node
+      port: exec
+  - src:
+      node: setup-node
+      port: exec-success
+    dst:
+      node: build
+      port: exec
+  - src:
+      node: build
+      port: exec-success
+    dst:
+      node: upload-artifact
+      port: exec
+  - src:
+      node: upload-artifact
+      port: exec-success
+    dst:
+      node: print
+      port: exec
diff --git a/.github/workflows/workflow.yml b/.github/workflows/workflow.yml
@@ -0,0 +1,20 @@
+on:
+  push:
+    branches:
+      - main
+
+  pull_request:
+    branches:
+      - main
+
+  workflow_dispatch:
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    name: Build Next.js App
+    steps:
+      - name: Run Graph
+        uses: actionforge/action@866e7df1ce5e84a2b32fda7414812ae72000dae8 # v0.14.6
+        with:
+          graph-file: build.act
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,13 @@
+# dependencies
+/node_modules
+
+# next.js
+/.next/
+/out/
+
+# misc
+.DS_Store
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
diff --git a/README.md b/README.md
@@ -0,0 +1,22 @@
+# example-nextjs
+
+[![view-action-graph](https://img.shields.io/github/actions/workflow/status/actionforge/example-nextjs/workflow.yml?label=View%20Action%20Graph)](https://app.actionforge.dev/github/actionforge/example-nextjs/main/.github/workflows/graphs/build.act)
+
+A simple Hello World app in Next.js, built using an [Actionforge](https://actionforge.dev) graph as the CI/CD pipeline.
+
+## Run
+
+```bash
+npm install
+npm run dev
+```
+
+## Graph
+
+The build pipeline is defined as an Actionforge graph in [`.github/workflows/graphs/build.act`](.github/workflows/graphs/build.act):
+
+```
+checkout -> run (npm install && npm run build) -> upload-artifact (out/)
+```
+
+It runs on every push to `main`, on pull requests, and on manual dispatch.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -0,0 +1,15 @@
+export const metadata = {
+  title: "Hello World",
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  );
+}
diff --git a/app/page.tsx b/app/page.tsx
@@ -0,0 +1,3 @@
+export default function Home() {
+  return <h1>Hello, World!</h1>;
+}
diff --git a/next.config.ts b/next.config.ts
@@ -0,0 +1,7 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  output: "export",
+};
+
+export default nextConfig;
diff --git a/package.json b/package.json
@@ -0,0 +1,21 @@
+{
+  "name": "hello-world",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start"
+  },
+  "dependencies": {
+    "next": "16.1.6",
+    "react": "19.2.3",
+    "react-dom": "19.2.3"
+  },
+  "devDependencies": {
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "typescript": "^5"
+  }
+}
diff --git a/tsconfig.json b/tsconfig.json
@@ -0,0 +1,34 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./*"]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts",
+    "**/*.mts"
+  ],
+  "exclude": ["node_modules"]
+}

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+export default function Home() {`
	`2`	`+ return <h1>Hello, World!</h1>;`
	`3`	`+}`