diff --git a/javascript/html-example/client/.gitignore b/javascript/html-example/client/.gitignore
new file mode 100644
index 00000000..849ddff3
--- /dev/null
+++ b/javascript/html-example/client/.gitignore
@@ -0,0 +1 @@
+dist/
diff --git a/javascript/html-example/client/dist/bundle.js b/javascript/html-example/client/dist/bundle.js
deleted file mode 100644
index df5600c7..00000000
--- a/javascript/html-example/client/dist/bundle.js
+++ /dev/null
@@ -1 +0,0 @@
-(()=>{var e,t,n,r,o={389:(e,t,n)=>{"use strict";n.a(e,(async(e,t)=>{try{var r=n(22);let o=localStorage.getItem("apiToken");o||(o=Math.random().toString(36).substring(2,15)+Math.random().toString(36).substring(2,15),localStorage.setItem("apiToken",o));const a=await r.i.getAllTasksByUser(o);if(a.success)for(const l of a.tasks)console.log("Hello"),document.getElementById("tasks").innerHTML+=`\n    <div class="mb-3">\n      <div class="d-flex align-items-center">\n        <input type="checkbox" id=""/>\n  \n        <p class="mb-0" style="margin-right: auto; margin-left: 20px">\n          <span>${l.title}</span>\n          <a href="${l.url}" target="_blank">link</a>\n        </p>\n        <div style="cursor: pointer" class="task-delete-btn" id="${l._id}">\n          <img width="20px" src="public/trash.svg" />\n        </div>\n      </div>\n    </div>\n    `;else a.err?document.getElementById("tasks").innerHTML+=`    \n    <div class="mb-3">\n    <div class="d-flex align-items-center">\n      <div style="color:red;" class="alert">\n      Unexpected error: ${a.err}\n      </div>\n    </div>\n  </div>`:document.getElementById("tasks").innerHTML+='    \n    <div class="mb-3">\n    <div class="d-flex align-items-center">\n      <div style="color:red;" class="alert">\n      Unexpected error: Please check the backend logs in the project dashboard - https://app.genez.io.\n      </div>\n    </div>\n  </div>';async function i(e){(await r.i.deleteTask(localStorage.getItem("apiToken"),e)).success&&location.reload()}async function s(){document.getElementById("modal-error-elem").innerHTML="";const e=document.getElementById("task-title-input").value;if(!e)return void(document.getElementById("modal-error-elem").innerHTML="Title is mandatory");const t=await r.i.createTask(localStorage.getItem("apiToken"),e);t.success?location.reload():t.err?document.getElementById("modal-error-elem").innerHTML=`Unknown error: ${t.err}`:document.getElementById("modal-error-elem").innerHTML="Unknown error: Please check the backend logs in the project dashboard - https://app.genez.io."}const c=document.getElementsByClassName("task-delete-btn");for(const u of c)u.addEventListener("click",(async()=>{const e=u.id;await i(e)}));document.getElementById("add-task-btn").addEventListener("click",(async e=>{e.preventDefault(),await s()})),t()}catch(d){t(d)}}),1)},22:(e,t,n)=>{"use strict";n.d(t,{i:()=>h});var r=function(e,t,n,r){return new(n||(n=Promise))((function(o,a){function i(e){try{c(r.next(e))}catch(e){a(e)}}function s(e){try{c(r.throw(e))}catch(e){a(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,s)}c((r=r.apply(e,t||[])).next())}))},o=function(e,t){var n,r,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function s(s){return function(c){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;a&&(a=0,s[0]&&(i=0)),i;)try{if(n=1,r&&(o=2&s[0]?r.return:s[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,s[1])).done)return o;switch(r=0,o&&(s=[2&s[0],o.value]),s[0]){case 0:case 1:o=s;break;case 4:return i.label++,{value:s[1],done:!1};case 5:i.label++,r=s[1],s=[0];continue;case 7:s=i.ops.pop(),i.trys.pop();continue;default:if(!((o=(o=i.trys).length>0&&o[o.length-1])||6!==s[0]&&2!==s[0])){i=0;continue}if(3===s[0]&&(!o||s[1]>o[0]&&s[1]<o[3])){i.label=s[1];break}if(6===s[0]&&i.label<o[1]){i.label=o[1],o=s;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(s);break}o[2]&&i.ops.pop(),i.trys.pop();continue}s=t.call(e,i)}catch(e){s=[6,e],r=0}finally{n=o=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,c])}}},a=null,i=null,s=!1;function c(){return r(this,void 0,void 0,(function(){return o(this,(function(e){switch(e.label){case 0:return"undefined"==typeof process||null==process.versions||null==process.versions.node?[3,3]:[4,n(633)("http")];case 1:return a=e.sent(),[4,n(633)("https")];case 2:i=e.sent(),e.label=3;case 3:return s=!0,[2]}}))}))}function l(e,t){return r(this,void 0,void 0,(function(){return o(this,(function(n){switch(n.label){case 0:return[4,fetch("".concat(t),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})];case 1:return[2,n.sent().json()]}}))}))}function u(e,t,n){return r(this,void 0,void 0,(function(){var s,c,l,u;return o(this,(function(d){return s=JSON.stringify(e),c=new URL(t),l={hostname:c.hostname,path:c.search?c.pathname+c.search:c.pathname,port:c.port,method:"POST",headers:{"Content-Type":"application/json","Content-Length":s.length},agent:n},u=t.includes("https")?i:a,[2,new Promise((function(e,t){var n=u.request(l,(function(t){var n="";t.on("data",(function(e){n+=e})),t.on("end",(function(){return r(this,void 0,void 0,(function(){var t;return o(this,(function(r){return t=JSON.parse(n),e(t),[2]}))}))}))}));n.on("error",(function(e){t(e)})),n.write(s),n.end()}))]}))}))}var d=function(){function e(e){if(this.url=void 0,this.agent=void 0,this.url=e,null!==a&&null!==i){var t=e.includes("https")?i:a;this.agent=new t.Agent({keepAlive:!0})}}return e.prototype.call=function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];return r(this,void 0,void 0,(function(){var n,r;return o(this,(function(o){switch(o.label){case 0:return n={jsonrpc:"2.0",method:e,params:t,id:3},r=void 0,s?[3,2]:[4,c()];case 1:o.sent(),o.label=2;case 2:return null===a||null===i?[3,4]:[4,u(n,this.url,this.agent)];case 3:return r=o.sent(),[3,6];case 4:return[4,l(n,this.url)];case 5:r=o.sent(),o.label=6;case 6:return r.error?[2,r.error.message]:[2,r.result]}}))}))},e}(),f=function(e,t,n,r){return new(n||(n=Promise))((function(o,a){function i(e){try{c(r.next(e))}catch(e){a(e)}}function s(e){try{c(r.throw(e))}catch(e){a(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,s)}c((r=r.apply(e,t||[])).next())}))},p=function(e,t){var n,r,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function s(s){return function(c){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;a&&(a=0,s[0]&&(i=0)),i;)try{if(n=1,r&&(o=2&s[0]?r.return:s[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,s[1])).done)return o;switch(r=0,o&&(s=[2&s[0],o.value]),s[0]){case 0:case 1:o=s;break;case 4:return i.label++,{value:s[1],done:!1};case 5:i.label++,r=s[1],s=[0];continue;case 7:s=i.ops.pop(),i.trys.pop();continue;default:if(!((o=(o=i.trys).length>0&&o[o.length-1])||6!==s[0]&&2!==s[0])){i=0;continue}if(3===s[0]&&(!o||s[1]>o[0]&&s[1]<o[3])){i.label=s[1];break}if(6===s[0]&&i.label<o[1]){i.label=o[1],o=s;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(s);break}o[2]&&i.ops.pop(),i.trys.pop();continue}s=t.call(e,i)}catch(e){s=[6,e],r=0}finally{n=o=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,c])}}},h=function(){function e(){}return e.getAllTasksByUser=function(t){return f(this,void 0,void 0,(function(){return p(this,(function(n){switch(n.label){case 0:return[4,e.remote.call("Task.getAllTasksByUser",t)];case 1:return[2,n.sent()]}}))}))},e.createTask=function(t,n){return f(this,void 0,void 0,(function(){return p(this,(function(r){switch(r.label){case 0:return[4,e.remote.call("Task.createTask",t,n)];case 1:return[2,r.sent()]}}))}))},e.updateTask=function(t,n,r,o){return f(this,void 0,void 0,(function(){return p(this,(function(a){switch(a.label){case 0:return[4,e.remote.call("Task.updateTask",t,n,r,o)];case 1:return[2,a.sent()]}}))}))},e.deleteTask=function(t,n){return f(this,void 0,void 0,(function(){return p(this,(function(r){switch(r.label){case 0:return[4,e.remote.call("Task.deleteTask",t,n)];case 1:return[2,r.sent()]}}))}))},e.remote=new d("https://af7cve5cr4b3wldg6zpjidgivm0grlpv.lambda-url.us-east-1.on.aws/Task"),e}()},633:e=>{function t(e){return Promise.resolve().then((()=>{var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}))}t.keys=()=>[],t.resolve=t,t.id=633,e.exports=t}},a={};function i(e){var t=a[e];if(void 0!==t)return t.exports;var n=a[e]={exports:{}};return o[e](n,n.exports,i),n.exports}e="function"==typeof Symbol?Symbol("webpack queues"):"__webpack_queues__",t="function"==typeof Symbol?Symbol("webpack exports"):"__webpack_exports__",n="function"==typeof Symbol?Symbol("webpack error"):"__webpack_error__",r=e=>{e&&e.d<1&&(e.d=1,e.forEach((e=>e.r--)),e.forEach((e=>e.r--?e.r++:e())))},i.a=(o,a,i)=>{var s;i&&((s=[]).d=-1);var c,l,u,d=new Set,f=o.exports,p=new Promise(((e,t)=>{u=t,l=e}));p[t]=f,p[e]=e=>(s&&e(s),d.forEach(e),p.catch((e=>{}))),o.exports=p,a((o=>{var a;c=(o=>o.map((o=>{if(null!==o&&"object"==typeof o){if(o[e])return o;if(o.then){var a=[];a.d=0,o.then((e=>{i[t]=e,r(a)}),(e=>{i[n]=e,r(a)}));var i={};return i[e]=e=>e(a),i}}var s={};return s[e]=e=>{},s[t]=o,s})))(o);var i=()=>c.map((e=>{if(e[n])throw e[n];return e[t]})),l=new Promise((t=>{(a=()=>t(i)).r=0;var n=e=>e!==s&&!d.has(e)&&(d.add(e),e&&!e.d&&(a.r++,e.push(a)));c.map((t=>t[e](n)))}));return a.r?l:i()}),(e=>(e?u(p[n]=e):l(f),r(s)))),s&&s.d<0&&(s.d=0)},i.d=(e,t)=>{for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i(389)})();
\ No newline at end of file
diff --git a/javascript/html-example/client/dist/index.html b/javascript/html-example/client/dist/index.html
deleted file mode 100644
index 958e0997..00000000
--- a/javascript/html-example/client/dist/index.html
+++ /dev/null
@@ -1,3 +0,0 @@
-<!doctype html><html><head><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><title>Pure HTML and JS | Genezio Example</title><meta name="viewport" content="width=device-width,initial-scale=1"/><link rel="stylesheet" media="screen" href="style.css"/><link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous"/><link rel="icon" type="image/ico" sizes="32x32" href="public/favicon.ico"/><script defer="defer" src="bundle.js"></script></head><body><div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"><div class="modal-dialog"><div class="modal-content"><form><div class="modal-header">Add new task</div><div class="modal-body"><span class="text-danger" id="modal-error-elem"></span><div class="mb-3"><label>Task Title</label> <input class="form-control" placeholder="Title" type="Title" autocomplete="Title" id="task-title-input"/></div></div><div class="modal-footer"><button class="btn btn-primary" type="submit" id="add-task-btn">Add</button> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button></div></form></div></div></div><div class="container mt-2"><div class="row mt-2"><div class="col-sm-12"><div class="row"><class class="col-sm-2 mt-4"></class><div class="col-sm-8" style="background-color: white"><div style="display: flex; justify-content: center"><img style="width: 50px" src="public/logo.png"/></div><h3 style="margin-bottom: 30px;
-                  margin-top: 15px;
-                  text-align: center;">Welcome to genezio!</h3><p style="margin-bottom: 30px; text-align: center">You have successfully deployed your first html and js genezio project!</p><p style="margin-bottom: 30px; text-align: center">Here you have a list of resources that you can use to learn how to continue building awesome projects with genezio:</p><div id="tasks"></div><div style="display: flex; justify-content: center; margin-top: 50px"><div class="btn btn-outline-secondary" data-bs-toggle="modal" data-bs-target="#exampleModal">Add New Task</div></div></div><div class="col-sm-2 mt-4"></div></div></div></div></div><img style="width: 100%; position: fixed; bottom: 0px; z-index: -100" src="public/background.jpg"/><script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script><script type="module" src="./app.js"></script></body></html>
\ No newline at end of file
diff --git a/javascript/html-example/client/dist/public/background.jpg b/javascript/html-example/client/dist/public/background.jpg
deleted file mode 100644
index b6ffa6a4..00000000
Binary files a/javascript/html-example/client/dist/public/background.jpg and /dev/null differ
diff --git a/javascript/html-example/client/dist/public/favicon.ico b/javascript/html-example/client/dist/public/favicon.ico
deleted file mode 100644
index 334ef837..00000000
Binary files a/javascript/html-example/client/dist/public/favicon.ico and /dev/null differ
diff --git a/javascript/html-example/client/dist/public/logo.png b/javascript/html-example/client/dist/public/logo.png
deleted file mode 100644
index fe2e732a..00000000
Binary files a/javascript/html-example/client/dist/public/logo.png and /dev/null differ
diff --git a/javascript/html-example/client/dist/public/trash.svg b/javascript/html-example/client/dist/public/trash.svg
deleted file mode 100644
index 0ba7218e..00000000
--- a/javascript/html-example/client/dist/public/trash.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-trash" viewBox="0 0 16 16">
-  <path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z"/>
-  <path fill-rule="evenodd" d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z"/>
-</svg>
\ No newline at end of file
diff --git a/javascript/html-example/client/package-lock.json b/javascript/html-example/client/package-lock.json
index fce19218..8db8653e 100644
--- a/javascript/html-example/client/package-lock.json
+++ b/javascript/html-example/client/package-lock.json
@@ -9,6 +9,7 @@
             "version": "1.0.0",
             "license": "ISC",
             "dependencies": {
+                "@genezio-sdk/html-example": "^1.0.0-prod",
                 "copy-webpack-plugin": "^11.0.0",
                 "http-server": "^14.1.1"
             },
@@ -30,6 +31,21 @@
                 "node": ">=10.0.0"
             }
         },
+        "node_modules/@genezio-sdk/html-example": {
+            "version": "1.0.0-prod",
+            "resolved": "https://rt3ersglfpyjlkzcjgql3s7xju0nuzym.lambda-url.us-east-1.on.aws/RegistryHTTPHandler/npm/html-example/-/html-example-1.0.0-prod.tgz",
+            "integrity": "sha512-3Uq7duRqarHpTwcAIPu7yOk3oJoXDGwflWoXRiwEau1oP1F8GN4Cfp5JEo/nQsOqnOJBI7y73TGHmkPh31wosw==",
+            "bundleDependencies": [
+                "genezio-remote"
+            ],
+            "dependencies": {
+                "genezio-remote": "1.0.0"
+            }
+        },
+        "node_modules/@genezio-sdk/html-example/node_modules/genezio-remote": {
+            "version": "1.0.0",
+            "inBundle": true
+        },
         "node_modules/@jridgewell/gen-mapping": {
             "version": "0.3.3",
             "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
diff --git a/javascript/html-example/genezio.yaml b/javascript/html-example/genezio.yaml
index a25e8956..5670a403 100644
--- a/javascript/html-example/genezio.yaml
+++ b/javascript/html-example/genezio.yaml
@@ -38,4 +38,7 @@ frontend:
             - npm install
             - npm start
         # List of scripts that build your frontend before deployment. It should populate the specified `publish` directory.
-        build: npm run build
+        build:
+            - npm run install-prod-sdk
+            - npm install
+            - npm run build