Add yarn ipfs command to deploy on IPFS

package.json

@@ -44,6 +44,7 @@
     "test": "yarn hardhat:test",
     "vercel": "yarn workspace @se-2/nextjs vercel",
     "vercel:yolo": "yarn workspace @se-2/nextjs vercel:yolo",
+    "ipfs": "yarn workspace @se-2/nextjs ipfs",
     "verify": "yarn hardhat:verify"
   },
   "packageManager": "[email protected]",

packages/nextjs/next.config.js

@@ -16,4 +16,14 @@ const nextConfig = {
   },
 };
 
+const isIpfs = process.env.npm_lifecycle_event === "ipfs";
+
+if (isIpfs) {
+  nextConfig.output = "export";
+  nextConfig.trailingSlash = true;
+  nextConfig.images = {
+    unoptimized: true,
+  };
+}
+
 module.exports = nextConfig;

packages/nextjs/package.json

@@ -11,7 +11,8 @@
     "serve": "next start",
     "start": "next dev",
     "vercel": "vercel --build-env YARN_ENABLE_IMMUTABLE_INSTALLS=false --build-env ENABLE_EXPERIMENTAL_COREPACK=1 --build-env VERCEL_TELEMETRY_DISABLED=1",
-    "vercel:yolo": "vercel --build-env YARN_ENABLE_IMMUTABLE_INSTALLS=false --build-env ENABLE_EXPERIMENTAL_COREPACK=1 --build-env NEXT_PUBLIC_IGNORE_BUILD_ERROR=true --build-env VERCEL_TELEMETRY_DISABLED=1"
+    "vercel:yolo": "vercel --build-env YARN_ENABLE_IMMUTABLE_INSTALLS=false --build-env ENABLE_EXPERIMENTAL_COREPACK=1 --build-env NEXT_PUBLIC_IGNORE_BUILD_ERROR=true --build-env VERCEL_TELEMETRY_DISABLED=1",
+    "ipfs": "yarn build && node scripts/deploy-ipfs.js"
   },
   "dependencies": {
     "@heroicons/react": "^2.1.5",
@@ -22,6 +23,7 @@
     "blo": "^1.2.0",
     "burner-connector": "0.0.9",
     "daisyui": "4.12.10",
+    "kubo-rpc-client": "^5.0.2",
     "next": "^14.2.11",
     "next-nprogress-bar": "^2.3.13",
     "next-themes": "^0.3.0",

packages/nextjs/scripts/deploy-ipfs.js

@@ -0,0 +1,64 @@
+import { create } from "kubo-rpc-client";
+import { globSource } from "kubo-rpc-client";
+import { dirname, join } from "path";
+import { fileURLToPath } from "url";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+const ipfsConfig = {
+  host: "ipfs.nifty.ink",
+  port: 3001,
+  protocol: "https",
+  timeout: 250000,
+};
+
+async function addDirectoryToIpfs(path) {
+  console.log("📦 Adding directory to IPFS via Nifty Ink...");
+
+  try {
+    const ipfs = create(ipfsConfig);
+
+    // Track the root directory CID
+    let rootCid = null;
+
+    // Add the entire directory to IPFS
+    for await (const result of ipfs.addAll(globSource(path, "**/*"), {
+      pin: true,
+      wrapWithDirectory: true, // This is key - it wraps all files in a directory
+    })) {
+      if (result.path === "") {
+        // This is the root directory entry
+        rootCid = result.cid;
+      } else {
+        console.log(`Added ${result.path} - CID: ${result.cid}`);
+      }
+    }
+
+    if (!rootCid) {
+      throw new Error("Failed to get root directory CID");
+    }
+
+    return rootCid.toString();
+  } catch (error) {
+    console.error("Error adding directory to IPFS:", error);
+    throw error;
+  }
+}
+
+async function main() {
+  // Get the path to the out directory
+  const outDir = join(__dirname, "..", "out");
+
+  console.log("🚀 Uploading to Nifty Ink IPFS...");
+  const cid = await addDirectoryToIpfs(outDir);
+
+  console.log("\n✨ Upload complete! Your site is now available at:");
+  console.log(`🔗 Nifty Ink Gateway: https://gateway.nifty.ink:42069/ipfs/${cid}`);
+  console.log("\n💡 Note: Your content is being served through the Nifty Ink IPFS gateway");
+}
+
+main().catch(err => {
+  console.error("Error uploading to IPFS:", err);
+  process.exit(1);
+});