feat(docs): add compatible Node.js and Python versions to Build Your … (#71)

Co-authored-by: Le-Caignec <[email protected]>
Co-authored-by: Robin Le Caignec <[email protected]>

Author: abbesBenayache

src/get-started/helloWorld.md

@@ -102,10 +102,17 @@ Before you begin, make sure you have:
   </div>
   <div class="flex items-center gap-4 text-left">
     <div class="flex items-center gap-1 flex-1 text-sm font-medium">
-      📦 Node.js v20+
+      📦 Node.js v20+ (for javascript iApps)
       <InfoIcon tooltip="Required runtime environment for running JavaScript code and managing project dependencies" />
     </div>
     <a target="_blank" href="https://nodejs.org/en/" class="no-underline! text-sm ml-auto hover:underline!">Download →</a>
+  </div>
+   <div class="flex items-center gap-4 text-left">
+    <div class="flex items-center gap-1 flex-1 text-sm font-medium">
+      🐍 Python 3.8+ (for Python iApps)
+      <InfoIcon tooltip="Required runtime environment for Python-based iExec applications" />
+    </div>
+    <a target="_blank" href="https://www.python.org/downloads/" class="no-underline! text-sm ml-auto hover:underline!">Download →</a>
   </div>
    <div class="flex items-center gap-4 text-left">
     <div class="flex items-center gap-1 flex-1 text-sm font-medium">

src/get-started/helloWorld/3-buildIApp.md

@@ -26,29 +26,9 @@ experience.
 
 ## 📋 Prerequisites
 
-Before getting started, make sure you have:
-
-<div class="flex flex-col gap-2 my-4 pl-0">
-  <div class="flex items-center gap-4 text-left">
-    <div class="flex items-center gap-1 flex-1 text-sm font-medium">
-      📦 Node.js v20+
-    </div>
-    <a target="_blank" href="https://nodejs.org/en/" class="no-underline! text-sm ml-auto hover:underline!">Download →</a>
-  </div>
-   <div class="flex items-center gap-4 text-left">
-    <div class="flex items-center gap-1 flex-1 text-sm font-medium">
-      🐳 Docker installed
-    </div>
-    <a target="_blank" href="https://docker.com/" class="no-underline! text-sm ml-auto hover:underline!">Download →</a>
-  </div>
-  
-  <div class="flex items-center gap-4 text-left">
-    <div class="flex items-center gap-1 flex-1 text-sm font-medium">
-      🐳 DockerHub Account
-    </div>
-    <a target="_blank" href="https://hub.docker.com/" class="no-underline! text-sm ml-auto hover:underline!">Sign Up →</a>
-  </div>
-</div>
+Before getting started, make sure you have the required tools installed. See the
+[iApp Generator Getting Started guide](/references/iapp-generator/getting-started)
+for detailed prerequisites and installation instructions.
 
 ::: info
 

src/guides/build-iapp/build-&-test.md

@@ -29,53 +29,9 @@ iApp Generator handles all the low-level complexity for you.
 
 ## Prerequisites
 
-Before getting started, make sure you have the following installed:
-
-<div class="flex flex-col gap-2 my-4 pl-0">
-  <div class="flex items-center gap-4 text-left">
-    <div class="flex items-center gap-1 flex-1 text-sm font-medium">
-      📦 Node.js v20+
-    </div>
-    <a target="_blank" href="https://nodejs.org/en/" class="no-underline! text-sm ml-auto hover:underline!">Download →</a>
-  </div>
-   <div class="flex items-center gap-4 text-left">
-    <div class="flex items-center gap-1 flex-1 text-sm font-medium">
-      🐳 Docker installed
-    </div>
-    <a target="_blank" href="https://docker.com/" class="no-underline! text-sm ml-auto hover:underline!">Download →</a>
-  </div>
-  
-  <div class="flex items-center gap-4 text-left">
-    <div class="flex items-center gap-1 flex-1 text-sm font-medium">
-      🐳 DockerHub Account
-    </div>
-    <a target="_blank" href="https://hub.docker.com/" class="no-underline! text-sm ml-auto hover:underline!">Sign Up →</a>
-  </div>
-</div>
-
-## Installation
-
-First, install the iApp Generator CLI tool using your preferred package manager:
-
-::: code-group
-
-```sh [npm]
-npm install -g @iexec/iapp
-```
-
-```sh [yarn]
-yarn global add @iexec/iapp
-```
-
-```sh [pnpm]
-pnpm add -g @iexec/iapp
-```
-
-```sh [bun]
-bun add -g @iexec/iapp
-```
-
-:::
+Before getting started, make sure you have the required tools installed. See the
+[iApp Generator Getting Started guide](/references/iapp-generator/getting-started)
+for detailed prerequisites and installation instructions.
 
 ## Quick Start
 

src/references/iapp-generator/building-your-iexec-app.md

@@ -7,6 +7,14 @@ description:
 
 # 🧑‍🏭 Build your iApp
 
+::: tip 📋 Prerequisites
+
+Before building your iApp, make sure you have the required tools installed. See
+the [Getting Started guide](/references/iapp-generator/getting-started) for
+detailed prerequisites and installation instructions.
+
+:::
+
 ## 🧰 Initialize your iApp
 
 The iApp (iExec App) Generator command-line tool simplifies the setup of your

src/references/iapp-generator/getting-started.md

@@ -14,9 +14,15 @@ Before using the iApp Generator, make sure you have:
 <div class="flex flex-col gap-2 my-4 pl-0">
   <div class="flex items-center gap-4 text-left">
     <div class="flex items-center gap-1 flex-1 text-sm font-medium">
-      📦 Node.js v20+
+      📦 Node.js v20+ (for javascript iApps)
     </div>
     <a target="_blank" href="https://nodejs.org/en/" class="no-underline! text-sm ml-auto hover:underline!">Download →</a>
+  </div>
+   <div class="flex items-center gap-4 text-left">
+    <div class="flex items-center gap-1 flex-1 text-sm font-medium">
+      🐍 Python 3.8+ (for Python iApps)
+    </div>
+    <a target="_blank" href="https://www.python.org/downloads/" class="no-underline! text-sm ml-auto hover:underline!">Download →</a>
   </div>
    <div class="flex items-center gap-4 text-left">
     <div class="flex items-center gap-1 flex-1 text-sm font-medium">