From faa4ea01525fa45a0010ff86566953fde6cd4008 Mon Sep 17 00:00:00 2001
From: cheveguerra <cheveguerra@users.noreply.github.com>
Date: Thu, 5 Jan 2023 00:44:27 +0000
Subject: [PATCH 1/9] =?UTF-8?q?ci(providers):=20=F0=9F=91=8D=20updated=20v?=
 =?UTF-8?q?ersions=20stable=20providers?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit


From 8dad0a49b17339da24dd19a4279ae23dce8a73ff Mon Sep 17 00:00:00 2001
From: cheveguerra <cheveguerra@users.noreply.github.com>
Date: Thu, 5 Jan 2023 15:33:48 +0000
Subject: [PATCH 2/9] =?UTF-8?q?ci(providers):=20=F0=9F=91=8D=20updated=20v?=
 =?UTF-8?q?ersions=20stable=20providers?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit


From 983db5c7b87ff41aba9d759bf1fadb1ca85543c8 Mon Sep 17 00:00:00 2001
From: cheveguerra <cheveguerra@users.noreply.github.com>
Date: Fri, 6 Jan 2023 06:29:55 +0000
Subject: [PATCH 3/9] =?UTF-8?q?ci(providers):=20=F0=9F=91=8D=20updated=20v?=
 =?UTF-8?q?ersions=20stable=20providers?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit


From ec2041b75a5265b2c90258f4cd8ea99a113457cc Mon Sep 17 00:00:00 2001
From: cheveguerra <cheveguerra@users.noreply.github.com>
Date: Fri, 6 Jan 2023 06:46:09 +0000
Subject: [PATCH 4/9] =?UTF-8?q?ci(providers):=20=F0=9F=91=8D=20updated=20v?=
 =?UTF-8?q?ersions=20stable=20providers?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit


From 4f2fbaf21b09c1f39df11e6f372d8e018e4af9c2 Mon Sep 17 00:00:00 2001
From: leifermendez <leifermendez@users.noreply.github.com>
Date: Sat, 7 Jan 2023 16:57:18 +0000
Subject: [PATCH 5/9] =?UTF-8?q?ci(providers):=20=F0=9F=91=8D=20updated=20v?=
 =?UTF-8?q?ersions=20stable=20providers?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit


From 2ad57a8be1adab01a3308e37b26f812b42684fef Mon Sep 17 00:00:00 2001
From: leifermendez <leifermendez@users.noreply.github.com>
Date: Sat, 7 Jan 2023 16:57:52 +0000
Subject: [PATCH 6/9] ci(version): :zap: automatic - "${date}" updated versions
 every packages

---
 packages/bot/package.json                 | 2 +-
 packages/cli/package.json                 | 2 +-
 packages/create-bot-whatsapp/package.json | 2 +-
 packages/database/package.json            | 2 +-
 packages/provider/package.json            | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/bot/package.json b/packages/bot/package.json
index cf9f3e0..77cb142 100644
--- a/packages/bot/package.json
+++ b/packages/bot/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@bot-whatsapp/bot",
-    "version": "0.0.44-alpha.0",
+    "version": "0.0.45-alpha.0",
     "description": "",
     "main": "./lib/bundle.bot.cjs",
     "scripts": {
diff --git a/packages/cli/package.json b/packages/cli/package.json
index 0279c4d..04118d7 100644
--- a/packages/cli/package.json
+++ b/packages/cli/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@bot-whatsapp/cli",
-    "version": "0.0.51-alpha.0",
+    "version": "0.0.52-alpha.0",
     "description": "",
     "main": "index.js",
     "devDependencies": {
diff --git a/packages/create-bot-whatsapp/package.json b/packages/create-bot-whatsapp/package.json
index 5dce363..bb19123 100644
--- a/packages/create-bot-whatsapp/package.json
+++ b/packages/create-bot-whatsapp/package.json
@@ -1,6 +1,6 @@
 {
     "name": "create-bot-whatsapp",
-    "version": "0.0.62-alpha.0",
+    "version": "0.0.63-alpha.0",
     "description": "",
     "main": "./lib/bundle.create-bot-whatsapp.cjs",
     "files": [
diff --git a/packages/database/package.json b/packages/database/package.json
index 616b1c2..cdab548 100644
--- a/packages/database/package.json
+++ b/packages/database/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@bot-whatsapp/database",
-    "version": "0.0.43-alpha.0",
+    "version": "0.0.44-alpha.0",
     "description": "Esto es el conector a  mysql, pg, mongo",
     "main": "./lib/mock/index.cjs",
     "keywords": [],
diff --git a/packages/provider/package.json b/packages/provider/package.json
index 607e549..4c53f47 100644
--- a/packages/provider/package.json
+++ b/packages/provider/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@bot-whatsapp/provider",
-    "version": "0.0.49-alpha.0",
+    "version": "0.0.50-alpha.0",
     "description": "Esto es el conector a Twilio, Meta, etc...",
     "main": "./lib/mock/index.cjs",
     "keywords": [],

From f9e3bbc6655060408e4fdbe1d7e920c2ed4fca53 Mon Sep 17 00:00:00 2001
From: cheveguerra <cheveguerra@gmail.com>
Date: Sun, 8 Jan 2023 04:57:27 -0600
Subject: [PATCH 7/9] feat: agregamos  dockerfile y webserver a starters

agregamos  dockerfile y webserver a starters
---
 .gitignore                                    |  4 +++
 starters/apps/base-baileys-json/Dockerfile    |  7 +++++
 starters/apps/base-baileys-json/app.js        |  2 ++
 .../apps/base-baileys-json/public/index.html  | 12 ++++++++
 .../apps/base-baileys-json/server.http.js     | 30 +++++++++++++++++++
 starters/apps/base-baileys-memory/Dockerfile  |  7 +++++
 starters/apps/base-baileys-memory/app.js      |  2 ++
 .../base-baileys-memory/public/index.html     | 12 ++++++++
 .../apps/base-baileys-memory/server.http.js   | 30 +++++++++++++++++++
 starters/apps/base-baileys-mongo/Dockerfile   |  7 +++++
 starters/apps/base-baileys-mongo/app.js       |  2 ++
 .../apps/base-baileys-mongo/public/index.html | 12 ++++++++
 .../apps/base-baileys-mongo/server.http.js    | 30 +++++++++++++++++++
 starters/apps/base-baileys-mysql/Dockerfile   |  7 +++++
 starters/apps/base-baileys-mysql/app.js       |  2 ++
 .../apps/base-baileys-mysql/public/index.html | 12 ++++++++
 .../apps/base-baileys-mysql/server.http.js    | 30 +++++++++++++++++++
 starters/apps/base-venom-json/Dockerfile      |  7 +++++
 starters/apps/base-venom-json/app.js          |  2 ++
 .../apps/base-venom-json/public/index.html    | 12 ++++++++
 starters/apps/base-venom-json/server.http.js  | 30 +++++++++++++++++++
 starters/apps/base-venom-memory/Dockerfile    |  7 +++++
 starters/apps/base-venom-memory/app.js        |  2 ++
 .../apps/base-venom-memory/public/index.html  | 12 ++++++++
 .../apps/base-venom-memory/server.http.js     | 30 +++++++++++++++++++
 starters/apps/base-venom-mongo/Dockerfile     |  7 +++++
 starters/apps/base-venom-mongo/app.js         |  2 ++
 .../apps/base-venom-mongo/public/index.html   | 12 ++++++++
 starters/apps/base-venom-mongo/server.http.js | 30 +++++++++++++++++++
 starters/apps/base-venom-mysql/Dockerfile     |  7 +++++
 starters/apps/base-venom-mysql/app.js         |  2 ++
 .../apps/base-venom-mysql/public/index.html   | 12 ++++++++
 starters/apps/base-venom-mysql/server.http.js | 30 +++++++++++++++++++
 starters/apps/base-wweb-json/Dockerfile       |  7 +++++
 starters/apps/base-wweb-json/app.js           |  2 ++
 .../apps/base-wweb-json/public/index.html     | 12 ++++++++
 starters/apps/base-wweb-json/server.http.js   | 30 +++++++++++++++++++
 starters/apps/base-wweb-memory/Dockerfile     |  7 +++++
 starters/apps/base-wweb-memory/app.js         |  2 ++
 .../apps/base-wweb-memory/public/index.html   | 12 ++++++++
 starters/apps/base-wweb-memory/server.http.js | 30 +++++++++++++++++++
 starters/apps/base-wweb-mongo/Dockerfile      |  7 +++++
 starters/apps/base-wweb-mongo/app.js          |  2 ++
 .../apps/base-wweb-mongo/public/index.html    | 12 ++++++++
 starters/apps/base-wweb-mongo/server.http.js  | 30 +++++++++++++++++++
 starters/apps/base-wweb-mysql/Dockerfile      |  7 +++++
 starters/apps/base-wweb-mysql/app.js          |  2 ++
 .../apps/base-wweb-mysql/public/index.html    | 12 ++++++++
 starters/apps/base-wweb-mysql/server.http.js  | 30 +++++++++++++++++++
 49 files changed, 616 insertions(+)
 create mode 100644 starters/apps/base-baileys-json/Dockerfile
 create mode 100644 starters/apps/base-baileys-json/public/index.html
 create mode 100644 starters/apps/base-baileys-json/server.http.js
 create mode 100644 starters/apps/base-baileys-memory/Dockerfile
 create mode 100644 starters/apps/base-baileys-memory/public/index.html
 create mode 100644 starters/apps/base-baileys-memory/server.http.js
 create mode 100644 starters/apps/base-baileys-mongo/Dockerfile
 create mode 100644 starters/apps/base-baileys-mongo/public/index.html
 create mode 100644 starters/apps/base-baileys-mongo/server.http.js
 create mode 100644 starters/apps/base-baileys-mysql/Dockerfile
 create mode 100644 starters/apps/base-baileys-mysql/public/index.html
 create mode 100644 starters/apps/base-baileys-mysql/server.http.js
 create mode 100644 starters/apps/base-venom-json/Dockerfile
 create mode 100644 starters/apps/base-venom-json/public/index.html
 create mode 100644 starters/apps/base-venom-json/server.http.js
 create mode 100644 starters/apps/base-venom-memory/Dockerfile
 create mode 100644 starters/apps/base-venom-memory/public/index.html
 create mode 100644 starters/apps/base-venom-memory/server.http.js
 create mode 100644 starters/apps/base-venom-mongo/Dockerfile
 create mode 100644 starters/apps/base-venom-mongo/public/index.html
 create mode 100644 starters/apps/base-venom-mongo/server.http.js
 create mode 100644 starters/apps/base-venom-mysql/Dockerfile
 create mode 100644 starters/apps/base-venom-mysql/public/index.html
 create mode 100644 starters/apps/base-venom-mysql/server.http.js
 create mode 100644 starters/apps/base-wweb-json/Dockerfile
 create mode 100644 starters/apps/base-wweb-json/public/index.html
 create mode 100644 starters/apps/base-wweb-json/server.http.js
 create mode 100644 starters/apps/base-wweb-memory/Dockerfile
 create mode 100644 starters/apps/base-wweb-memory/public/index.html
 create mode 100644 starters/apps/base-wweb-memory/server.http.js
 create mode 100644 starters/apps/base-wweb-mongo/Dockerfile
 create mode 100644 starters/apps/base-wweb-mongo/public/index.html
 create mode 100644 starters/apps/base-wweb-mongo/server.http.js
 create mode 100644 starters/apps/base-wweb-mysql/Dockerfile
 create mode 100644 starters/apps/base-wweb-mysql/public/index.html
 create mode 100644 starters/apps/base-wweb-mysql/server.http.js

diff --git a/.gitignore b/.gitignore
index 2a3fcb7..721d12c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -14,6 +14,10 @@ mediaSend/*
 !mediaSend/nota-de-voz.mp3
 .env
 .wwebjs_auth
+/session
+/session/*
+/tokens
+/tokens/*
 packages/cli/config.json
 config.json
 .yarnrc.yml
diff --git a/starters/apps/base-baileys-json/Dockerfile b/starters/apps/base-baileys-json/Dockerfile
new file mode 100644
index 0000000..14b07b2
--- /dev/null
+++ b/starters/apps/base-baileys-json/Dockerfile
@@ -0,0 +1,7 @@
+FROM node:lts-bullseye as bot
+WORKDIR /app
+COPY package*.json ./
+RUN npm i
+COPY . .
+ARG PORT
+CMD ["npm", "start"]
diff --git a/starters/apps/base-baileys-json/app.js b/starters/apps/base-baileys-json/app.js
index 267d860..99ecf65 100644
--- a/starters/apps/base-baileys-json/app.js
+++ b/starters/apps/base-baileys-json/app.js
@@ -5,6 +5,8 @@ const {
     addKeyword,
 } = require('@bot-whatsapp/bot')
 
+require('./server.http')
+
 const BaileysProvider = require('@bot-whatsapp/provider/baileys')
 const JsonFileAdapter = require('@bot-whatsapp/database/json')
 
diff --git a/starters/apps/base-baileys-json/public/index.html b/starters/apps/base-baileys-json/public/index.html
new file mode 100644
index 0000000..d193fae
--- /dev/null
+++ b/starters/apps/base-baileys-json/public/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Document</title>
+    </head>
+    <body>
+        <img src="qr.png" alt="" />
+    </body>
+</html>
diff --git a/starters/apps/base-baileys-json/server.http.js b/starters/apps/base-baileys-json/server.http.js
new file mode 100644
index 0000000..439f191
--- /dev/null
+++ b/starters/apps/base-baileys-json/server.http.js
@@ -0,0 +1,30 @@
+var http = require('http')
+var fs = require('fs')
+var path = require('path')
+
+const PORT = process.env.PORT || 3000
+
+/**
+ * Levantar un HTTP Server
+ */
+http.createServer(function (req, res) {
+    if (req.url === '/') {
+        fs.readFile('./public/index.html', 'UTF-8', function (err, html) {
+            res.writeHead(200, { 'Content-Type': 'text/html' })
+            res.end(html)
+        })
+    } else if (req.url.match('.css$')) {
+        var cssPath = path.join(__dirname, 'public', req.url)
+        var fileStream = fs.createReadStream(cssPath, 'UTF-8')
+        res.writeHead(200, { 'Content-Type': 'text/css' })
+        fileStream.pipe(res)
+    } else if (req.url.match('.png$')) {
+        var imagePath = path.join(__dirname, req.url)
+        var fileStream = fs.createReadStream(imagePath)
+        res.writeHead(200, { 'Content-Type': 'image/png' })
+        fileStream.pipe(res)
+    } else {
+        res.writeHead(404, { 'Content-Type': 'text/html' })
+        res.end('No Page Found')
+    }
+}).listen(PORT, () => console.log(`Ready HTTP http://localhost:${PORT}`))
diff --git a/starters/apps/base-baileys-memory/Dockerfile b/starters/apps/base-baileys-memory/Dockerfile
new file mode 100644
index 0000000..14b07b2
--- /dev/null
+++ b/starters/apps/base-baileys-memory/Dockerfile
@@ -0,0 +1,7 @@
+FROM node:lts-bullseye as bot
+WORKDIR /app
+COPY package*.json ./
+RUN npm i
+COPY . .
+ARG PORT
+CMD ["npm", "start"]
diff --git a/starters/apps/base-baileys-memory/app.js b/starters/apps/base-baileys-memory/app.js
index 3b967a8..522bb6c 100644
--- a/starters/apps/base-baileys-memory/app.js
+++ b/starters/apps/base-baileys-memory/app.js
@@ -5,6 +5,8 @@ const {
     addKeyword,
 } = require('@bot-whatsapp/bot')
 
+require('./server.http')
+
 const BaileysProvider = require('@bot-whatsapp/provider/baileys')
 const MockAdapter = require('@bot-whatsapp/database/mock')
 
diff --git a/starters/apps/base-baileys-memory/public/index.html b/starters/apps/base-baileys-memory/public/index.html
new file mode 100644
index 0000000..d193fae
--- /dev/null
+++ b/starters/apps/base-baileys-memory/public/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Document</title>
+    </head>
+    <body>
+        <img src="qr.png" alt="" />
+    </body>
+</html>
diff --git a/starters/apps/base-baileys-memory/server.http.js b/starters/apps/base-baileys-memory/server.http.js
new file mode 100644
index 0000000..439f191
--- /dev/null
+++ b/starters/apps/base-baileys-memory/server.http.js
@@ -0,0 +1,30 @@
+var http = require('http')
+var fs = require('fs')
+var path = require('path')
+
+const PORT = process.env.PORT || 3000
+
+/**
+ * Levantar un HTTP Server
+ */
+http.createServer(function (req, res) {
+    if (req.url === '/') {
+        fs.readFile('./public/index.html', 'UTF-8', function (err, html) {
+            res.writeHead(200, { 'Content-Type': 'text/html' })
+            res.end(html)
+        })
+    } else if (req.url.match('.css$')) {
+        var cssPath = path.join(__dirname, 'public', req.url)
+        var fileStream = fs.createReadStream(cssPath, 'UTF-8')
+        res.writeHead(200, { 'Content-Type': 'text/css' })
+        fileStream.pipe(res)
+    } else if (req.url.match('.png$')) {
+        var imagePath = path.join(__dirname, req.url)
+        var fileStream = fs.createReadStream(imagePath)
+        res.writeHead(200, { 'Content-Type': 'image/png' })
+        fileStream.pipe(res)
+    } else {
+        res.writeHead(404, { 'Content-Type': 'text/html' })
+        res.end('No Page Found')
+    }
+}).listen(PORT, () => console.log(`Ready HTTP http://localhost:${PORT}`))
diff --git a/starters/apps/base-baileys-mongo/Dockerfile b/starters/apps/base-baileys-mongo/Dockerfile
new file mode 100644
index 0000000..14b07b2
--- /dev/null
+++ b/starters/apps/base-baileys-mongo/Dockerfile
@@ -0,0 +1,7 @@
+FROM node:lts-bullseye as bot
+WORKDIR /app
+COPY package*.json ./
+RUN npm i
+COPY . .
+ARG PORT
+CMD ["npm", "start"]
diff --git a/starters/apps/base-baileys-mongo/app.js b/starters/apps/base-baileys-mongo/app.js
index 96f04b0..277115d 100644
--- a/starters/apps/base-baileys-mongo/app.js
+++ b/starters/apps/base-baileys-mongo/app.js
@@ -5,6 +5,8 @@ const {
     addKeyword,
 } = require('@bot-whatsapp/bot')
 
+require('./server.http')
+
 const BaileysProvider = require('@bot-whatsapp/provider/baileys')
 const MongoAdapter = require('@bot-whatsapp/database/mongo')
 
diff --git a/starters/apps/base-baileys-mongo/public/index.html b/starters/apps/base-baileys-mongo/public/index.html
new file mode 100644
index 0000000..d193fae
--- /dev/null
+++ b/starters/apps/base-baileys-mongo/public/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Document</title>
+    </head>
+    <body>
+        <img src="qr.png" alt="" />
+    </body>
+</html>
diff --git a/starters/apps/base-baileys-mongo/server.http.js b/starters/apps/base-baileys-mongo/server.http.js
new file mode 100644
index 0000000..439f191
--- /dev/null
+++ b/starters/apps/base-baileys-mongo/server.http.js
@@ -0,0 +1,30 @@
+var http = require('http')
+var fs = require('fs')
+var path = require('path')
+
+const PORT = process.env.PORT || 3000
+
+/**
+ * Levantar un HTTP Server
+ */
+http.createServer(function (req, res) {
+    if (req.url === '/') {
+        fs.readFile('./public/index.html', 'UTF-8', function (err, html) {
+            res.writeHead(200, { 'Content-Type': 'text/html' })
+            res.end(html)
+        })
+    } else if (req.url.match('.css$')) {
+        var cssPath = path.join(__dirname, 'public', req.url)
+        var fileStream = fs.createReadStream(cssPath, 'UTF-8')
+        res.writeHead(200, { 'Content-Type': 'text/css' })
+        fileStream.pipe(res)
+    } else if (req.url.match('.png$')) {
+        var imagePath = path.join(__dirname, req.url)
+        var fileStream = fs.createReadStream(imagePath)
+        res.writeHead(200, { 'Content-Type': 'image/png' })
+        fileStream.pipe(res)
+    } else {
+        res.writeHead(404, { 'Content-Type': 'text/html' })
+        res.end('No Page Found')
+    }
+}).listen(PORT, () => console.log(`Ready HTTP http://localhost:${PORT}`))
diff --git a/starters/apps/base-baileys-mysql/Dockerfile b/starters/apps/base-baileys-mysql/Dockerfile
new file mode 100644
index 0000000..14b07b2
--- /dev/null
+++ b/starters/apps/base-baileys-mysql/Dockerfile
@@ -0,0 +1,7 @@
+FROM node:lts-bullseye as bot
+WORKDIR /app
+COPY package*.json ./
+RUN npm i
+COPY . .
+ARG PORT
+CMD ["npm", "start"]
diff --git a/starters/apps/base-baileys-mysql/app.js b/starters/apps/base-baileys-mysql/app.js
index 6982000..02a13c0 100644
--- a/starters/apps/base-baileys-mysql/app.js
+++ b/starters/apps/base-baileys-mysql/app.js
@@ -5,6 +5,8 @@ const {
     addKeyword,
 } = require('@bot-whatsapp/bot')
 
+require('./server.http')
+
 const BaileysProvider = require('@bot-whatsapp/provider/baileys')
 const MySQLAdapter = require('@bot-whatsapp/database/mysql')
 
diff --git a/starters/apps/base-baileys-mysql/public/index.html b/starters/apps/base-baileys-mysql/public/index.html
new file mode 100644
index 0000000..d193fae
--- /dev/null
+++ b/starters/apps/base-baileys-mysql/public/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Document</title>
+    </head>
+    <body>
+        <img src="qr.png" alt="" />
+    </body>
+</html>
diff --git a/starters/apps/base-baileys-mysql/server.http.js b/starters/apps/base-baileys-mysql/server.http.js
new file mode 100644
index 0000000..439f191
--- /dev/null
+++ b/starters/apps/base-baileys-mysql/server.http.js
@@ -0,0 +1,30 @@
+var http = require('http')
+var fs = require('fs')
+var path = require('path')
+
+const PORT = process.env.PORT || 3000
+
+/**
+ * Levantar un HTTP Server
+ */
+http.createServer(function (req, res) {
+    if (req.url === '/') {
+        fs.readFile('./public/index.html', 'UTF-8', function (err, html) {
+            res.writeHead(200, { 'Content-Type': 'text/html' })
+            res.end(html)
+        })
+    } else if (req.url.match('.css$')) {
+        var cssPath = path.join(__dirname, 'public', req.url)
+        var fileStream = fs.createReadStream(cssPath, 'UTF-8')
+        res.writeHead(200, { 'Content-Type': 'text/css' })
+        fileStream.pipe(res)
+    } else if (req.url.match('.png$')) {
+        var imagePath = path.join(__dirname, req.url)
+        var fileStream = fs.createReadStream(imagePath)
+        res.writeHead(200, { 'Content-Type': 'image/png' })
+        fileStream.pipe(res)
+    } else {
+        res.writeHead(404, { 'Content-Type': 'text/html' })
+        res.end('No Page Found')
+    }
+}).listen(PORT, () => console.log(`Ready HTTP http://localhost:${PORT}`))
diff --git a/starters/apps/base-venom-json/Dockerfile b/starters/apps/base-venom-json/Dockerfile
new file mode 100644
index 0000000..14b07b2
--- /dev/null
+++ b/starters/apps/base-venom-json/Dockerfile
@@ -0,0 +1,7 @@
+FROM node:lts-bullseye as bot
+WORKDIR /app
+COPY package*.json ./
+RUN npm i
+COPY . .
+ARG PORT
+CMD ["npm", "start"]
diff --git a/starters/apps/base-venom-json/app.js b/starters/apps/base-venom-json/app.js
index 8a223b2..c742f78 100644
--- a/starters/apps/base-venom-json/app.js
+++ b/starters/apps/base-venom-json/app.js
@@ -5,6 +5,8 @@ const {
     addKeyword,
 } = require('@bot-whatsapp/bot')
 
+require('./server.http')
+
 const VenomProvider = require('@bot-whatsapp/provider/venom')
 const JsonFileAdapter = require('@bot-whatsapp/database/json')
 
diff --git a/starters/apps/base-venom-json/public/index.html b/starters/apps/base-venom-json/public/index.html
new file mode 100644
index 0000000..d193fae
--- /dev/null
+++ b/starters/apps/base-venom-json/public/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Document</title>
+    </head>
+    <body>
+        <img src="qr.png" alt="" />
+    </body>
+</html>
diff --git a/starters/apps/base-venom-json/server.http.js b/starters/apps/base-venom-json/server.http.js
new file mode 100644
index 0000000..439f191
--- /dev/null
+++ b/starters/apps/base-venom-json/server.http.js
@@ -0,0 +1,30 @@
+var http = require('http')
+var fs = require('fs')
+var path = require('path')
+
+const PORT = process.env.PORT || 3000
+
+/**
+ * Levantar un HTTP Server
+ */
+http.createServer(function (req, res) {
+    if (req.url === '/') {
+        fs.readFile('./public/index.html', 'UTF-8', function (err, html) {
+            res.writeHead(200, { 'Content-Type': 'text/html' })
+            res.end(html)
+        })
+    } else if (req.url.match('.css$')) {
+        var cssPath = path.join(__dirname, 'public', req.url)
+        var fileStream = fs.createReadStream(cssPath, 'UTF-8')
+        res.writeHead(200, { 'Content-Type': 'text/css' })
+        fileStream.pipe(res)
+    } else if (req.url.match('.png$')) {
+        var imagePath = path.join(__dirname, req.url)
+        var fileStream = fs.createReadStream(imagePath)
+        res.writeHead(200, { 'Content-Type': 'image/png' })
+        fileStream.pipe(res)
+    } else {
+        res.writeHead(404, { 'Content-Type': 'text/html' })
+        res.end('No Page Found')
+    }
+}).listen(PORT, () => console.log(`Ready HTTP http://localhost:${PORT}`))
diff --git a/starters/apps/base-venom-memory/Dockerfile b/starters/apps/base-venom-memory/Dockerfile
new file mode 100644
index 0000000..14b07b2
--- /dev/null
+++ b/starters/apps/base-venom-memory/Dockerfile
@@ -0,0 +1,7 @@
+FROM node:lts-bullseye as bot
+WORKDIR /app
+COPY package*.json ./
+RUN npm i
+COPY . .
+ARG PORT
+CMD ["npm", "start"]
diff --git a/starters/apps/base-venom-memory/app.js b/starters/apps/base-venom-memory/app.js
index 44750c4..6f89ef2 100644
--- a/starters/apps/base-venom-memory/app.js
+++ b/starters/apps/base-venom-memory/app.js
@@ -5,6 +5,8 @@ const {
     addKeyword,
 } = require('@bot-whatsapp/bot')
 
+require('./server.http')
+
 const VenomProvider = require('@bot-whatsapp/provider/venom')
 const MockAdapter = require('@bot-whatsapp/database/mock')
 
diff --git a/starters/apps/base-venom-memory/public/index.html b/starters/apps/base-venom-memory/public/index.html
new file mode 100644
index 0000000..d193fae
--- /dev/null
+++ b/starters/apps/base-venom-memory/public/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Document</title>
+    </head>
+    <body>
+        <img src="qr.png" alt="" />
+    </body>
+</html>
diff --git a/starters/apps/base-venom-memory/server.http.js b/starters/apps/base-venom-memory/server.http.js
new file mode 100644
index 0000000..439f191
--- /dev/null
+++ b/starters/apps/base-venom-memory/server.http.js
@@ -0,0 +1,30 @@
+var http = require('http')
+var fs = require('fs')
+var path = require('path')
+
+const PORT = process.env.PORT || 3000
+
+/**
+ * Levantar un HTTP Server
+ */
+http.createServer(function (req, res) {
+    if (req.url === '/') {
+        fs.readFile('./public/index.html', 'UTF-8', function (err, html) {
+            res.writeHead(200, { 'Content-Type': 'text/html' })
+            res.end(html)
+        })
+    } else if (req.url.match('.css$')) {
+        var cssPath = path.join(__dirname, 'public', req.url)
+        var fileStream = fs.createReadStream(cssPath, 'UTF-8')
+        res.writeHead(200, { 'Content-Type': 'text/css' })
+        fileStream.pipe(res)
+    } else if (req.url.match('.png$')) {
+        var imagePath = path.join(__dirname, req.url)
+        var fileStream = fs.createReadStream(imagePath)
+        res.writeHead(200, { 'Content-Type': 'image/png' })
+        fileStream.pipe(res)
+    } else {
+        res.writeHead(404, { 'Content-Type': 'text/html' })
+        res.end('No Page Found')
+    }
+}).listen(PORT, () => console.log(`Ready HTTP http://localhost:${PORT}`))
diff --git a/starters/apps/base-venom-mongo/Dockerfile b/starters/apps/base-venom-mongo/Dockerfile
new file mode 100644
index 0000000..14b07b2
--- /dev/null
+++ b/starters/apps/base-venom-mongo/Dockerfile
@@ -0,0 +1,7 @@
+FROM node:lts-bullseye as bot
+WORKDIR /app
+COPY package*.json ./
+RUN npm i
+COPY . .
+ARG PORT
+CMD ["npm", "start"]
diff --git a/starters/apps/base-venom-mongo/app.js b/starters/apps/base-venom-mongo/app.js
index 266e2e0..d8de982 100644
--- a/starters/apps/base-venom-mongo/app.js
+++ b/starters/apps/base-venom-mongo/app.js
@@ -5,6 +5,8 @@ const {
     addKeyword,
 } = require('@bot-whatsapp/bot')
 
+require('./server.http')
+
 const VenomProvider = require('@bot-whatsapp/provider/venom')
 const MongoAdapter = require('@bot-whatsapp/database/mongo')
 
diff --git a/starters/apps/base-venom-mongo/public/index.html b/starters/apps/base-venom-mongo/public/index.html
new file mode 100644
index 0000000..d193fae
--- /dev/null
+++ b/starters/apps/base-venom-mongo/public/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Document</title>
+    </head>
+    <body>
+        <img src="qr.png" alt="" />
+    </body>
+</html>
diff --git a/starters/apps/base-venom-mongo/server.http.js b/starters/apps/base-venom-mongo/server.http.js
new file mode 100644
index 0000000..439f191
--- /dev/null
+++ b/starters/apps/base-venom-mongo/server.http.js
@@ -0,0 +1,30 @@
+var http = require('http')
+var fs = require('fs')
+var path = require('path')
+
+const PORT = process.env.PORT || 3000
+
+/**
+ * Levantar un HTTP Server
+ */
+http.createServer(function (req, res) {
+    if (req.url === '/') {
+        fs.readFile('./public/index.html', 'UTF-8', function (err, html) {
+            res.writeHead(200, { 'Content-Type': 'text/html' })
+            res.end(html)
+        })
+    } else if (req.url.match('.css$')) {
+        var cssPath = path.join(__dirname, 'public', req.url)
+        var fileStream = fs.createReadStream(cssPath, 'UTF-8')
+        res.writeHead(200, { 'Content-Type': 'text/css' })
+        fileStream.pipe(res)
+    } else if (req.url.match('.png$')) {
+        var imagePath = path.join(__dirname, req.url)
+        var fileStream = fs.createReadStream(imagePath)
+        res.writeHead(200, { 'Content-Type': 'image/png' })
+        fileStream.pipe(res)
+    } else {
+        res.writeHead(404, { 'Content-Type': 'text/html' })
+        res.end('No Page Found')
+    }
+}).listen(PORT, () => console.log(`Ready HTTP http://localhost:${PORT}`))
diff --git a/starters/apps/base-venom-mysql/Dockerfile b/starters/apps/base-venom-mysql/Dockerfile
new file mode 100644
index 0000000..14b07b2
--- /dev/null
+++ b/starters/apps/base-venom-mysql/Dockerfile
@@ -0,0 +1,7 @@
+FROM node:lts-bullseye as bot
+WORKDIR /app
+COPY package*.json ./
+RUN npm i
+COPY . .
+ARG PORT
+CMD ["npm", "start"]
diff --git a/starters/apps/base-venom-mysql/app.js b/starters/apps/base-venom-mysql/app.js
index fe19fa5..24da8ee 100644
--- a/starters/apps/base-venom-mysql/app.js
+++ b/starters/apps/base-venom-mysql/app.js
@@ -5,6 +5,8 @@ const {
     addKeyword,
 } = require('@bot-whatsapp/bot')
 
+require('./server.http')
+
 const VenomProvider = require('@bot-whatsapp/provider/venom')
 const MySQLAdapter = require('@bot-whatsapp/database/mysql')
 
diff --git a/starters/apps/base-venom-mysql/public/index.html b/starters/apps/base-venom-mysql/public/index.html
new file mode 100644
index 0000000..d193fae
--- /dev/null
+++ b/starters/apps/base-venom-mysql/public/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Document</title>
+    </head>
+    <body>
+        <img src="qr.png" alt="" />
+    </body>
+</html>
diff --git a/starters/apps/base-venom-mysql/server.http.js b/starters/apps/base-venom-mysql/server.http.js
new file mode 100644
index 0000000..439f191
--- /dev/null
+++ b/starters/apps/base-venom-mysql/server.http.js
@@ -0,0 +1,30 @@
+var http = require('http')
+var fs = require('fs')
+var path = require('path')
+
+const PORT = process.env.PORT || 3000
+
+/**
+ * Levantar un HTTP Server
+ */
+http.createServer(function (req, res) {
+    if (req.url === '/') {
+        fs.readFile('./public/index.html', 'UTF-8', function (err, html) {
+            res.writeHead(200, { 'Content-Type': 'text/html' })
+            res.end(html)
+        })
+    } else if (req.url.match('.css$')) {
+        var cssPath = path.join(__dirname, 'public', req.url)
+        var fileStream = fs.createReadStream(cssPath, 'UTF-8')
+        res.writeHead(200, { 'Content-Type': 'text/css' })
+        fileStream.pipe(res)
+    } else if (req.url.match('.png$')) {
+        var imagePath = path.join(__dirname, req.url)
+        var fileStream = fs.createReadStream(imagePath)
+        res.writeHead(200, { 'Content-Type': 'image/png' })
+        fileStream.pipe(res)
+    } else {
+        res.writeHead(404, { 'Content-Type': 'text/html' })
+        res.end('No Page Found')
+    }
+}).listen(PORT, () => console.log(`Ready HTTP http://localhost:${PORT}`))
diff --git a/starters/apps/base-wweb-json/Dockerfile b/starters/apps/base-wweb-json/Dockerfile
new file mode 100644
index 0000000..14b07b2
--- /dev/null
+++ b/starters/apps/base-wweb-json/Dockerfile
@@ -0,0 +1,7 @@
+FROM node:lts-bullseye as bot
+WORKDIR /app
+COPY package*.json ./
+RUN npm i
+COPY . .
+ARG PORT
+CMD ["npm", "start"]
diff --git a/starters/apps/base-wweb-json/app.js b/starters/apps/base-wweb-json/app.js
index 2b8a55d..31f03dd 100644
--- a/starters/apps/base-wweb-json/app.js
+++ b/starters/apps/base-wweb-json/app.js
@@ -5,6 +5,8 @@ const {
     addKeyword,
 } = require('@bot-whatsapp/bot')
 
+require('./server.http')
+
 const WebWhatsappProvider = require('@bot-whatsapp/provider/web-whatsapp')
 const JsonFileAdapter = require('@bot-whatsapp/database/json')
 
diff --git a/starters/apps/base-wweb-json/public/index.html b/starters/apps/base-wweb-json/public/index.html
new file mode 100644
index 0000000..d193fae
--- /dev/null
+++ b/starters/apps/base-wweb-json/public/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Document</title>
+    </head>
+    <body>
+        <img src="qr.png" alt="" />
+    </body>
+</html>
diff --git a/starters/apps/base-wweb-json/server.http.js b/starters/apps/base-wweb-json/server.http.js
new file mode 100644
index 0000000..439f191
--- /dev/null
+++ b/starters/apps/base-wweb-json/server.http.js
@@ -0,0 +1,30 @@
+var http = require('http')
+var fs = require('fs')
+var path = require('path')
+
+const PORT = process.env.PORT || 3000
+
+/**
+ * Levantar un HTTP Server
+ */
+http.createServer(function (req, res) {
+    if (req.url === '/') {
+        fs.readFile('./public/index.html', 'UTF-8', function (err, html) {
+            res.writeHead(200, { 'Content-Type': 'text/html' })
+            res.end(html)
+        })
+    } else if (req.url.match('.css$')) {
+        var cssPath = path.join(__dirname, 'public', req.url)
+        var fileStream = fs.createReadStream(cssPath, 'UTF-8')
+        res.writeHead(200, { 'Content-Type': 'text/css' })
+        fileStream.pipe(res)
+    } else if (req.url.match('.png$')) {
+        var imagePath = path.join(__dirname, req.url)
+        var fileStream = fs.createReadStream(imagePath)
+        res.writeHead(200, { 'Content-Type': 'image/png' })
+        fileStream.pipe(res)
+    } else {
+        res.writeHead(404, { 'Content-Type': 'text/html' })
+        res.end('No Page Found')
+    }
+}).listen(PORT, () => console.log(`Ready HTTP http://localhost:${PORT}`))
diff --git a/starters/apps/base-wweb-memory/Dockerfile b/starters/apps/base-wweb-memory/Dockerfile
new file mode 100644
index 0000000..14b07b2
--- /dev/null
+++ b/starters/apps/base-wweb-memory/Dockerfile
@@ -0,0 +1,7 @@
+FROM node:lts-bullseye as bot
+WORKDIR /app
+COPY package*.json ./
+RUN npm i
+COPY . .
+ARG PORT
+CMD ["npm", "start"]
diff --git a/starters/apps/base-wweb-memory/app.js b/starters/apps/base-wweb-memory/app.js
index 1e47221..5318283 100644
--- a/starters/apps/base-wweb-memory/app.js
+++ b/starters/apps/base-wweb-memory/app.js
@@ -5,6 +5,8 @@ const {
     addKeyword,
 } = require('@bot-whatsapp/bot')
 
+require('./server.http')
+
 const WebWhatsappProvider = require('@bot-whatsapp/provider/web-whatsapp')
 const MockAdapter = require('@bot-whatsapp/database/mock')
 
diff --git a/starters/apps/base-wweb-memory/public/index.html b/starters/apps/base-wweb-memory/public/index.html
new file mode 100644
index 0000000..d193fae
--- /dev/null
+++ b/starters/apps/base-wweb-memory/public/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Document</title>
+    </head>
+    <body>
+        <img src="qr.png" alt="" />
+    </body>
+</html>
diff --git a/starters/apps/base-wweb-memory/server.http.js b/starters/apps/base-wweb-memory/server.http.js
new file mode 100644
index 0000000..439f191
--- /dev/null
+++ b/starters/apps/base-wweb-memory/server.http.js
@@ -0,0 +1,30 @@
+var http = require('http')
+var fs = require('fs')
+var path = require('path')
+
+const PORT = process.env.PORT || 3000
+
+/**
+ * Levantar un HTTP Server
+ */
+http.createServer(function (req, res) {
+    if (req.url === '/') {
+        fs.readFile('./public/index.html', 'UTF-8', function (err, html) {
+            res.writeHead(200, { 'Content-Type': 'text/html' })
+            res.end(html)
+        })
+    } else if (req.url.match('.css$')) {
+        var cssPath = path.join(__dirname, 'public', req.url)
+        var fileStream = fs.createReadStream(cssPath, 'UTF-8')
+        res.writeHead(200, { 'Content-Type': 'text/css' })
+        fileStream.pipe(res)
+    } else if (req.url.match('.png$')) {
+        var imagePath = path.join(__dirname, req.url)
+        var fileStream = fs.createReadStream(imagePath)
+        res.writeHead(200, { 'Content-Type': 'image/png' })
+        fileStream.pipe(res)
+    } else {
+        res.writeHead(404, { 'Content-Type': 'text/html' })
+        res.end('No Page Found')
+    }
+}).listen(PORT, () => console.log(`Ready HTTP http://localhost:${PORT}`))
diff --git a/starters/apps/base-wweb-mongo/Dockerfile b/starters/apps/base-wweb-mongo/Dockerfile
new file mode 100644
index 0000000..14b07b2
--- /dev/null
+++ b/starters/apps/base-wweb-mongo/Dockerfile
@@ -0,0 +1,7 @@
+FROM node:lts-bullseye as bot
+WORKDIR /app
+COPY package*.json ./
+RUN npm i
+COPY . .
+ARG PORT
+CMD ["npm", "start"]
diff --git a/starters/apps/base-wweb-mongo/app.js b/starters/apps/base-wweb-mongo/app.js
index e78f1b1..34f3887 100644
--- a/starters/apps/base-wweb-mongo/app.js
+++ b/starters/apps/base-wweb-mongo/app.js
@@ -8,6 +8,8 @@ const {
 const WebWhatsappProvider = require('@bot-whatsapp/provider/web-whatsapp')
 const MongoAdapter = require('@bot-whatsapp/database/mongo')
 
+require('./server.http')
+
 /**
  * Declaramos las conexiones de Mongo
  */
diff --git a/starters/apps/base-wweb-mongo/public/index.html b/starters/apps/base-wweb-mongo/public/index.html
new file mode 100644
index 0000000..d193fae
--- /dev/null
+++ b/starters/apps/base-wweb-mongo/public/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Document</title>
+    </head>
+    <body>
+        <img src="qr.png" alt="" />
+    </body>
+</html>
diff --git a/starters/apps/base-wweb-mongo/server.http.js b/starters/apps/base-wweb-mongo/server.http.js
new file mode 100644
index 0000000..439f191
--- /dev/null
+++ b/starters/apps/base-wweb-mongo/server.http.js
@@ -0,0 +1,30 @@
+var http = require('http')
+var fs = require('fs')
+var path = require('path')
+
+const PORT = process.env.PORT || 3000
+
+/**
+ * Levantar un HTTP Server
+ */
+http.createServer(function (req, res) {
+    if (req.url === '/') {
+        fs.readFile('./public/index.html', 'UTF-8', function (err, html) {
+            res.writeHead(200, { 'Content-Type': 'text/html' })
+            res.end(html)
+        })
+    } else if (req.url.match('.css$')) {
+        var cssPath = path.join(__dirname, 'public', req.url)
+        var fileStream = fs.createReadStream(cssPath, 'UTF-8')
+        res.writeHead(200, { 'Content-Type': 'text/css' })
+        fileStream.pipe(res)
+    } else if (req.url.match('.png$')) {
+        var imagePath = path.join(__dirname, req.url)
+        var fileStream = fs.createReadStream(imagePath)
+        res.writeHead(200, { 'Content-Type': 'image/png' })
+        fileStream.pipe(res)
+    } else {
+        res.writeHead(404, { 'Content-Type': 'text/html' })
+        res.end('No Page Found')
+    }
+}).listen(PORT, () => console.log(`Ready HTTP http://localhost:${PORT}`))
diff --git a/starters/apps/base-wweb-mysql/Dockerfile b/starters/apps/base-wweb-mysql/Dockerfile
new file mode 100644
index 0000000..14b07b2
--- /dev/null
+++ b/starters/apps/base-wweb-mysql/Dockerfile
@@ -0,0 +1,7 @@
+FROM node:lts-bullseye as bot
+WORKDIR /app
+COPY package*.json ./
+RUN npm i
+COPY . .
+ARG PORT
+CMD ["npm", "start"]
diff --git a/starters/apps/base-wweb-mysql/app.js b/starters/apps/base-wweb-mysql/app.js
index 2d92136..2095842 100644
--- a/starters/apps/base-wweb-mysql/app.js
+++ b/starters/apps/base-wweb-mysql/app.js
@@ -5,6 +5,8 @@ const {
     addKeyword,
 } = require('@bot-whatsapp/bot')
 
+require('./server.http')
+
 const WebWhatsappProvider = require('@bot-whatsapp/provider/web-whatsapp')
 const MySQLAdapter = require('@bot-whatsapp/database/mysql')
 
diff --git a/starters/apps/base-wweb-mysql/public/index.html b/starters/apps/base-wweb-mysql/public/index.html
new file mode 100644
index 0000000..d193fae
--- /dev/null
+++ b/starters/apps/base-wweb-mysql/public/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Document</title>
+    </head>
+    <body>
+        <img src="qr.png" alt="" />
+    </body>
+</html>
diff --git a/starters/apps/base-wweb-mysql/server.http.js b/starters/apps/base-wweb-mysql/server.http.js
new file mode 100644
index 0000000..439f191
--- /dev/null
+++ b/starters/apps/base-wweb-mysql/server.http.js
@@ -0,0 +1,30 @@
+var http = require('http')
+var fs = require('fs')
+var path = require('path')
+
+const PORT = process.env.PORT || 3000
+
+/**
+ * Levantar un HTTP Server
+ */
+http.createServer(function (req, res) {
+    if (req.url === '/') {
+        fs.readFile('./public/index.html', 'UTF-8', function (err, html) {
+            res.writeHead(200, { 'Content-Type': 'text/html' })
+            res.end(html)
+        })
+    } else if (req.url.match('.css$')) {
+        var cssPath = path.join(__dirname, 'public', req.url)
+        var fileStream = fs.createReadStream(cssPath, 'UTF-8')
+        res.writeHead(200, { 'Content-Type': 'text/css' })
+        fileStream.pipe(res)
+    } else if (req.url.match('.png$')) {
+        var imagePath = path.join(__dirname, req.url)
+        var fileStream = fs.createReadStream(imagePath)
+        res.writeHead(200, { 'Content-Type': 'image/png' })
+        fileStream.pipe(res)
+    } else {
+        res.writeHead(404, { 'Content-Type': 'text/html' })
+        res.end('No Page Found')
+    }
+}).listen(PORT, () => console.log(`Ready HTTP http://localhost:${PORT}`))

From 5a033da83aee1f614120bccf27c9f330500cc7b0 Mon Sep 17 00:00:00 2001
From: Leifer Mendez <leifer33@gmail.com>
Date: Sun, 8 Jan 2023 15:54:32 +0100
Subject: [PATCH 8/9] fix(provider): fix error docker as root user

---
 packages/provider/src/web-whatsapp/index.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/provider/src/web-whatsapp/index.js b/packages/provider/src/web-whatsapp/index.js
index ef9427f..5c35a6c 100644
--- a/packages/provider/src/web-whatsapp/index.js
+++ b/packages/provider/src/web-whatsapp/index.js
@@ -24,6 +24,7 @@ class WebWhatsappProvider extends ProviderClass {
         super()
         this.vendor = new Client({
             authStrategy: new LocalAuth(),
+            puppeteer: { headless: true, args: ['--no-sandbox', '--disable-setuid-sandbox', '--unhandled-rejections=strict'] }
         })
 
         const listEvents = this.busEvents()

From 4e0d33c6bb46ad259774f6d0c38c6c0b5f8ca4a9 Mon Sep 17 00:00:00 2001
From: Leifer Mendez <leifer33@gmail.com>
Date: Sun, 8 Jan 2023 16:47:28 +0100
Subject: [PATCH 9/9] fix: :zap: add Dockerfile, starter

---
 .../apps/base-baileys-json/public/index.html  | 74 ++++++++++++++++++-
 .../apps/base-baileys-json/server.http.js     | 20 +++--
 .../base-baileys-memory/public/index.html     | 74 ++++++++++++++++++-
 .../apps/base-baileys-memory/server.http.js   | 20 +++--
 .../apps/base-baileys-mongo/public/index.html | 74 ++++++++++++++++++-
 .../apps/base-baileys-mongo/server.http.js    | 20 +++--
 .../apps/base-baileys-mysql/public/index.html | 74 ++++++++++++++++++-
 .../apps/base-baileys-mysql/server.http.js    | 20 +++--
 starters/apps/base-venom-json/Dockerfile      | 25 ++++++-
 .../apps/base-venom-json/public/index.html    | 74 ++++++++++++++++++-
 starters/apps/base-venom-json/server.http.js  | 20 +++--
 starters/apps/base-venom-memory/Dockerfile    | 25 ++++++-
 .../apps/base-venom-memory/public/index.html  | 74 ++++++++++++++++++-
 .../apps/base-venom-memory/server.http.js     | 20 +++--
 starters/apps/base-venom-mongo/Dockerfile     | 25 ++++++-
 .../apps/base-venom-mongo/public/index.html   | 74 ++++++++++++++++++-
 starters/apps/base-venom-mongo/server.http.js | 20 +++--
 starters/apps/base-venom-mysql/Dockerfile     | 25 ++++++-
 .../apps/base-venom-mysql/public/index.html   | 74 ++++++++++++++++++-
 starters/apps/base-venom-mysql/server.http.js | 20 +++--
 starters/apps/base-wweb-json/Dockerfile       | 25 ++++++-
 .../apps/base-wweb-json/public/index.html     | 74 ++++++++++++++++++-
 starters/apps/base-wweb-json/server.http.js   | 20 +++--
 starters/apps/base-wweb-memory/Dockerfile     | 25 ++++++-
 .../apps/base-wweb-memory/public/index.html   | 74 ++++++++++++++++++-
 starters/apps/base-wweb-memory/server.http.js | 20 +++--
 starters/apps/base-wweb-mongo/Dockerfile      | 25 ++++++-
 .../apps/base-wweb-mongo/public/index.html    | 74 ++++++++++++++++++-
 starters/apps/base-wweb-mongo/server.http.js  | 20 +++--
 starters/apps/base-wweb-mysql/Dockerfile      | 25 ++++++-
 .../apps/base-wweb-mysql/public/index.html    | 74 ++++++++++++++++++-
 starters/apps/base-wweb-mysql/server.http.js  | 20 +++--
 32 files changed, 1164 insertions(+), 164 deletions(-)

diff --git a/starters/apps/base-baileys-json/public/index.html b/starters/apps/base-baileys-json/public/index.html
index d193fae..202b50c 100644
--- a/starters/apps/base-baileys-json/public/index.html
+++ b/starters/apps/base-baileys-json/public/index.html
@@ -1,12 +1,80 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="es">
     <head>
         <meta charset="UTF-8" />
         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>Document</title>
+        <link rel="preconnect" href="https://rsms.me/" />
+        <link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
+        <title>🤖 Crear chatbot WhatsApp en minutos</title>
+        <style>
+            html,
+            body {
+                display: flex;
+                margin: 0;
+                padding: 0;
+                width: 100%;
+                height: 100%;
+                justify-content: center;
+                align-self: center;
+                align-items: center;
+                font-family: 'Inter', sans-serif;
+            }
+        </style>
     </head>
     <body>
-        <img src="qr.png" alt="" />
+        <div
+            style="
+                display: flex;
+                gap: 2rem;
+                justify-content: center;
+                align-items: center;
+            "
+        >
+            <img
+                style="
+                    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
+                        rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
+                    border-radius: 15px;
+                    object-fit: contain;
+                "
+                width="400"
+                height="400"
+                src="qr.png"
+                alt="Escanear QR"
+            />
+            <div style="width: 400px; display: grid; gap: 1rem">
+                <h1 style="margin: 0">Whatsapp QR</h1>
+                <p>
+                    <strong
+                        >F5 para actualizar, el codigo se actualiza cada minuto. </strong
+                    ><br />
+                    Con esta libreria, puedes configurar respuestas
+                    automatizadas para preguntas frecuentes , recibir y
+                    responder mensajes de manera automatizada, y hacer un
+                    seguimiento de las interacciones con los clientes. Además,
+                    nuestro Chatbot se integra fácilmente con otros sistemas y
+                    herramientas que ya esté utilizando en su negocio.
+                </p>
+                <div>
+                    <a
+                        target="_blank"
+                        style="
+                            background: white;
+                            box-shadow: rgb(0 0 0 / 16%) 0px 10px 36px 0px,
+                                rgb(0 0 0 / 6%) 0px 0px 0px 1px;
+                            padding: 10px;
+                            border-radius: 5px;
+                            font-weight: 600;
+                            text-decoration: none;
+                            color: #1a1a1a;
+                            border: solid 1px #afafaf;
+                        "
+                        href="https://bot-whatsapp.netlify.app/"
+                        >Ver documentación</a
+                    >
+                </div>
+            </div>
+        </div>
     </body>
 </html>
diff --git a/starters/apps/base-baileys-json/server.http.js b/starters/apps/base-baileys-json/server.http.js
index 439f191..217bd71 100644
--- a/starters/apps/base-baileys-json/server.http.js
+++ b/starters/apps/base-baileys-json/server.http.js
@@ -1,6 +1,6 @@
-var http = require('http')
-var fs = require('fs')
-var path = require('path')
+const http = require('http')
+const fs = require('fs')
+const path = require('path')
 
 const PORT = process.env.PORT || 3000
 
@@ -8,23 +8,27 @@ const PORT = process.env.PORT || 3000
  * Levantar un HTTP Server
  */
 http.createServer(function (req, res) {
+    var cssPath = undefined
+    var fileStream = undefined
+    var imagePath = undefined
+
     if (req.url === '/') {
         fs.readFile('./public/index.html', 'UTF-8', function (err, html) {
             res.writeHead(200, { 'Content-Type': 'text/html' })
             res.end(html)
         })
     } else if (req.url.match('.css$')) {
-        var cssPath = path.join(__dirname, 'public', req.url)
-        var fileStream = fs.createReadStream(cssPath, 'UTF-8')
+        cssPath = path.join(__dirname, 'public', req.url)
+        fileStream = fs.createReadStream(cssPath, 'UTF-8')
         res.writeHead(200, { 'Content-Type': 'text/css' })
         fileStream.pipe(res)
     } else if (req.url.match('.png$')) {
-        var imagePath = path.join(__dirname, req.url)
-        var fileStream = fs.createReadStream(imagePath)
+        imagePath = path.join(__dirname, req.url)
+        fileStream = fs.createReadStream(imagePath)
         res.writeHead(200, { 'Content-Type': 'image/png' })
         fileStream.pipe(res)
     } else {
         res.writeHead(404, { 'Content-Type': 'text/html' })
         res.end('No Page Found')
     }
-}).listen(PORT, () => console.log(`Ready HTTP http://localhost:${PORT}`))
+}).listen(PORT, () => console.log(`Escanear QR Code http://localhost:${PORT}`))
diff --git a/starters/apps/base-baileys-memory/public/index.html b/starters/apps/base-baileys-memory/public/index.html
index d193fae..202b50c 100644
--- a/starters/apps/base-baileys-memory/public/index.html
+++ b/starters/apps/base-baileys-memory/public/index.html
@@ -1,12 +1,80 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="es">
     <head>
         <meta charset="UTF-8" />
         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>Document</title>
+        <link rel="preconnect" href="https://rsms.me/" />
+        <link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
+        <title>🤖 Crear chatbot WhatsApp en minutos</title>
+        <style>
+            html,
+            body {
+                display: flex;
+                margin: 0;
+                padding: 0;
+                width: 100%;
+                height: 100%;
+                justify-content: center;
+                align-self: center;
+                align-items: center;
+                font-family: 'Inter', sans-serif;
+            }
+        </style>
     </head>
     <body>
-        <img src="qr.png" alt="" />
+        <div
+            style="
+                display: flex;
+                gap: 2rem;
+                justify-content: center;
+                align-items: center;
+            "
+        >
+            <img
+                style="
+                    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
+                        rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
+                    border-radius: 15px;
+                    object-fit: contain;
+                "
+                width="400"
+                height="400"
+                src="qr.png"
+                alt="Escanear QR"
+            />
+            <div style="width: 400px; display: grid; gap: 1rem">
+                <h1 style="margin: 0">Whatsapp QR</h1>
+                <p>
+                    <strong
+                        >F5 para actualizar, el codigo se actualiza cada minuto. </strong
+                    ><br />
+                    Con esta libreria, puedes configurar respuestas
+                    automatizadas para preguntas frecuentes , recibir y
+                    responder mensajes de manera automatizada, y hacer un
+                    seguimiento de las interacciones con los clientes. Además,
+                    nuestro Chatbot se integra fácilmente con otros sistemas y
+                    herramientas que ya esté utilizando en su negocio.
+                </p>
+                <div>
+                    <a
+                        target="_blank"
+                        style="
+                            background: white;
+                            box-shadow: rgb(0 0 0 / 16%) 0px 10px 36px 0px,
+                                rgb(0 0 0 / 6%) 0px 0px 0px 1px;
+                            padding: 10px;
+                            border-radius: 5px;
+                            font-weight: 600;
+                            text-decoration: none;
+                            color: #1a1a1a;
+                            border: solid 1px #afafaf;
+                        "
+                        href="https://bot-whatsapp.netlify.app/"
+                        >Ver documentación</a
+                    >
+                </div>
+            </div>
+        </div>
     </body>
 </html>
diff --git a/starters/apps/base-baileys-memory/server.http.js b/starters/apps/base-baileys-memory/server.http.js
index 439f191..217bd71 100644
--- a/starters/apps/base-baileys-memory/server.http.js
+++ b/starters/apps/base-baileys-memory/server.http.js
@@ -1,6 +1,6 @@
-var http = require('http')
-var fs = require('fs')
-var path = require('path')
+const http = require('http')
+const fs = require('fs')
+const path = require('path')
 
 const PORT = process.env.PORT || 3000
 
@@ -8,23 +8,27 @@ const PORT = process.env.PORT || 3000
  * Levantar un HTTP Server
  */
 http.createServer(function (req, res) {
+    var cssPath = undefined
+    var fileStream = undefined
+    var imagePath = undefined
+
     if (req.url === '/') {
         fs.readFile('./public/index.html', 'UTF-8', function (err, html) {
             res.writeHead(200, { 'Content-Type': 'text/html' })
             res.end(html)
         })
     } else if (req.url.match('.css$')) {
-        var cssPath = path.join(__dirname, 'public', req.url)
-        var fileStream = fs.createReadStream(cssPath, 'UTF-8')
+        cssPath = path.join(__dirname, 'public', req.url)
+        fileStream = fs.createReadStream(cssPath, 'UTF-8')
         res.writeHead(200, { 'Content-Type': 'text/css' })
         fileStream.pipe(res)
     } else if (req.url.match('.png$')) {
-        var imagePath = path.join(__dirname, req.url)
-        var fileStream = fs.createReadStream(imagePath)
+        imagePath = path.join(__dirname, req.url)
+        fileStream = fs.createReadStream(imagePath)
         res.writeHead(200, { 'Content-Type': 'image/png' })
         fileStream.pipe(res)
     } else {
         res.writeHead(404, { 'Content-Type': 'text/html' })
         res.end('No Page Found')
     }
-}).listen(PORT, () => console.log(`Ready HTTP http://localhost:${PORT}`))
+}).listen(PORT, () => console.log(`Escanear QR Code http://localhost:${PORT}`))
diff --git a/starters/apps/base-baileys-mongo/public/index.html b/starters/apps/base-baileys-mongo/public/index.html
index d193fae..202b50c 100644
--- a/starters/apps/base-baileys-mongo/public/index.html
+++ b/starters/apps/base-baileys-mongo/public/index.html
@@ -1,12 +1,80 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="es">
     <head>
         <meta charset="UTF-8" />
         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>Document</title>
+        <link rel="preconnect" href="https://rsms.me/" />
+        <link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
+        <title>🤖 Crear chatbot WhatsApp en minutos</title>
+        <style>
+            html,
+            body {
+                display: flex;
+                margin: 0;
+                padding: 0;
+                width: 100%;
+                height: 100%;
+                justify-content: center;
+                align-self: center;
+                align-items: center;
+                font-family: 'Inter', sans-serif;
+            }
+        </style>
     </head>
     <body>
-        <img src="qr.png" alt="" />
+        <div
+            style="
+                display: flex;
+                gap: 2rem;
+                justify-content: center;
+                align-items: center;
+            "
+        >
+            <img
+                style="
+                    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
+                        rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
+                    border-radius: 15px;
+                    object-fit: contain;
+                "
+                width="400"
+                height="400"
+                src="qr.png"
+                alt="Escanear QR"
+            />
+            <div style="width: 400px; display: grid; gap: 1rem">
+                <h1 style="margin: 0">Whatsapp QR</h1>
+                <p>
+                    <strong
+                        >F5 para actualizar, el codigo se actualiza cada minuto. </strong
+                    ><br />
+                    Con esta libreria, puedes configurar respuestas
+                    automatizadas para preguntas frecuentes , recibir y
+                    responder mensajes de manera automatizada, y hacer un
+                    seguimiento de las interacciones con los clientes. Además,
+                    nuestro Chatbot se integra fácilmente con otros sistemas y
+                    herramientas que ya esté utilizando en su negocio.
+                </p>
+                <div>
+                    <a
+                        target="_blank"
+                        style="
+                            background: white;
+                            box-shadow: rgb(0 0 0 / 16%) 0px 10px 36px 0px,
+                                rgb(0 0 0 / 6%) 0px 0px 0px 1px;
+                            padding: 10px;
+                            border-radius: 5px;
+                            font-weight: 600;
+                            text-decoration: none;
+                            color: #1a1a1a;
+                            border: solid 1px #afafaf;
+                        "
+                        href="https://bot-whatsapp.netlify.app/"
+                        >Ver documentación</a
+                    >
+                </div>
+            </div>
+        </div>
     </body>
 </html>
diff --git a/starters/apps/base-baileys-mongo/server.http.js b/starters/apps/base-baileys-mongo/server.http.js
index 439f191..217bd71 100644
--- a/starters/apps/base-baileys-mongo/server.http.js
+++ b/starters/apps/base-baileys-mongo/server.http.js
@@ -1,6 +1,6 @@
-var http = require('http')
-var fs = require('fs')
-var path = require('path')
+const http = require('http')
+const fs = require('fs')
+const path = require('path')
 
 const PORT = process.env.PORT || 3000
 
@@ -8,23 +8,27 @@ const PORT = process.env.PORT || 3000
  * Levantar un HTTP Server
  */
 http.createServer(function (req, res) {
+    var cssPath = undefined
+    var fileStream = undefined
+    var imagePath = undefined
+
     if (req.url === '/') {
         fs.readFile('./public/index.html', 'UTF-8', function (err, html) {
             res.writeHead(200, { 'Content-Type': 'text/html' })
             res.end(html)
         })
     } else if (req.url.match('.css$')) {
-        var cssPath = path.join(__dirname, 'public', req.url)
-        var fileStream = fs.createReadStream(cssPath, 'UTF-8')
+        cssPath = path.join(__dirname, 'public', req.url)
+        fileStream = fs.createReadStream(cssPath, 'UTF-8')
         res.writeHead(200, { 'Content-Type': 'text/css' })
         fileStream.pipe(res)
     } else if (req.url.match('.png$')) {
-        var imagePath = path.join(__dirname, req.url)
-        var fileStream = fs.createReadStream(imagePath)
+        imagePath = path.join(__dirname, req.url)
+        fileStream = fs.createReadStream(imagePath)
         res.writeHead(200, { 'Content-Type': 'image/png' })
         fileStream.pipe(res)
     } else {
         res.writeHead(404, { 'Content-Type': 'text/html' })
         res.end('No Page Found')
     }
-}).listen(PORT, () => console.log(`Ready HTTP http://localhost:${PORT}`))
+}).listen(PORT, () => console.log(`Escanear QR Code http://localhost:${PORT}`))
diff --git a/starters/apps/base-baileys-mysql/public/index.html b/starters/apps/base-baileys-mysql/public/index.html
index d193fae..202b50c 100644
--- a/starters/apps/base-baileys-mysql/public/index.html
+++ b/starters/apps/base-baileys-mysql/public/index.html
@@ -1,12 +1,80 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="es">
     <head>
         <meta charset="UTF-8" />
         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>Document</title>
+        <link rel="preconnect" href="https://rsms.me/" />
+        <link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
+        <title>🤖 Crear chatbot WhatsApp en minutos</title>
+        <style>
+            html,
+            body {
+                display: flex;
+                margin: 0;
+                padding: 0;
+                width: 100%;
+                height: 100%;
+                justify-content: center;
+                align-self: center;
+                align-items: center;
+                font-family: 'Inter', sans-serif;
+            }
+        </style>
     </head>
     <body>
-        <img src="qr.png" alt="" />
+        <div
+            style="
+                display: flex;
+                gap: 2rem;
+                justify-content: center;
+                align-items: center;
+            "
+        >
+            <img
+                style="
+                    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
+                        rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
+                    border-radius: 15px;
+                    object-fit: contain;
+                "
+                width="400"
+                height="400"
+                src="qr.png"
+                alt="Escanear QR"
+            />
+            <div style="width: 400px; display: grid; gap: 1rem">
+                <h1 style="margin: 0">Whatsapp QR</h1>
+                <p>
+                    <strong
+                        >F5 para actualizar, el codigo se actualiza cada minuto. </strong
+                    ><br />
+                    Con esta libreria, puedes configurar respuestas
+                    automatizadas para preguntas frecuentes , recibir y
+                    responder mensajes de manera automatizada, y hacer un
+                    seguimiento de las interacciones con los clientes. Además,
+                    nuestro Chatbot se integra fácilmente con otros sistemas y
+                    herramientas que ya esté utilizando en su negocio.
+                </p>
+                <div>
+                    <a
+                        target="_blank"
+                        style="
+                            background: white;
+                            box-shadow: rgb(0 0 0 / 16%) 0px 10px 36px 0px,
+                                rgb(0 0 0 / 6%) 0px 0px 0px 1px;
+                            padding: 10px;
+                            border-radius: 5px;
+                            font-weight: 600;
+                            text-decoration: none;
+                            color: #1a1a1a;
+                            border: solid 1px #afafaf;
+                        "
+                        href="https://bot-whatsapp.netlify.app/"
+                        >Ver documentación</a
+                    >
+                </div>
+            </div>
+        </div>
     </body>
 </html>
diff --git a/starters/apps/base-baileys-mysql/server.http.js b/starters/apps/base-baileys-mysql/server.http.js
index 439f191..217bd71 100644
--- a/starters/apps/base-baileys-mysql/server.http.js
+++ b/starters/apps/base-baileys-mysql/server.http.js
@@ -1,6 +1,6 @@
-var http = require('http')
-var fs = require('fs')
-var path = require('path')
+const http = require('http')
+const fs = require('fs')
+const path = require('path')
 
 const PORT = process.env.PORT || 3000
 
@@ -8,23 +8,27 @@ const PORT = process.env.PORT || 3000
  * Levantar un HTTP Server
  */
 http.createServer(function (req, res) {
+    var cssPath = undefined
+    var fileStream = undefined
+    var imagePath = undefined
+
     if (req.url === '/') {
         fs.readFile('./public/index.html', 'UTF-8', function (err, html) {
             res.writeHead(200, { 'Content-Type': 'text/html' })
             res.end(html)
         })
     } else if (req.url.match('.css$')) {
-        var cssPath = path.join(__dirname, 'public', req.url)
-        var fileStream = fs.createReadStream(cssPath, 'UTF-8')
+        cssPath = path.join(__dirname, 'public', req.url)
+        fileStream = fs.createReadStream(cssPath, 'UTF-8')
         res.writeHead(200, { 'Content-Type': 'text/css' })
         fileStream.pipe(res)
     } else if (req.url.match('.png$')) {
-        var imagePath = path.join(__dirname, req.url)
-        var fileStream = fs.createReadStream(imagePath)
+        imagePath = path.join(__dirname, req.url)
+        fileStream = fs.createReadStream(imagePath)
         res.writeHead(200, { 'Content-Type': 'image/png' })
         fileStream.pipe(res)
     } else {
         res.writeHead(404, { 'Content-Type': 'text/html' })
         res.end('No Page Found')
     }
-}).listen(PORT, () => console.log(`Ready HTTP http://localhost:${PORT}`))
+}).listen(PORT, () => console.log(`Escanear QR Code http://localhost:${PORT}`))
diff --git a/starters/apps/base-venom-json/Dockerfile b/starters/apps/base-venom-json/Dockerfile
index 14b07b2..3a9aa17 100644
--- a/starters/apps/base-venom-json/Dockerfile
+++ b/starters/apps/base-venom-json/Dockerfile
@@ -1,7 +1,24 @@
-FROM node:lts-bullseye as bot
+FROM node:18-alpine as node
+
 WORKDIR /app
-COPY package*.json ./
-RUN npm i
+# Installs latest Chromium (92) package.
+RUN apk add --no-cache \
+      chromium \
+      nss \
+      freetype \
+      harfbuzz \
+      ca-certificates \
+      ttf-freefont \
+      nodejs \
+      yarn
+
+# Tell Puppeteer to skip installing Chrome. We'll be using the installed package.
+ENV PUPPETEER_SKIP_CHROMIUM_DOWNLOAD=true \
+    PUPPETEER_EXECUTABLE_PATH=/usr/bin/chromium-browser
+
+# Puppeteer v10.0.0 works with Chromium 92.
 COPY . .
-ARG PORT
+RUN npm install puppeteer@10.0.0
+RUN npm install
+
 CMD ["npm", "start"]
diff --git a/starters/apps/base-venom-json/public/index.html b/starters/apps/base-venom-json/public/index.html
index d193fae..202b50c 100644
--- a/starters/apps/base-venom-json/public/index.html
+++ b/starters/apps/base-venom-json/public/index.html
@@ -1,12 +1,80 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="es">
     <head>
         <meta charset="UTF-8" />
         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>Document</title>
+        <link rel="preconnect" href="https://rsms.me/" />
+        <link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
+        <title>🤖 Crear chatbot WhatsApp en minutos</title>
+        <style>
+            html,
+            body {
+                display: flex;
+                margin: 0;
+                padding: 0;
+                width: 100%;
+                height: 100%;
+                justify-content: center;
+                align-self: center;
+                align-items: center;
+                font-family: 'Inter', sans-serif;
+            }
+        </style>
     </head>
     <body>
-        <img src="qr.png" alt="" />
+        <div
+            style="
+                display: flex;
+                gap: 2rem;
+                justify-content: center;
+                align-items: center;
+            "
+        >
+            <img
+                style="
+                    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
+                        rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
+                    border-radius: 15px;
+                    object-fit: contain;
+                "
+                width="400"
+                height="400"
+                src="qr.png"
+                alt="Escanear QR"
+            />
+            <div style="width: 400px; display: grid; gap: 1rem">
+                <h1 style="margin: 0">Whatsapp QR</h1>
+                <p>
+                    <strong
+                        >F5 para actualizar, el codigo se actualiza cada minuto. </strong
+                    ><br />
+                    Con esta libreria, puedes configurar respuestas
+                    automatizadas para preguntas frecuentes , recibir y
+                    responder mensajes de manera automatizada, y hacer un
+                    seguimiento de las interacciones con los clientes. Además,
+                    nuestro Chatbot se integra fácilmente con otros sistemas y
+                    herramientas que ya esté utilizando en su negocio.
+                </p>
+                <div>
+                    <a
+                        target="_blank"
+                        style="
+                            background: white;
+                            box-shadow: rgb(0 0 0 / 16%) 0px 10px 36px 0px,
+                                rgb(0 0 0 / 6%) 0px 0px 0px 1px;
+                            padding: 10px;
+                            border-radius: 5px;
+                            font-weight: 600;
+                            text-decoration: none;
+                            color: #1a1a1a;
+                            border: solid 1px #afafaf;
+                        "
+                        href="https://bot-whatsapp.netlify.app/"
+                        >Ver documentación</a
+                    >
+                </div>
+            </div>
+        </div>
     </body>
 </html>
diff --git a/starters/apps/base-venom-json/server.http.js b/starters/apps/base-venom-json/server.http.js
index 439f191..217bd71 100644
--- a/starters/apps/base-venom-json/server.http.js
+++ b/starters/apps/base-venom-json/server.http.js
@@ -1,6 +1,6 @@
-var http = require('http')
-var fs = require('fs')
-var path = require('path')
+const http = require('http')
+const fs = require('fs')
+const path = require('path')
 
 const PORT = process.env.PORT || 3000
 
@@ -8,23 +8,27 @@ const PORT = process.env.PORT || 3000
  * Levantar un HTTP Server
  */
 http.createServer(function (req, res) {
+    var cssPath = undefined
+    var fileStream = undefined
+    var imagePath = undefined
+
     if (req.url === '/') {
         fs.readFile('./public/index.html', 'UTF-8', function (err, html) {
             res.writeHead(200, { 'Content-Type': 'text/html' })
             res.end(html)
         })
     } else if (req.url.match('.css$')) {
-        var cssPath = path.join(__dirname, 'public', req.url)
-        var fileStream = fs.createReadStream(cssPath, 'UTF-8')
+        cssPath = path.join(__dirname, 'public', req.url)
+        fileStream = fs.createReadStream(cssPath, 'UTF-8')
         res.writeHead(200, { 'Content-Type': 'text/css' })
         fileStream.pipe(res)
     } else if (req.url.match('.png$')) {
-        var imagePath = path.join(__dirname, req.url)
-        var fileStream = fs.createReadStream(imagePath)
+        imagePath = path.join(__dirname, req.url)
+        fileStream = fs.createReadStream(imagePath)
         res.writeHead(200, { 'Content-Type': 'image/png' })
         fileStream.pipe(res)
     } else {
         res.writeHead(404, { 'Content-Type': 'text/html' })
         res.end('No Page Found')
     }
-}).listen(PORT, () => console.log(`Ready HTTP http://localhost:${PORT}`))
+}).listen(PORT, () => console.log(`Escanear QR Code http://localhost:${PORT}`))
diff --git a/starters/apps/base-venom-memory/Dockerfile b/starters/apps/base-venom-memory/Dockerfile
index 14b07b2..3a9aa17 100644
--- a/starters/apps/base-venom-memory/Dockerfile
+++ b/starters/apps/base-venom-memory/Dockerfile
@@ -1,7 +1,24 @@
-FROM node:lts-bullseye as bot
+FROM node:18-alpine as node
+
 WORKDIR /app
-COPY package*.json ./
-RUN npm i
+# Installs latest Chromium (92) package.
+RUN apk add --no-cache \
+      chromium \
+      nss \
+      freetype \
+      harfbuzz \
+      ca-certificates \
+      ttf-freefont \
+      nodejs \
+      yarn
+
+# Tell Puppeteer to skip installing Chrome. We'll be using the installed package.
+ENV PUPPETEER_SKIP_CHROMIUM_DOWNLOAD=true \
+    PUPPETEER_EXECUTABLE_PATH=/usr/bin/chromium-browser
+
+# Puppeteer v10.0.0 works with Chromium 92.
 COPY . .
-ARG PORT
+RUN npm install puppeteer@10.0.0
+RUN npm install
+
 CMD ["npm", "start"]
diff --git a/starters/apps/base-venom-memory/public/index.html b/starters/apps/base-venom-memory/public/index.html
index d193fae..202b50c 100644
--- a/starters/apps/base-venom-memory/public/index.html
+++ b/starters/apps/base-venom-memory/public/index.html
@@ -1,12 +1,80 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="es">
     <head>
         <meta charset="UTF-8" />
         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>Document</title>
+        <link rel="preconnect" href="https://rsms.me/" />
+        <link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
+        <title>🤖 Crear chatbot WhatsApp en minutos</title>
+        <style>
+            html,
+            body {
+                display: flex;
+                margin: 0;
+                padding: 0;
+                width: 100%;
+                height: 100%;
+                justify-content: center;
+                align-self: center;
+                align-items: center;
+                font-family: 'Inter', sans-serif;
+            }
+        </style>
     </head>
     <body>
-        <img src="qr.png" alt="" />
+        <div
+            style="
+                display: flex;
+                gap: 2rem;
+                justify-content: center;
+                align-items: center;
+            "
+        >
+            <img
+                style="
+                    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
+                        rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
+                    border-radius: 15px;
+                    object-fit: contain;
+                "
+                width="400"
+                height="400"
+                src="qr.png"
+                alt="Escanear QR"
+            />
+            <div style="width: 400px; display: grid; gap: 1rem">
+                <h1 style="margin: 0">Whatsapp QR</h1>
+                <p>
+                    <strong
+                        >F5 para actualizar, el codigo se actualiza cada minuto. </strong
+                    ><br />
+                    Con esta libreria, puedes configurar respuestas
+                    automatizadas para preguntas frecuentes , recibir y
+                    responder mensajes de manera automatizada, y hacer un
+                    seguimiento de las interacciones con los clientes. Además,
+                    nuestro Chatbot se integra fácilmente con otros sistemas y
+                    herramientas que ya esté utilizando en su negocio.
+                </p>
+                <div>
+                    <a
+                        target="_blank"
+                        style="
+                            background: white;
+                            box-shadow: rgb(0 0 0 / 16%) 0px 10px 36px 0px,
+                                rgb(0 0 0 / 6%) 0px 0px 0px 1px;
+                            padding: 10px;
+                            border-radius: 5px;
+                            font-weight: 600;
+                            text-decoration: none;
+                            color: #1a1a1a;
+                            border: solid 1px #afafaf;
+                        "
+                        href="https://bot-whatsapp.netlify.app/"
+                        >Ver documentación</a
+                    >
+                </div>
+            </div>
+        </div>
     </body>
 </html>
diff --git a/starters/apps/base-venom-memory/server.http.js b/starters/apps/base-venom-memory/server.http.js
index 439f191..217bd71 100644
--- a/starters/apps/base-venom-memory/server.http.js
+++ b/starters/apps/base-venom-memory/server.http.js
@@ -1,6 +1,6 @@
-var http = require('http')
-var fs = require('fs')
-var path = require('path')
+const http = require('http')
+const fs = require('fs')
+const path = require('path')
 
 const PORT = process.env.PORT || 3000
 
@@ -8,23 +8,27 @@ const PORT = process.env.PORT || 3000
  * Levantar un HTTP Server
  */
 http.createServer(function (req, res) {
+    var cssPath = undefined
+    var fileStream = undefined
+    var imagePath = undefined
+
     if (req.url === '/') {
         fs.readFile('./public/index.html', 'UTF-8', function (err, html) {
             res.writeHead(200, { 'Content-Type': 'text/html' })
             res.end(html)
         })
     } else if (req.url.match('.css$')) {
-        var cssPath = path.join(__dirname, 'public', req.url)
-        var fileStream = fs.createReadStream(cssPath, 'UTF-8')
+        cssPath = path.join(__dirname, 'public', req.url)
+        fileStream = fs.createReadStream(cssPath, 'UTF-8')
         res.writeHead(200, { 'Content-Type': 'text/css' })
         fileStream.pipe(res)
     } else if (req.url.match('.png$')) {
-        var imagePath = path.join(__dirname, req.url)
-        var fileStream = fs.createReadStream(imagePath)
+        imagePath = path.join(__dirname, req.url)
+        fileStream = fs.createReadStream(imagePath)
         res.writeHead(200, { 'Content-Type': 'image/png' })
         fileStream.pipe(res)
     } else {
         res.writeHead(404, { 'Content-Type': 'text/html' })
         res.end('No Page Found')
     }
-}).listen(PORT, () => console.log(`Ready HTTP http://localhost:${PORT}`))
+}).listen(PORT, () => console.log(`Escanear QR Code http://localhost:${PORT}`))
diff --git a/starters/apps/base-venom-mongo/Dockerfile b/starters/apps/base-venom-mongo/Dockerfile
index 14b07b2..3a9aa17 100644
--- a/starters/apps/base-venom-mongo/Dockerfile
+++ b/starters/apps/base-venom-mongo/Dockerfile
@@ -1,7 +1,24 @@
-FROM node:lts-bullseye as bot
+FROM node:18-alpine as node
+
 WORKDIR /app
-COPY package*.json ./
-RUN npm i
+# Installs latest Chromium (92) package.
+RUN apk add --no-cache \
+      chromium \
+      nss \
+      freetype \
+      harfbuzz \
+      ca-certificates \
+      ttf-freefont \
+      nodejs \
+      yarn
+
+# Tell Puppeteer to skip installing Chrome. We'll be using the installed package.
+ENV PUPPETEER_SKIP_CHROMIUM_DOWNLOAD=true \
+    PUPPETEER_EXECUTABLE_PATH=/usr/bin/chromium-browser
+
+# Puppeteer v10.0.0 works with Chromium 92.
 COPY . .
-ARG PORT
+RUN npm install puppeteer@10.0.0
+RUN npm install
+
 CMD ["npm", "start"]
diff --git a/starters/apps/base-venom-mongo/public/index.html b/starters/apps/base-venom-mongo/public/index.html
index d193fae..202b50c 100644
--- a/starters/apps/base-venom-mongo/public/index.html
+++ b/starters/apps/base-venom-mongo/public/index.html
@@ -1,12 +1,80 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="es">
     <head>
         <meta charset="UTF-8" />
         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>Document</title>
+        <link rel="preconnect" href="https://rsms.me/" />
+        <link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
+        <title>🤖 Crear chatbot WhatsApp en minutos</title>
+        <style>
+            html,
+            body {
+                display: flex;
+                margin: 0;
+                padding: 0;
+                width: 100%;
+                height: 100%;
+                justify-content: center;
+                align-self: center;
+                align-items: center;
+                font-family: 'Inter', sans-serif;
+            }
+        </style>
     </head>
     <body>
-        <img src="qr.png" alt="" />
+        <div
+            style="
+                display: flex;
+                gap: 2rem;
+                justify-content: center;
+                align-items: center;
+            "
+        >
+            <img
+                style="
+                    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
+                        rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
+                    border-radius: 15px;
+                    object-fit: contain;
+                "
+                width="400"
+                height="400"
+                src="qr.png"
+                alt="Escanear QR"
+            />
+            <div style="width: 400px; display: grid; gap: 1rem">
+                <h1 style="margin: 0">Whatsapp QR</h1>
+                <p>
+                    <strong
+                        >F5 para actualizar, el codigo se actualiza cada minuto. </strong
+                    ><br />
+                    Con esta libreria, puedes configurar respuestas
+                    automatizadas para preguntas frecuentes , recibir y
+                    responder mensajes de manera automatizada, y hacer un
+                    seguimiento de las interacciones con los clientes. Además,
+                    nuestro Chatbot se integra fácilmente con otros sistemas y
+                    herramientas que ya esté utilizando en su negocio.
+                </p>
+                <div>
+                    <a
+                        target="_blank"
+                        style="
+                            background: white;
+                            box-shadow: rgb(0 0 0 / 16%) 0px 10px 36px 0px,
+                                rgb(0 0 0 / 6%) 0px 0px 0px 1px;
+                            padding: 10px;
+                            border-radius: 5px;
+                            font-weight: 600;
+                            text-decoration: none;
+                            color: #1a1a1a;
+                            border: solid 1px #afafaf;
+                        "
+                        href="https://bot-whatsapp.netlify.app/"
+                        >Ver documentación</a
+                    >
+                </div>
+            </div>
+        </div>
     </body>
 </html>
diff --git a/starters/apps/base-venom-mongo/server.http.js b/starters/apps/base-venom-mongo/server.http.js
index 439f191..217bd71 100644
--- a/starters/apps/base-venom-mongo/server.http.js
+++ b/starters/apps/base-venom-mongo/server.http.js
@@ -1,6 +1,6 @@
-var http = require('http')
-var fs = require('fs')
-var path = require('path')
+const http = require('http')
+const fs = require('fs')
+const path = require('path')
 
 const PORT = process.env.PORT || 3000
 
@@ -8,23 +8,27 @@ const PORT = process.env.PORT || 3000
  * Levantar un HTTP Server
  */
 http.createServer(function (req, res) {
+    var cssPath = undefined
+    var fileStream = undefined
+    var imagePath = undefined
+
     if (req.url === '/') {
         fs.readFile('./public/index.html', 'UTF-8', function (err, html) {
             res.writeHead(200, { 'Content-Type': 'text/html' })
             res.end(html)
         })
     } else if (req.url.match('.css$')) {
-        var cssPath = path.join(__dirname, 'public', req.url)
-        var fileStream = fs.createReadStream(cssPath, 'UTF-8')
+        cssPath = path.join(__dirname, 'public', req.url)
+        fileStream = fs.createReadStream(cssPath, 'UTF-8')
         res.writeHead(200, { 'Content-Type': 'text/css' })
         fileStream.pipe(res)
     } else if (req.url.match('.png$')) {
-        var imagePath = path.join(__dirname, req.url)
-        var fileStream = fs.createReadStream(imagePath)
+        imagePath = path.join(__dirname, req.url)
+        fileStream = fs.createReadStream(imagePath)
         res.writeHead(200, { 'Content-Type': 'image/png' })
         fileStream.pipe(res)
     } else {
         res.writeHead(404, { 'Content-Type': 'text/html' })
         res.end('No Page Found')
     }
-}).listen(PORT, () => console.log(`Ready HTTP http://localhost:${PORT}`))
+}).listen(PORT, () => console.log(`Escanear QR Code http://localhost:${PORT}`))
diff --git a/starters/apps/base-venom-mysql/Dockerfile b/starters/apps/base-venom-mysql/Dockerfile
index 14b07b2..3a9aa17 100644
--- a/starters/apps/base-venom-mysql/Dockerfile
+++ b/starters/apps/base-venom-mysql/Dockerfile
@@ -1,7 +1,24 @@
-FROM node:lts-bullseye as bot
+FROM node:18-alpine as node
+
 WORKDIR /app
-COPY package*.json ./
-RUN npm i
+# Installs latest Chromium (92) package.
+RUN apk add --no-cache \
+      chromium \
+      nss \
+      freetype \
+      harfbuzz \
+      ca-certificates \
+      ttf-freefont \
+      nodejs \
+      yarn
+
+# Tell Puppeteer to skip installing Chrome. We'll be using the installed package.
+ENV PUPPETEER_SKIP_CHROMIUM_DOWNLOAD=true \
+    PUPPETEER_EXECUTABLE_PATH=/usr/bin/chromium-browser
+
+# Puppeteer v10.0.0 works with Chromium 92.
 COPY . .
-ARG PORT
+RUN npm install puppeteer@10.0.0
+RUN npm install
+
 CMD ["npm", "start"]
diff --git a/starters/apps/base-venom-mysql/public/index.html b/starters/apps/base-venom-mysql/public/index.html
index d193fae..202b50c 100644
--- a/starters/apps/base-venom-mysql/public/index.html
+++ b/starters/apps/base-venom-mysql/public/index.html
@@ -1,12 +1,80 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="es">
     <head>
         <meta charset="UTF-8" />
         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>Document</title>
+        <link rel="preconnect" href="https://rsms.me/" />
+        <link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
+        <title>🤖 Crear chatbot WhatsApp en minutos</title>
+        <style>
+            html,
+            body {
+                display: flex;
+                margin: 0;
+                padding: 0;
+                width: 100%;
+                height: 100%;
+                justify-content: center;
+                align-self: center;
+                align-items: center;
+                font-family: 'Inter', sans-serif;
+            }
+        </style>
     </head>
     <body>
-        <img src="qr.png" alt="" />
+        <div
+            style="
+                display: flex;
+                gap: 2rem;
+                justify-content: center;
+                align-items: center;
+            "
+        >
+            <img
+                style="
+                    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
+                        rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
+                    border-radius: 15px;
+                    object-fit: contain;
+                "
+                width="400"
+                height="400"
+                src="qr.png"
+                alt="Escanear QR"
+            />
+            <div style="width: 400px; display: grid; gap: 1rem">
+                <h1 style="margin: 0">Whatsapp QR</h1>
+                <p>
+                    <strong
+                        >F5 para actualizar, el codigo se actualiza cada minuto. </strong
+                    ><br />
+                    Con esta libreria, puedes configurar respuestas
+                    automatizadas para preguntas frecuentes , recibir y
+                    responder mensajes de manera automatizada, y hacer un
+                    seguimiento de las interacciones con los clientes. Además,
+                    nuestro Chatbot se integra fácilmente con otros sistemas y
+                    herramientas que ya esté utilizando en su negocio.
+                </p>
+                <div>
+                    <a
+                        target="_blank"
+                        style="
+                            background: white;
+                            box-shadow: rgb(0 0 0 / 16%) 0px 10px 36px 0px,
+                                rgb(0 0 0 / 6%) 0px 0px 0px 1px;
+                            padding: 10px;
+                            border-radius: 5px;
+                            font-weight: 600;
+                            text-decoration: none;
+                            color: #1a1a1a;
+                            border: solid 1px #afafaf;
+                        "
+                        href="https://bot-whatsapp.netlify.app/"
+                        >Ver documentación</a
+                    >
+                </div>
+            </div>
+        </div>
     </body>
 </html>
diff --git a/starters/apps/base-venom-mysql/server.http.js b/starters/apps/base-venom-mysql/server.http.js
index 439f191..217bd71 100644
--- a/starters/apps/base-venom-mysql/server.http.js
+++ b/starters/apps/base-venom-mysql/server.http.js
@@ -1,6 +1,6 @@
-var http = require('http')
-var fs = require('fs')
-var path = require('path')
+const http = require('http')
+const fs = require('fs')
+const path = require('path')
 
 const PORT = process.env.PORT || 3000
 
@@ -8,23 +8,27 @@ const PORT = process.env.PORT || 3000
  * Levantar un HTTP Server
  */
 http.createServer(function (req, res) {
+    var cssPath = undefined
+    var fileStream = undefined
+    var imagePath = undefined
+
     if (req.url === '/') {
         fs.readFile('./public/index.html', 'UTF-8', function (err, html) {
             res.writeHead(200, { 'Content-Type': 'text/html' })
             res.end(html)
         })
     } else if (req.url.match('.css$')) {
-        var cssPath = path.join(__dirname, 'public', req.url)
-        var fileStream = fs.createReadStream(cssPath, 'UTF-8')
+        cssPath = path.join(__dirname, 'public', req.url)
+        fileStream = fs.createReadStream(cssPath, 'UTF-8')
         res.writeHead(200, { 'Content-Type': 'text/css' })
         fileStream.pipe(res)
     } else if (req.url.match('.png$')) {
-        var imagePath = path.join(__dirname, req.url)
-        var fileStream = fs.createReadStream(imagePath)
+        imagePath = path.join(__dirname, req.url)
+        fileStream = fs.createReadStream(imagePath)
         res.writeHead(200, { 'Content-Type': 'image/png' })
         fileStream.pipe(res)
     } else {
         res.writeHead(404, { 'Content-Type': 'text/html' })
         res.end('No Page Found')
     }
-}).listen(PORT, () => console.log(`Ready HTTP http://localhost:${PORT}`))
+}).listen(PORT, () => console.log(`Escanear QR Code http://localhost:${PORT}`))
diff --git a/starters/apps/base-wweb-json/Dockerfile b/starters/apps/base-wweb-json/Dockerfile
index 14b07b2..3a9aa17 100644
--- a/starters/apps/base-wweb-json/Dockerfile
+++ b/starters/apps/base-wweb-json/Dockerfile
@@ -1,7 +1,24 @@
-FROM node:lts-bullseye as bot
+FROM node:18-alpine as node
+
 WORKDIR /app
-COPY package*.json ./
-RUN npm i
+# Installs latest Chromium (92) package.
+RUN apk add --no-cache \
+      chromium \
+      nss \
+      freetype \
+      harfbuzz \
+      ca-certificates \
+      ttf-freefont \
+      nodejs \
+      yarn
+
+# Tell Puppeteer to skip installing Chrome. We'll be using the installed package.
+ENV PUPPETEER_SKIP_CHROMIUM_DOWNLOAD=true \
+    PUPPETEER_EXECUTABLE_PATH=/usr/bin/chromium-browser
+
+# Puppeteer v10.0.0 works with Chromium 92.
 COPY . .
-ARG PORT
+RUN npm install puppeteer@10.0.0
+RUN npm install
+
 CMD ["npm", "start"]
diff --git a/starters/apps/base-wweb-json/public/index.html b/starters/apps/base-wweb-json/public/index.html
index d193fae..202b50c 100644
--- a/starters/apps/base-wweb-json/public/index.html
+++ b/starters/apps/base-wweb-json/public/index.html
@@ -1,12 +1,80 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="es">
     <head>
         <meta charset="UTF-8" />
         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>Document</title>
+        <link rel="preconnect" href="https://rsms.me/" />
+        <link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
+        <title>🤖 Crear chatbot WhatsApp en minutos</title>
+        <style>
+            html,
+            body {
+                display: flex;
+                margin: 0;
+                padding: 0;
+                width: 100%;
+                height: 100%;
+                justify-content: center;
+                align-self: center;
+                align-items: center;
+                font-family: 'Inter', sans-serif;
+            }
+        </style>
     </head>
     <body>
-        <img src="qr.png" alt="" />
+        <div
+            style="
+                display: flex;
+                gap: 2rem;
+                justify-content: center;
+                align-items: center;
+            "
+        >
+            <img
+                style="
+                    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
+                        rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
+                    border-radius: 15px;
+                    object-fit: contain;
+                "
+                width="400"
+                height="400"
+                src="qr.png"
+                alt="Escanear QR"
+            />
+            <div style="width: 400px; display: grid; gap: 1rem">
+                <h1 style="margin: 0">Whatsapp QR</h1>
+                <p>
+                    <strong
+                        >F5 para actualizar, el codigo se actualiza cada minuto. </strong
+                    ><br />
+                    Con esta libreria, puedes configurar respuestas
+                    automatizadas para preguntas frecuentes , recibir y
+                    responder mensajes de manera automatizada, y hacer un
+                    seguimiento de las interacciones con los clientes. Además,
+                    nuestro Chatbot se integra fácilmente con otros sistemas y
+                    herramientas que ya esté utilizando en su negocio.
+                </p>
+                <div>
+                    <a
+                        target="_blank"
+                        style="
+                            background: white;
+                            box-shadow: rgb(0 0 0 / 16%) 0px 10px 36px 0px,
+                                rgb(0 0 0 / 6%) 0px 0px 0px 1px;
+                            padding: 10px;
+                            border-radius: 5px;
+                            font-weight: 600;
+                            text-decoration: none;
+                            color: #1a1a1a;
+                            border: solid 1px #afafaf;
+                        "
+                        href="https://bot-whatsapp.netlify.app/"
+                        >Ver documentación</a
+                    >
+                </div>
+            </div>
+        </div>
     </body>
 </html>
diff --git a/starters/apps/base-wweb-json/server.http.js b/starters/apps/base-wweb-json/server.http.js
index 439f191..217bd71 100644
--- a/starters/apps/base-wweb-json/server.http.js
+++ b/starters/apps/base-wweb-json/server.http.js
@@ -1,6 +1,6 @@
-var http = require('http')
-var fs = require('fs')
-var path = require('path')
+const http = require('http')
+const fs = require('fs')
+const path = require('path')
 
 const PORT = process.env.PORT || 3000
 
@@ -8,23 +8,27 @@ const PORT = process.env.PORT || 3000
  * Levantar un HTTP Server
  */
 http.createServer(function (req, res) {
+    var cssPath = undefined
+    var fileStream = undefined
+    var imagePath = undefined
+
     if (req.url === '/') {
         fs.readFile('./public/index.html', 'UTF-8', function (err, html) {
             res.writeHead(200, { 'Content-Type': 'text/html' })
             res.end(html)
         })
     } else if (req.url.match('.css$')) {
-        var cssPath = path.join(__dirname, 'public', req.url)
-        var fileStream = fs.createReadStream(cssPath, 'UTF-8')
+        cssPath = path.join(__dirname, 'public', req.url)
+        fileStream = fs.createReadStream(cssPath, 'UTF-8')
         res.writeHead(200, { 'Content-Type': 'text/css' })
         fileStream.pipe(res)
     } else if (req.url.match('.png$')) {
-        var imagePath = path.join(__dirname, req.url)
-        var fileStream = fs.createReadStream(imagePath)
+        imagePath = path.join(__dirname, req.url)
+        fileStream = fs.createReadStream(imagePath)
         res.writeHead(200, { 'Content-Type': 'image/png' })
         fileStream.pipe(res)
     } else {
         res.writeHead(404, { 'Content-Type': 'text/html' })
         res.end('No Page Found')
     }
-}).listen(PORT, () => console.log(`Ready HTTP http://localhost:${PORT}`))
+}).listen(PORT, () => console.log(`Escanear QR Code http://localhost:${PORT}`))
diff --git a/starters/apps/base-wweb-memory/Dockerfile b/starters/apps/base-wweb-memory/Dockerfile
index 14b07b2..3a9aa17 100644
--- a/starters/apps/base-wweb-memory/Dockerfile
+++ b/starters/apps/base-wweb-memory/Dockerfile
@@ -1,7 +1,24 @@
-FROM node:lts-bullseye as bot
+FROM node:18-alpine as node
+
 WORKDIR /app
-COPY package*.json ./
-RUN npm i
+# Installs latest Chromium (92) package.
+RUN apk add --no-cache \
+      chromium \
+      nss \
+      freetype \
+      harfbuzz \
+      ca-certificates \
+      ttf-freefont \
+      nodejs \
+      yarn
+
+# Tell Puppeteer to skip installing Chrome. We'll be using the installed package.
+ENV PUPPETEER_SKIP_CHROMIUM_DOWNLOAD=true \
+    PUPPETEER_EXECUTABLE_PATH=/usr/bin/chromium-browser
+
+# Puppeteer v10.0.0 works with Chromium 92.
 COPY . .
-ARG PORT
+RUN npm install puppeteer@10.0.0
+RUN npm install
+
 CMD ["npm", "start"]
diff --git a/starters/apps/base-wweb-memory/public/index.html b/starters/apps/base-wweb-memory/public/index.html
index d193fae..202b50c 100644
--- a/starters/apps/base-wweb-memory/public/index.html
+++ b/starters/apps/base-wweb-memory/public/index.html
@@ -1,12 +1,80 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="es">
     <head>
         <meta charset="UTF-8" />
         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>Document</title>
+        <link rel="preconnect" href="https://rsms.me/" />
+        <link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
+        <title>🤖 Crear chatbot WhatsApp en minutos</title>
+        <style>
+            html,
+            body {
+                display: flex;
+                margin: 0;
+                padding: 0;
+                width: 100%;
+                height: 100%;
+                justify-content: center;
+                align-self: center;
+                align-items: center;
+                font-family: 'Inter', sans-serif;
+            }
+        </style>
     </head>
     <body>
-        <img src="qr.png" alt="" />
+        <div
+            style="
+                display: flex;
+                gap: 2rem;
+                justify-content: center;
+                align-items: center;
+            "
+        >
+            <img
+                style="
+                    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
+                        rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
+                    border-radius: 15px;
+                    object-fit: contain;
+                "
+                width="400"
+                height="400"
+                src="qr.png"
+                alt="Escanear QR"
+            />
+            <div style="width: 400px; display: grid; gap: 1rem">
+                <h1 style="margin: 0">Whatsapp QR</h1>
+                <p>
+                    <strong
+                        >F5 para actualizar, el codigo se actualiza cada minuto. </strong
+                    ><br />
+                    Con esta libreria, puedes configurar respuestas
+                    automatizadas para preguntas frecuentes , recibir y
+                    responder mensajes de manera automatizada, y hacer un
+                    seguimiento de las interacciones con los clientes. Además,
+                    nuestro Chatbot se integra fácilmente con otros sistemas y
+                    herramientas que ya esté utilizando en su negocio.
+                </p>
+                <div>
+                    <a
+                        target="_blank"
+                        style="
+                            background: white;
+                            box-shadow: rgb(0 0 0 / 16%) 0px 10px 36px 0px,
+                                rgb(0 0 0 / 6%) 0px 0px 0px 1px;
+                            padding: 10px;
+                            border-radius: 5px;
+                            font-weight: 600;
+                            text-decoration: none;
+                            color: #1a1a1a;
+                            border: solid 1px #afafaf;
+                        "
+                        href="https://bot-whatsapp.netlify.app/"
+                        >Ver documentación</a
+                    >
+                </div>
+            </div>
+        </div>
     </body>
 </html>
diff --git a/starters/apps/base-wweb-memory/server.http.js b/starters/apps/base-wweb-memory/server.http.js
index 439f191..217bd71 100644
--- a/starters/apps/base-wweb-memory/server.http.js
+++ b/starters/apps/base-wweb-memory/server.http.js
@@ -1,6 +1,6 @@
-var http = require('http')
-var fs = require('fs')
-var path = require('path')
+const http = require('http')
+const fs = require('fs')
+const path = require('path')
 
 const PORT = process.env.PORT || 3000
 
@@ -8,23 +8,27 @@ const PORT = process.env.PORT || 3000
  * Levantar un HTTP Server
  */
 http.createServer(function (req, res) {
+    var cssPath = undefined
+    var fileStream = undefined
+    var imagePath = undefined
+
     if (req.url === '/') {
         fs.readFile('./public/index.html', 'UTF-8', function (err, html) {
             res.writeHead(200, { 'Content-Type': 'text/html' })
             res.end(html)
         })
     } else if (req.url.match('.css$')) {
-        var cssPath = path.join(__dirname, 'public', req.url)
-        var fileStream = fs.createReadStream(cssPath, 'UTF-8')
+        cssPath = path.join(__dirname, 'public', req.url)
+        fileStream = fs.createReadStream(cssPath, 'UTF-8')
         res.writeHead(200, { 'Content-Type': 'text/css' })
         fileStream.pipe(res)
     } else if (req.url.match('.png$')) {
-        var imagePath = path.join(__dirname, req.url)
-        var fileStream = fs.createReadStream(imagePath)
+        imagePath = path.join(__dirname, req.url)
+        fileStream = fs.createReadStream(imagePath)
         res.writeHead(200, { 'Content-Type': 'image/png' })
         fileStream.pipe(res)
     } else {
         res.writeHead(404, { 'Content-Type': 'text/html' })
         res.end('No Page Found')
     }
-}).listen(PORT, () => console.log(`Ready HTTP http://localhost:${PORT}`))
+}).listen(PORT, () => console.log(`Escanear QR Code http://localhost:${PORT}`))
diff --git a/starters/apps/base-wweb-mongo/Dockerfile b/starters/apps/base-wweb-mongo/Dockerfile
index 14b07b2..3a9aa17 100644
--- a/starters/apps/base-wweb-mongo/Dockerfile
+++ b/starters/apps/base-wweb-mongo/Dockerfile
@@ -1,7 +1,24 @@
-FROM node:lts-bullseye as bot
+FROM node:18-alpine as node
+
 WORKDIR /app
-COPY package*.json ./
-RUN npm i
+# Installs latest Chromium (92) package.
+RUN apk add --no-cache \
+      chromium \
+      nss \
+      freetype \
+      harfbuzz \
+      ca-certificates \
+      ttf-freefont \
+      nodejs \
+      yarn
+
+# Tell Puppeteer to skip installing Chrome. We'll be using the installed package.
+ENV PUPPETEER_SKIP_CHROMIUM_DOWNLOAD=true \
+    PUPPETEER_EXECUTABLE_PATH=/usr/bin/chromium-browser
+
+# Puppeteer v10.0.0 works with Chromium 92.
 COPY . .
-ARG PORT
+RUN npm install puppeteer@10.0.0
+RUN npm install
+
 CMD ["npm", "start"]
diff --git a/starters/apps/base-wweb-mongo/public/index.html b/starters/apps/base-wweb-mongo/public/index.html
index d193fae..202b50c 100644
--- a/starters/apps/base-wweb-mongo/public/index.html
+++ b/starters/apps/base-wweb-mongo/public/index.html
@@ -1,12 +1,80 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="es">
     <head>
         <meta charset="UTF-8" />
         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>Document</title>
+        <link rel="preconnect" href="https://rsms.me/" />
+        <link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
+        <title>🤖 Crear chatbot WhatsApp en minutos</title>
+        <style>
+            html,
+            body {
+                display: flex;
+                margin: 0;
+                padding: 0;
+                width: 100%;
+                height: 100%;
+                justify-content: center;
+                align-self: center;
+                align-items: center;
+                font-family: 'Inter', sans-serif;
+            }
+        </style>
     </head>
     <body>
-        <img src="qr.png" alt="" />
+        <div
+            style="
+                display: flex;
+                gap: 2rem;
+                justify-content: center;
+                align-items: center;
+            "
+        >
+            <img
+                style="
+                    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
+                        rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
+                    border-radius: 15px;
+                    object-fit: contain;
+                "
+                width="400"
+                height="400"
+                src="qr.png"
+                alt="Escanear QR"
+            />
+            <div style="width: 400px; display: grid; gap: 1rem">
+                <h1 style="margin: 0">Whatsapp QR</h1>
+                <p>
+                    <strong
+                        >F5 para actualizar, el codigo se actualiza cada minuto. </strong
+                    ><br />
+                    Con esta libreria, puedes configurar respuestas
+                    automatizadas para preguntas frecuentes , recibir y
+                    responder mensajes de manera automatizada, y hacer un
+                    seguimiento de las interacciones con los clientes. Además,
+                    nuestro Chatbot se integra fácilmente con otros sistemas y
+                    herramientas que ya esté utilizando en su negocio.
+                </p>
+                <div>
+                    <a
+                        target="_blank"
+                        style="
+                            background: white;
+                            box-shadow: rgb(0 0 0 / 16%) 0px 10px 36px 0px,
+                                rgb(0 0 0 / 6%) 0px 0px 0px 1px;
+                            padding: 10px;
+                            border-radius: 5px;
+                            font-weight: 600;
+                            text-decoration: none;
+                            color: #1a1a1a;
+                            border: solid 1px #afafaf;
+                        "
+                        href="https://bot-whatsapp.netlify.app/"
+                        >Ver documentación</a
+                    >
+                </div>
+            </div>
+        </div>
     </body>
 </html>
diff --git a/starters/apps/base-wweb-mongo/server.http.js b/starters/apps/base-wweb-mongo/server.http.js
index 439f191..217bd71 100644
--- a/starters/apps/base-wweb-mongo/server.http.js
+++ b/starters/apps/base-wweb-mongo/server.http.js
@@ -1,6 +1,6 @@
-var http = require('http')
-var fs = require('fs')
-var path = require('path')
+const http = require('http')
+const fs = require('fs')
+const path = require('path')
 
 const PORT = process.env.PORT || 3000
 
@@ -8,23 +8,27 @@ const PORT = process.env.PORT || 3000
  * Levantar un HTTP Server
  */
 http.createServer(function (req, res) {
+    var cssPath = undefined
+    var fileStream = undefined
+    var imagePath = undefined
+
     if (req.url === '/') {
         fs.readFile('./public/index.html', 'UTF-8', function (err, html) {
             res.writeHead(200, { 'Content-Type': 'text/html' })
             res.end(html)
         })
     } else if (req.url.match('.css$')) {
-        var cssPath = path.join(__dirname, 'public', req.url)
-        var fileStream = fs.createReadStream(cssPath, 'UTF-8')
+        cssPath = path.join(__dirname, 'public', req.url)
+        fileStream = fs.createReadStream(cssPath, 'UTF-8')
         res.writeHead(200, { 'Content-Type': 'text/css' })
         fileStream.pipe(res)
     } else if (req.url.match('.png$')) {
-        var imagePath = path.join(__dirname, req.url)
-        var fileStream = fs.createReadStream(imagePath)
+        imagePath = path.join(__dirname, req.url)
+        fileStream = fs.createReadStream(imagePath)
         res.writeHead(200, { 'Content-Type': 'image/png' })
         fileStream.pipe(res)
     } else {
         res.writeHead(404, { 'Content-Type': 'text/html' })
         res.end('No Page Found')
     }
-}).listen(PORT, () => console.log(`Ready HTTP http://localhost:${PORT}`))
+}).listen(PORT, () => console.log(`Escanear QR Code http://localhost:${PORT}`))
diff --git a/starters/apps/base-wweb-mysql/Dockerfile b/starters/apps/base-wweb-mysql/Dockerfile
index 14b07b2..3a9aa17 100644
--- a/starters/apps/base-wweb-mysql/Dockerfile
+++ b/starters/apps/base-wweb-mysql/Dockerfile
@@ -1,7 +1,24 @@
-FROM node:lts-bullseye as bot
+FROM node:18-alpine as node
+
 WORKDIR /app
-COPY package*.json ./
-RUN npm i
+# Installs latest Chromium (92) package.
+RUN apk add --no-cache \
+      chromium \
+      nss \
+      freetype \
+      harfbuzz \
+      ca-certificates \
+      ttf-freefont \
+      nodejs \
+      yarn
+
+# Tell Puppeteer to skip installing Chrome. We'll be using the installed package.
+ENV PUPPETEER_SKIP_CHROMIUM_DOWNLOAD=true \
+    PUPPETEER_EXECUTABLE_PATH=/usr/bin/chromium-browser
+
+# Puppeteer v10.0.0 works with Chromium 92.
 COPY . .
-ARG PORT
+RUN npm install puppeteer@10.0.0
+RUN npm install
+
 CMD ["npm", "start"]
diff --git a/starters/apps/base-wweb-mysql/public/index.html b/starters/apps/base-wweb-mysql/public/index.html
index d193fae..202b50c 100644
--- a/starters/apps/base-wweb-mysql/public/index.html
+++ b/starters/apps/base-wweb-mysql/public/index.html
@@ -1,12 +1,80 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="es">
     <head>
         <meta charset="UTF-8" />
         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>Document</title>
+        <link rel="preconnect" href="https://rsms.me/" />
+        <link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
+        <title>🤖 Crear chatbot WhatsApp en minutos</title>
+        <style>
+            html,
+            body {
+                display: flex;
+                margin: 0;
+                padding: 0;
+                width: 100%;
+                height: 100%;
+                justify-content: center;
+                align-self: center;
+                align-items: center;
+                font-family: 'Inter', sans-serif;
+            }
+        </style>
     </head>
     <body>
-        <img src="qr.png" alt="" />
+        <div
+            style="
+                display: flex;
+                gap: 2rem;
+                justify-content: center;
+                align-items: center;
+            "
+        >
+            <img
+                style="
+                    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
+                        rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
+                    border-radius: 15px;
+                    object-fit: contain;
+                "
+                width="400"
+                height="400"
+                src="qr.png"
+                alt="Escanear QR"
+            />
+            <div style="width: 400px; display: grid; gap: 1rem">
+                <h1 style="margin: 0">Whatsapp QR</h1>
+                <p>
+                    <strong
+                        >F5 para actualizar, el codigo se actualiza cada minuto. </strong
+                    ><br />
+                    Con esta libreria, puedes configurar respuestas
+                    automatizadas para preguntas frecuentes , recibir y
+                    responder mensajes de manera automatizada, y hacer un
+                    seguimiento de las interacciones con los clientes. Además,
+                    nuestro Chatbot se integra fácilmente con otros sistemas y
+                    herramientas que ya esté utilizando en su negocio.
+                </p>
+                <div>
+                    <a
+                        target="_blank"
+                        style="
+                            background: white;
+                            box-shadow: rgb(0 0 0 / 16%) 0px 10px 36px 0px,
+                                rgb(0 0 0 / 6%) 0px 0px 0px 1px;
+                            padding: 10px;
+                            border-radius: 5px;
+                            font-weight: 600;
+                            text-decoration: none;
+                            color: #1a1a1a;
+                            border: solid 1px #afafaf;
+                        "
+                        href="https://bot-whatsapp.netlify.app/"
+                        >Ver documentación</a
+                    >
+                </div>
+            </div>
+        </div>
     </body>
 </html>
diff --git a/starters/apps/base-wweb-mysql/server.http.js b/starters/apps/base-wweb-mysql/server.http.js
index 439f191..217bd71 100644
--- a/starters/apps/base-wweb-mysql/server.http.js
+++ b/starters/apps/base-wweb-mysql/server.http.js
@@ -1,6 +1,6 @@
-var http = require('http')
-var fs = require('fs')
-var path = require('path')
+const http = require('http')
+const fs = require('fs')
+const path = require('path')
 
 const PORT = process.env.PORT || 3000
 
@@ -8,23 +8,27 @@ const PORT = process.env.PORT || 3000
  * Levantar un HTTP Server
  */
 http.createServer(function (req, res) {
+    var cssPath = undefined
+    var fileStream = undefined
+    var imagePath = undefined
+
     if (req.url === '/') {
         fs.readFile('./public/index.html', 'UTF-8', function (err, html) {
             res.writeHead(200, { 'Content-Type': 'text/html' })
             res.end(html)
         })
     } else if (req.url.match('.css$')) {
-        var cssPath = path.join(__dirname, 'public', req.url)
-        var fileStream = fs.createReadStream(cssPath, 'UTF-8')
+        cssPath = path.join(__dirname, 'public', req.url)
+        fileStream = fs.createReadStream(cssPath, 'UTF-8')
         res.writeHead(200, { 'Content-Type': 'text/css' })
         fileStream.pipe(res)
     } else if (req.url.match('.png$')) {
-        var imagePath = path.join(__dirname, req.url)
-        var fileStream = fs.createReadStream(imagePath)
+        imagePath = path.join(__dirname, req.url)
+        fileStream = fs.createReadStream(imagePath)
         res.writeHead(200, { 'Content-Type': 'image/png' })
         fileStream.pipe(res)
     } else {
         res.writeHead(404, { 'Content-Type': 'text/html' })
         res.end('No Page Found')
     }
-}).listen(PORT, () => console.log(`Ready HTTP http://localhost:${PORT}`))
+}).listen(PORT, () => console.log(`Escanear QR Code http://localhost:${PORT}`))