{"id":73651,"date":"2024-02-14T17:36:40","date_gmt":"2024-02-14T16:36:40","guid":{"rendered":"https:\/\/kinsta.com\/es\/?p=73651&#038;preview=true&#038;preview_id=73651"},"modified":"2024-03-01T09:04:47","modified_gmt":"2024-03-01T08:04:47","slug":"express-typescript","status":"publish","type":"post","link":"https:\/\/kinsta.com\/es\/blog\/express-typescript\/","title":{"rendered":"C\u00f3mo configurar TypeScript con Express"},"content":{"rendered":"<p>TypeScript es un lenguaje de programaci\u00f3n fuertemente tipado que ampl\u00eda las capacidades de JavaScript. Ofrece una serie de caracter\u00edsticas que te ayudar\u00e1n a desarrollar aplicaciones escalables con Node.js y Express.<\/p>\n<p>Una de las ventajas fundamentales de <a href=\"https:\/\/kinsta.com\/es\/blog\/que-es-typescript\/\">TypeScript<\/a> sobre JavaScript es que proporciona clases de tipos, lo que facilita la escritura de c\u00f3digo m\u00e1s predecible y mantenible. Adem\u00e1s, TypeScript ofrece seguridad de tipos, lo que garantiza que tu c\u00f3digo est\u00e9 libre de errores en tiempo de ejecuci\u00f3n y facilita la detecci\u00f3n de fallos en las primeras fases del desarrollo. El lenguaje tambi\u00e9n incluye herramientas de refactorizaci\u00f3n y autocompletado, que mejoran la experiencia de los desarrolladores.<\/p>\n<p>Adem\u00e1s, <a href=\"https:\/\/kinsta.com\/es\/blog\/crea-aplicacion-express\/\">Node.js y Express<\/a> proporcionan un rendimiento excelente para aplicaciones de cualquier escala. El uso de clases en TypeScript tambi\u00e9n ayuda con la organizaci\u00f3n y la estructura, lo que contribuye a\u00fan m\u00e1s a la escalabilidad. Con estas herramientas, puedes crear aplicaciones robustas y escalables para hacer frente a la creciente demanda.<\/p>\n<p>Este art\u00edculo muestra c\u00f3mo configurar una aplicaci\u00f3n Express utilizando TypeScript con un \u00fanico endpoint. Despu\u00e9s, explica c\u00f3mo desplegar tu aplicaci\u00f3n en el <a href=\"https:\/\/sevalla.com\/application-hosting\/\">alojamiento de aplicaciones de Kinsta<\/a>.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>C\u00f3mo crear un servidor Express<\/h2>\n<p>Para seguir este tutorial, aseg\u00farate de que tienes <a href=\"https:\/\/kinsta.com\/es\/blog\/como-instalar-node-js\/\">Node.js y npm<\/a> instalados en tu ordenador. Para crear un servidor Express<\/p>\n<ol start=\"1\">\n<li>Crea un directorio utilizando el siguiente c\u00f3digo:\n<pre><code class=\"language-bash\">mkdir sample_app && cd sample_app<\/code><\/pre>\n<\/li>\n<li>Inicializa una aplicaci\u00f3n Node.js en el directorio ejecutando este comando:\n<pre><code class=\"language-bash\">npm init -y<\/code><\/pre>\n<p>La bandera <code>-y<\/code> del comando acepta las indicaciones por defecto al crear un archivo <strong>package.json<\/strong> rellenado con el siguiente c\u00f3digo:<\/p>\n<pre><code class=\"language-json\">{ \n  \"name\": \"sample_app\",\n  \"version\": \"1.0.0\",\n  \"description\": \"\", \n  \"main\": \"index.js\", \n  \"scripts\": { \n    \"test\": \"echo \"Error: no test specified\" && exit 1\" \n  }, \n  \"keywords\": [], \n  \"author\": \"\", \n  \"license\": \"ISC\" \n}<\/code><\/pre>\n<\/li>\n<li>A continuaci\u00f3n, instala <code>express<\/code> para a\u00f1adir funciones esenciales y <code>dotenv<\/code> para la gesti\u00f3n de <a href=\"https:\/\/kinsta.com\/es\/blog\/variables-de-entorno\/\">variables de entorno<\/a> en el directorio que acabas de crear ejecutando este comando:\n<pre><code class=\"language-bash\">npm i express dotenv<\/code><\/pre>\n<\/li>\n<li>Crea un archivo <strong>.env<\/strong> en la ra\u00edz del directorio <strong>sample_app<\/strong> y rell\u00e9nalo con la variable que se indica a continuaci\u00f3n.\n<pre><code class=\"language-markdown\">PORT=3000<\/code><\/pre>\n<\/li>\n<li>Crea una aplicaci\u00f3n express que responda con un texto <code>Hello World<\/code> cuando los usuarios visiten <code>http:\/\/localhost:3000<\/code>.\n<pre><code class=\"language-javascript\">const express = require(\"express\");\nconst dotenv = require(\"dotenv\");\n\n\/\/ configures dotenv to work in your application\ndotenv.config();\nconst app = express();\n\nconst PORT = process.env.PORT;\n\napp.get(\"\/\", (request, response) =&gt; { \n  response.status(200).send(\"Hello World\");\n}); \n\napp.listen(PORT, () =&gt; { \n  console.log(\"Server running at PORT: \", PORT); \n}).on(\"error\", (error) =&gt; {\n  \/\/ gracefully handle error\n  throw new Error(error.message);\n})<\/code><\/pre>\n<p><code>dotenv.config()<\/code> rellena el entorno de proceso de tu aplicaci\u00f3n Node (<code>process.env<\/code>) con variables definidas en un archivo <strong>.env<\/strong>.<\/li>\n<li>Inicia tu aplicaci\u00f3n Node.js ejecutando este comando:\n<pre><code class=\"language-bash\">node index.js<\/code><\/pre>\n<p>Comprueba si la aplicaci\u00f3n funciona visitando http:\/\/localhost:3000 en tu navegador. Deber\u00edas obtener una respuesta similar a \u00e9sta.<\/p>\n<p><figure style=\"width: 960px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/hello-world-express.png\" alt=\"Servidor Hello World con Express\" width=\"960\" height=\"514\"><figcaption class=\"wp-caption-text\">Hello World en http:localhost:3000.<\/figcaption><\/figure><\/li>\n<\/ol>\n<h2>Habilitar TypeScript en una aplicaci\u00f3n Express<\/h2>\n<p>Sigue los pasos que se indican a continuaci\u00f3n para utilizar TypeScript en una aplicaci\u00f3n Express:<\/p>\n<ol start=\"1\">\n<li>Instala TypeScript ejecutando este comando:\n<pre><code class=\"language-bash\">npm i -D typescript<\/code><\/pre>\n<p>La opci\u00f3n <code>-D<\/code> permite a <a href=\"https:\/\/kinsta.com\/es\/blog\/que-es-npm\/\">npm<\/a> instalar paquetes como dependencias dev. Puedes utilizar los paquetes que instales con esta opci\u00f3n en la fase de desarrollo.<\/li>\n<li>Uno de los puntos fuertes de la comunidad TypeScript es el <a href=\"https:\/\/github.com\/DefinitelyTyped\/DefinitelyTyped\" target=\"_blank\" rel=\"noopener noreferrer\">repositorio DefinitelyTyped de GitHub<\/a>. Almacena documentaci\u00f3n de definiciones de tipos para varios paquetes npm. Los usuarios pueden integrar r\u00e1pidamente los paquetes npm en sus proyectos sin preocuparse de las dificultades relacionadas con los tipos, instalando \u00fanicamente la definici\u00f3n de tipos para esos paquetes con npm. DefinitelyTyped es una herramienta indispensable para los desarrolladores de TypeScript. Les permite escribir c\u00f3digo m\u00e1s limpio y eficiente y reducir la probabilidad de errores. Instala las definiciones de tipos tanto de <code>express<\/code> como de <code>dotenv<\/code> ejecutando este comando:\n<pre><code class=\"language-bash\">npm install -D @types\/express @types\/dotenv<\/code><\/pre>\n<\/li>\n<li>Para inicializar TypeScript, ejecuta este comando.\n<pre><code class=\"language-bash\">npx tsc --init<\/code><\/pre>\n<p>El archivo <strong>tsconfig.json<\/strong> generado indica el directorio ra\u00edz de tu aplicaci\u00f3n TypeScript. Proporciona opciones de configuraci\u00f3n para definir c\u00f3mo deben trabajar los compiladores de TypeScript. Incluye una serie de opciones de <code>config<\/code> deshabilitadas o habilitadas, con comentarios que explican cada opci\u00f3n.<\/li>\n<li>A\u00f1ade una propiedad <code>outDir<\/code> al objeto <code>config<\/code> para definir el directorio de salida.\n<pre><code class=\"language-json\">{\n  \"compilerOptions\": {\n    \/\/ \u2026\n    \"outDir\": \".\/dist\"\n    \/\/ \u2026\n  }\n}<\/code><\/pre>\n<\/li>\n<\/ol>\n<h2>C\u00f3mo crear un servidor TypeScript<\/h2>\n<p>Para crear un servidor TypeScript, cambia la extensi\u00f3n <code>.js<\/code> por <code>.ts<\/code> y actualiza el c\u00f3digo con estas definiciones de tipo:<\/p>\n<pre><code class=\"language-typescript\">import express, { Request, Response } from \"express\";\nimport dotenv from \"dotenv\";\n\n\/\/ configures dotenv to work in your application\ndotenv.config();\nconst app = express();\n\nconst PORT = process.env.PORT;\n\napp.get(\"\/\", (request: Request, response: Response) =&gt; { \n  response.status(200).send(\"Hello World\");\n}); \n\napp.listen(PORT, () =&gt; { \n  console.log(\"Server running at PORT: \", PORT); \n}).on(\"error\", (error) =&gt; {\n  \/\/ gracefully handle error\n  throw new Error(error.message);\n});<\/code><\/pre>\n<p>Para utilizar el paquete compilador y compilar el archivo TypeScript en <a href=\"https:\/\/kinsta.com\/es\/secciones\/tutoriales-javascript\/\">JavaScript<\/a>, ejecuta el siguiente comando en el directorio ra\u00edz de tu aplicaci\u00f3n.<\/p>\n<pre><code class=\"language-bash\">npx tsc<\/code><\/pre>\n<p>A continuaci\u00f3n, inicia tu aplicaci\u00f3n ejecutando el comando<\/p>\n<pre><code class=\"language-bash\">node dist\/index.js<\/code><\/pre>\n<p>Al visitar http:\/\/localhost:3000 en tu navegador deber\u00eda aparecer la respuesta \u00abHello World\u00bb.<\/p>\n<h2>C\u00f3mo desplegar tu servidor TypeScript en Kinsta<\/h2>\n<p>Ahora, est\u00e1s listo para desplegar tu aplicaci\u00f3n en la web. Puedes desplegar tu aplicaci\u00f3n en muchas plataformas, incluyendo el <a href=\"https:\/\/sevalla.com\/application-hosting\/\">alojamiento de aplicaciones de Kinsta<\/a>.<\/p>\n<p>Antes de enviar tu aplicaci\u00f3n a un repositorio Git, no es aconsejable utilizar TypeScript y enviar el archivo JavaScript compilado a <a href=\"https:\/\/kinsta.com\/es\/secciones\/git\/\">Git<\/a>. Incluye un script <code>start<\/code> en el archivo <strong>package.json<\/strong>.<\/p>\n<pre><code class=\"language-json\">{\n  \/\/ \u2026\n  \"script\": {\n    \"start\": \"npx tsc && node dist\/index.js\",\n  }\n  \/\/ \u2026\t\n}<\/code><\/pre>\n<p>Adem\u00e1s, crea un archivo <strong><a href=\"https:\/\/kinsta.com\/es\/blog\/gitignore-no-funciona\/\">.gitignore<\/a><\/strong> en el directorio ra\u00edz de tu aplicaci\u00f3n e incluye <strong>node_modules<\/strong> y <strong>.env<\/strong> para evitar que estos archivos se env\u00eden a tu proveedor de Git.<\/p>\n<p>Una vez configurado tu repositorio, sigue estos pasos para desplegar tu aplicaci\u00f3n en Kinsta:<\/p>\n<ol start=\"1\">\n<li>Inicia sesi\u00f3n o crea una cuenta para ver tu panel <a href=\"https:\/\/my.kinsta.com\/?lang=es\" target=\"_blank\" rel=\"noopener noreferrer\">MyKinsta<\/a>.<\/li>\n<li>Autoriza a Kinsta con tu proveedor Git.<\/li>\n<li>Haz clic en <strong>Aplicaciones<\/strong> en la barra lateral izquierda, y luego en <strong>A\u00f1adir aplicaci\u00f3n<\/strong>.<\/li>\n<li>Selecciona el repositorio y la rama desde la que deseas desplegar.<\/li>\n<li>Asigna un nombre \u00fanico a tu aplicaci\u00f3n y elige una <strong>Ubicaci\u00f3n para el centro de datos.<\/strong><\/li>\n<li>Utiliza todas las configuraciones por defecto. MyKinsta utiliza <code>npm start<\/code> como punto de entrada para desplegar tu aplicaci\u00f3n. Si quieres utilizar otro comando, puedes <a href=\"https:\/\/docs.sevalla.com\/applications\/processes\">ajustar el proceso de ejecuci\u00f3n<\/a> en MyKinsta.<\/li>\n<li>Haz clic en <strong>Crear aplicaci\u00f3n<\/strong>.<\/li>\n<\/ol>\n<p>Tras el despliegue, MyKinsta proporciona una URL para acceder p\u00fablicamente al despliegue de tu aplicaci\u00f3n. Puedes visitar la p\u00e1gina para confirmar que muestra \u00abHello World\u00bb<\/p>\n<h2>Resumen<\/h2>\n<p>Esta gu\u00eda ha demostrado c\u00f3mo desarrollar y configurar una Aplicaci\u00f3n Express utilizando TypeScript y desplegar la aplicaci\u00f3n con Kinsta. TypeScript tiene capacidades adicionales que JavaScript no tiene \u2014 incluyendo clases de tipos, seguridad de tipos, herramientas de refactorizaci\u00f3n y autocompletado \u2014 para ayudarte a construir aplicaciones escalables y detectar errores durante el desarrollo.<\/p>\n<p>Kinsta te ayuda a desplegar tu aplicaci\u00f3n r\u00e1pidamente con mayor seguridad y estabilidad. Con 14 centros de datos\u00a0 que ofrecen la m\u00e1quina C2 de Google, que se ejecuta en la red de nivel premium de Google.<\/p>\n<p><em>\u00bfHas utilizado TypeScript en el pasado? \u00bfQu\u00e9 opinas de utilizarlo con un servidor Express?<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>TypeScript es un lenguaje de programaci\u00f3n fuertemente tipado que ampl\u00eda las capacidades de JavaScript. Ofrece una serie de caracter\u00edsticas que te ayudar\u00e1n a desarrollar aplicaciones escalables &#8230;<\/p>\n","protected":false},"author":199,"featured_media":73652,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1311,1297],"class_list":["post-73651","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-node-js","topic-tutoriales-javascript"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>C\u00f3mo configurar TypeScript con Express - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Conoce la gu\u00eda paso a paso para configurar TypeScript con un servidor Express. Este art\u00edculo cubre todo, desde la configuraci\u00f3n inicial hasta el despliegue.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/es\/blog\/express-typescript\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo configurar TypeScript con Express\" \/>\n<meta property=\"og:description\" content=\"Conoce la gu\u00eda paso a paso para configurar TypeScript con un servidor Express. Este art\u00edculo cubre todo, desde la configuraci\u00f3n inicial hasta el despliegue.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/es\/blog\/express-typescript\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinsta.es\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-02-14T16:36:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-01T08:04:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/02\/express-typescript-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"6084\" \/>\n\t<meta property=\"og:image:height\" content=\"3042\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jeremy Holcombe\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Conoce la gu\u00eda paso a paso para configurar TypeScript con un servidor Express. Este art\u00edculo cubre todo, desde la configuraci\u00f3n inicial hasta el despliegue.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/02\/express-typescript-1.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_ES\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_ES\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jeremy Holcombe\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/express-typescript\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/express-typescript\/\"},\"author\":{\"name\":\"Jeremy Holcombe\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\"},\"headline\":\"C\u00f3mo configurar TypeScript con Express\",\"datePublished\":\"2024-02-14T16:36:40+00:00\",\"dateModified\":\"2024-03-01T08:04:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/express-typescript\/\"},\"wordCount\":1054,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/express-typescript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/02\/express-typescript-1.jpg\",\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/express-typescript\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/express-typescript\/\",\"url\":\"https:\/\/kinsta.com\/es\/blog\/express-typescript\/\",\"name\":\"C\u00f3mo configurar TypeScript con Express - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/express-typescript\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/express-typescript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/02\/express-typescript-1.jpg\",\"datePublished\":\"2024-02-14T16:36:40+00:00\",\"dateModified\":\"2024-03-01T08:04:47+00:00\",\"description\":\"Conoce la gu\u00eda paso a paso para configurar TypeScript con un servidor Express. Este art\u00edculo cubre todo, desde la configuraci\u00f3n inicial hasta el despliegue.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/express-typescript\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/express-typescript\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/express-typescript\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/02\/express-typescript-1.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/02\/express-typescript-1.jpg\",\"width\":6084,\"height\":3042},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/express-typescript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tutoriales JavaScript\",\"item\":\"https:\/\/kinsta.com\/es\/secciones\/tutoriales-javascript\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"C\u00f3mo configurar TypeScript con Express\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/es\/#website\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluciones de alojamiento premium, r\u00e1pidas y seguras\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/es\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinsta.es\/\",\"https:\/\/x.com\/Kinsta_ES\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\",\"name\":\"Jeremy Holcombe\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"caption\":\"Jeremy Holcombe\"},\"description\":\"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/jeremyholcombe\/\"],\"url\":\"https:\/\/kinsta.com\/es\/blog\/author\/jeremyholcombe\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"C\u00f3mo configurar TypeScript con Express - Kinsta\u00ae","description":"Conoce la gu\u00eda paso a paso para configurar TypeScript con un servidor Express. Este art\u00edculo cubre todo, desde la configuraci\u00f3n inicial hasta el despliegue.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/es\/blog\/express-typescript\/","og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo configurar TypeScript con Express","og_description":"Conoce la gu\u00eda paso a paso para configurar TypeScript con un servidor Express. Este art\u00edculo cubre todo, desde la configuraci\u00f3n inicial hasta el despliegue.","og_url":"https:\/\/kinsta.com\/es\/blog\/express-typescript\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinsta.es\/","article_published_time":"2024-02-14T16:36:40+00:00","article_modified_time":"2024-03-01T08:04:47+00:00","og_image":[{"width":6084,"height":3042,"url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/02\/express-typescript-1.jpg","type":"image\/jpeg"}],"author":"Jeremy Holcombe","twitter_card":"summary_large_image","twitter_description":"Conoce la gu\u00eda paso a paso para configurar TypeScript con un servidor Express. Este art\u00edculo cubre todo, desde la configuraci\u00f3n inicial hasta el despliegue.","twitter_image":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/02\/express-typescript-1.jpg","twitter_creator":"@Kinsta_ES","twitter_site":"@Kinsta_ES","twitter_misc":{"Escrito por":"Jeremy Holcombe","Tiempo de lectura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/es\/blog\/express-typescript\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/blog\/express-typescript\/"},"author":{"name":"Jeremy Holcombe","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21"},"headline":"C\u00f3mo configurar TypeScript con Express","datePublished":"2024-02-14T16:36:40+00:00","dateModified":"2024-03-01T08:04:47+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/express-typescript\/"},"wordCount":1054,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/express-typescript\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/02\/express-typescript-1.jpg","inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/es\/blog\/express-typescript\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/es\/blog\/express-typescript\/","url":"https:\/\/kinsta.com\/es\/blog\/express-typescript\/","name":"C\u00f3mo configurar TypeScript con Express - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/express-typescript\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/express-typescript\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/02\/express-typescript-1.jpg","datePublished":"2024-02-14T16:36:40+00:00","dateModified":"2024-03-01T08:04:47+00:00","description":"Conoce la gu\u00eda paso a paso para configurar TypeScript con un servidor Express. Este art\u00edculo cubre todo, desde la configuraci\u00f3n inicial hasta el despliegue.","breadcrumb":{"@id":"https:\/\/kinsta.com\/es\/blog\/express-typescript\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/es\/blog\/express-typescript\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/blog\/express-typescript\/#primaryimage","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/02\/express-typescript-1.jpg","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/02\/express-typescript-1.jpg","width":6084,"height":3042},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/es\/blog\/express-typescript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/es\/"},{"@type":"ListItem","position":2,"name":"Tutoriales JavaScript","item":"https:\/\/kinsta.com\/es\/secciones\/tutoriales-javascript\/"},{"@type":"ListItem","position":3,"name":"C\u00f3mo configurar TypeScript con Express"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/es\/#website","url":"https:\/\/kinsta.com\/es\/","name":"Kinsta\u00ae","description":"Soluciones de alojamiento premium, r\u00e1pidas y seguras","publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/es\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinsta.es\/","https:\/\/x.com\/Kinsta_ES","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21","name":"Jeremy Holcombe","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","caption":"Jeremy Holcombe"},"description":"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.","sameAs":["https:\/\/www.linkedin.com\/in\/jeremyholcombe\/"],"url":"https:\/\/kinsta.com\/es\/blog\/author\/jeremyholcombe\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/73651","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/users\/199"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/comments?post=73651"}],"version-history":[{"count":3,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/73651\/revisions"}],"predecessor-version":[{"id":73959,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/73651\/revisions\/73959"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/73651\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/73651\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/73651\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/73651\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/73651\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/73651\/translations\/jp"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/73651\/translations\/es"},{"href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/73651\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media\/73652"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media?parent=73651"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/tags?post=73651"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/topic?post=73651"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}