[feat] increare the docker base images for node.js, nginx for sample projects angular, react.js, vue.js (#23388)

## Description

This PR updates the Docker build arguments for all front-end project
guides (React.js, Angular, Vue.js) to use the latest Node.js and NGINX
versions for improved security, stability, and performance.

### Changes Made

- Updated Node.js version: From 22.14.0-alpine → 24.7.0-alpine
- Updated NGINX version: From alpine3.21 → alpine3.22

### Impact

- Ensures projects are built on the latest stable Node.js runtime
without security issues.
- Provides updated NGINX base image for better performance and security
patches.
- Aligns Docker images across React.js, Angular, and Vue.js guides with
consistent and up-to-date configurations.

- [x] Technical review

Author: kristiyan-velkov

content/guides/angular/containerize.md

@@ -126,8 +126,8 @@ Copy and replace the contents of your existing `Dockerfile` with the configurati
 # =========================================
 # Stage 1: Build the Angular Application
 # =========================================
-ARG NODE_VERSION=22.14.0-alpine
-ARG NGINX_VERSION=alpine3.21
+ARG NODE_VERSION=24.7.0-alpine
+ARG NGINX_VERSION=alpine3.22
 
 # Use a lightweight Node.js image for building (customizable via ARG)
 FROM node:${NODE_VERSION} AS builder

content/guides/angular/develop.md

@@ -38,7 +38,7 @@ Create a file named `Dockerfile.dev` in your project root with the following con
 # =========================================
 
 # Define the Node.js version to use (Alpine for a small footprint)
-ARG NODE_VERSION=22.14.0-alpine
+ARG NODE_VERSION=24.7.0-alpine
 
 # Set the base image for development
 FROM node:${NODE_VERSION} AS dev

content/guides/reactjs/containerize.md

@@ -78,7 +78,7 @@ For consistency, please use the same responses shown in the example below when p
 | Question                                                   | Answer          |
 |------------------------------------------------------------|-----------------|
 | What application platform does your project use?           | Node            |
-| What version of Node do you want to use?                   | 22.14.0-alpine  |
+| What version of Node do you want to use?                   | 24.7.0-alpine  |
 | Which package manager do you want to use?                  | npm             |
 | Do you want to run "npm run build" before starting server? | yes             |
 | What directory is your build output to?                    | dist            |
@@ -124,8 +124,8 @@ Copy and replace the contents of your existing `Dockerfile` with the configurati
 # =========================================
 # Stage 1: Build the React.js Application
 # =========================================
-ARG NODE_VERSION=22.14.0-alpine
-ARG NGINX_VERSION=alpine3.21
+ARG NODE_VERSION=24.7.0-alpine
+ARG NGINX_VERSION=alpine3.22
 
 # Use a lightweight Node.js image for building (customizable via ARG)
 FROM node:${NODE_VERSION} AS builder

content/guides/reactjs/develop.md

@@ -36,7 +36,7 @@ Create a file named `Dockerfile.dev` in your project root with the following con
 # =========================================
 # Stage 1: Develop the React.js Application
 # =========================================
-ARG NODE_VERSION=22.14.0-alpine
+ARG NODE_VERSION=24.7.0-alpine
 
 # Use a lightweight Node.js image for development
 FROM node:${NODE_VERSION} AS dev

content/guides/vuejs/containerize.md

@@ -125,7 +125,7 @@ Replace the contents of your current `Dockerfile` with the optimized configurati
 # Stage 1: Build the Vue.js Application
 # =========================================
 ARG NODE_VERSION=23.11.0-alpine
-ARG NGINX_VERSION=alpine3.21
+ARG NGINX_VERSION=alpine3.22
 
 # Use a lightweight Node.js image for building (customizable via ARG)
 FROM node:${NODE_VERSION} AS builder