{"id":650,"date":"2024-10-11T11:11:52","date_gmt":"2024-10-11T11:11:52","guid":{"rendered":"https:\/\/alexpadulles.es\/blog\/?p=650"},"modified":"2024-11-06T22:32:45","modified_gmt":"2024-11-06T22:32:45","slug":"como-crear-un-proyecto-con-laravel-11-y-vue-3","status":"publish","type":"post","link":"https:\/\/alexpadulles.es\/blog\/como-crear-un-proyecto-con-laravel-11-y-vue-3\/","title":{"rendered":"Como crear un proyecto con Laravel 11 y Vue 3"},"content":{"rendered":"<h2>Como crear un proyecto con Laravel 11 y Vue 3<\/h2>\n<p><strong>\u00bf Como crear un proyecto con Laravel 11 y Vue 3<\/strong> <strong>?<\/strong> En el panorama tecnol\u00f3gico actual, la demanda de aplicaciones web eficientes y escalables est\u00e1 en constante aumento. Las aplicaciones full-stack, que combinan tecnolog\u00edas de frontend y backend, permiten a los desarrolladores crear experiencias de usuario din\u00e1micas y fluidas. En este art\u00edculo, profundizamos en el proceso de crear una aplicaci\u00f3n full-stack utilizando PHP y <strong><a href=\"https:\/\/alexpadulles.es\/blog\/laravel-11\/\" target=\"_blank\" rel=\"noopener\">Laravel 11<\/a><\/strong> para el backend, junto con <strong><a href=\"https:\/\/alexpadulles.es\/blog\/descubre-las-novedades-vue-3-5-mejores-herramientas-para-reactividad-y-rendimiento\/\" target=\"_blank\" rel=\"noopener\">Vue.js<\/a><\/strong> (espec\u00edficamente Vue 3) para el frontend. Al aprovechar herramientas como Vite y Webpack, podemos optimizar los procesos de desarrollo y compilaci\u00f3n, mejorando la productividad y el rendimiento.<\/p>\n<p>\u00bfNecesitas un\u00a0<strong>programador\u00a0<\/strong>?\u00a0<a href=\"https:\/\/alexpadulles.es\/#contact\" target=\"_blank\" rel=\"noopener\">Contacta conmigo<\/a><\/p>\n<h3>1. Configuraci\u00f3n de Tu Entorno; Como crear un proyecto con Laravel 11 y Vue 3<\/h3>\n<p>Antes de sumergirte en la codificaci\u00f3n de tu aplicaci\u00f3n, es crucial preparar el entorno de desarrollo. Aqu\u00ed te mostramos los pasos para configurarlo:<\/p>\n<ul>\n<li><strong>Instalar Composer<\/strong>: Dado que Laravel est\u00e1 construido sobre PHP, descarga e instala Composer, la herramienta de gesti\u00f3n de dependencias para PHP.<\/li>\n<li><strong>Instalar Laravel<\/strong>: Usa Composer para crear un nuevo proyecto en Laravel. Ejecuta el siguiente comando:<\/li>\n<\/ul>\n<p><code>\u00a0\u00a0 \u00a0 \u00a0composer create-project --prefer-dist laravel\/laravel mi-aplicacion-fullstack\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><\/p>\n<ul>\n<li><strong>Instalar Node.js y npm<\/strong>: Para gestionar las dependencias de frontend, descarga e instala Node.js, que incluye npm (Node Package Manager).<\/li>\n<li><strong>Instalar Vue.js y Vite<\/strong>: Dentro del directorio de tu proyecto Laravel, ejecuta:<\/li>\n<\/ul>\n<p><code>\u00a0 \u00a0 \u00a0 npm install vue@next<br \/>\nnpm install --save-dev vite<br \/>\n<\/code><\/p>\n<ul>\n<li><strong>Configurar la Herramienta de Compilaci\u00f3n<\/strong>: Configura Vite para que funcione con Laravel modificando el archivo <code>vite.config.js<\/code> para manejar los componentes y activos de Vue.<\/li>\n<\/ul>\n<h4>Resumen de la Configuraci\u00f3n del Entorno<\/h4>\n<ul>\n<li>Usa Composer para la gesti\u00f3n del backend (instalar Laravel).<\/li>\n<li>Usa Node.js para la gesti\u00f3n de dependencias de frontend.<\/li>\n<li>Incorpora Vite para un proceso de compilaci\u00f3n m\u00e1s eficiente.<\/li>\n<\/ul>\n<p>Que te\u00a0 parecido el primer paso de tu guia : <strong style=\"font-size: 16px;\">Como crear un proyecto con Laravel 11 y Vue 3?<\/strong><\/p>\n<h3>2. Construyendo el Backend con Laravel<\/h3>\n<p>Una vez que la configuraci\u00f3n est\u00e1 lista, el siguiente paso es desarrollar el backend que gestionar\u00e1 los datos y la l\u00f3gica de negocio. Estos son los componentes clave en los que enfocarse:<\/p>\n<ul>\n<li><strong>Crear Modelos y Migraciones<\/strong>: Define la estructura de tu base de datos mediante modelos Eloquent y archivos de migraci\u00f3n. Por ejemplo, para crear un modelo <code>Post<\/code>:<\/li>\n<\/ul>\n<p><code>\u00a0 \u00a0 \u00a0 php artisan make:model Post -m<br \/>\n<\/code><\/p>\n<ul>\n<li><strong>Configuraci\u00f3n de la Base de Datos<\/strong>: Conecta tu aplicaci\u00f3n Laravel a una base de datos editando el archivo <code>.env<\/code>. Aseg\u00farate de establecer correctamente los par\u00e1metros de conexi\u00f3n a la base de datos.<\/li>\n<li><strong>Creaci\u00f3n de APIs RESTful<\/strong>: Dise\u00f1a rutas y controladores para manejar las solicitudes API. En tu archivo <code>routes\/api.php<\/code>, podr\u00edas incluir:<\/li>\n<\/ul>\n<p><code>\u00a0 \u00a0 \u00a0 Route::apiResource('posts', PostController::class);<br \/>\n<\/code><\/p>\n<ul>\n<li><strong>Implementar Autenticaci\u00f3n<\/strong>: Usa las funciones integradas de Laravel para la autenticaci\u00f3n de usuarios, posiblemente utilizando Laravel Sanctum para un enfoque basado en tokens.<\/li>\n<\/ul>\n<h4>Componentes Clave del Backend<\/h4>\n<ul>\n<li>Modelos y archivos de migraci\u00f3n para estructurar tu base de datos.<\/li>\n<li>Rutas API y controladores para gestionar las solicitudes.<\/li>\n<li>Autenticaci\u00f3n para asegurar las sesiones de usuario.<\/li>\n<\/ul>\n<h3>3. Desarrollando el Frontend con Vue.js<\/h3>\n<p>Con el backend en su lugar, es hora de crear una interfaz de usuario atractiva usando Vue.js. Los aspectos clave a considerar incluyen:<\/p>\n<ul>\n<li><strong>Configurar Componentes de Vue<\/strong>: Crea componentes reutilizables para tu aplicaci\u00f3n, como <code>PostList.vue<\/code> para mostrar publicaciones.<\/li>\n<li><strong>Gesti\u00f3n de Estado<\/strong>: Usa Vuex para la gesti\u00f3n de estado a medida que tu aplicaci\u00f3n crece. Instala Vuex:<\/li>\n<\/ul>\n<p><code>\u00a0 \u00a0 \u00a0 npm install vuex@next<br \/>\n<\/code><\/p>\n<ul>\n<li><strong>Integraci\u00f3n de APIs<\/strong>: Usa Axios para hacer solicitudes a tu backend de Laravel. Instala Axios con:<\/li>\n<\/ul>\n<p><code>\u00a0 \u00a0 \u00a0 npm install axios<br \/>\n<\/code><\/p>\n<ul>\n<li>Luego, en tus componentes, define m\u00e9todos para obtener y enviar datos a tu servidor.<\/li>\n<li><strong>Ruteo<\/strong>: Utiliza Vue Router para navegar entre diferentes vistas de tu aplicaci\u00f3n. Instala Vue Router:<\/li>\n<\/ul>\n<p><code>\u00a0 \u00a0 \u00a0 npm install vue-router@next<\/code><\/p>\n<h4>Aspectos Destacados del Desarrollo del Frontend<\/h4>\n<ul>\n<li>Componentes reutilizables de Vue para una interfaz din\u00e1mica.<\/li>\n<li>Solicitudes API con Axios para gestionar los datos.<\/li>\n<li>Vuex y Vue Router para la gesti\u00f3n de estado y navegaci\u00f3n.<\/li>\n<\/ul>\n<h3>4. Compilar y Optimizar la Aplicaci\u00f3n<\/h3>\n<p>Una vez desarrollados el frontend y el backend, es hora de compilar y optimizar tu aplicaci\u00f3n. Estos son algunos pasos cruciales:<\/p>\n<ol>\n<li><strong>Compilar la Aplicaci\u00f3n<\/strong>: Usa Vite para compilar tus componentes de Vue en recursos optimizados. Ejecuta:<\/li>\n<\/ol>\n<p><code>\u00a0 \u00a0 \u00a0 npm run build\u00a0\u00a0\u00a0<\/code><\/p>\n<div class=\"flex max-w-full flex-col flex-grow\">\n<div class=\"min-h-8 text-message flex w-full flex-col items-end gap-2 whitespace-normal break-words [.text-message+&amp;]:mt-5\" dir=\"auto\" data-message-author-role=\"assistant\" data-message-id=\"b3e6a14b-e940-4685-89b1-e360109b02d9\">\n<div class=\"flex w-full flex-col gap-1 empty:hidden first:pt-[3px]\">\n<div class=\"markdown prose w-full break-words dark:prose-invert dark\">\n<ol>\n<li><strong>Optimizar para Producci\u00f3n<\/strong>: Aseg\u00farate de que est\u00e1s ejecutando en modo de producci\u00f3n con los ajustes configurados en tu archivo <code>.env<\/code> para mejorar el rendimiento.<\/li>\n<li><strong>Pruebas y Depuraci\u00f3n<\/strong>: Prueba tu aplicaci\u00f3n exhaustivamente para detectar y solucionar posibles problemas. Usa herramientas como Laravel Telescope para depuraci\u00f3n del backend y Vue Devtools para obtener informaci\u00f3n del frontend.<\/li>\n<li><strong>Despliegue<\/strong>: Elige una plataforma de hosting para Laravel y tus recursos de frontend. Servicios como DigitalOcean o Vercel ofrecen excelentes opciones para desplegar aplicaciones full-stack.<\/li>\n<\/ol>\n<h4>Pasos para Compilar y Optimizar<\/h4>\n<ul>\n<li>Usa Vite para compilaciones eficientes.<\/li>\n<li>Prueba rigurosamente usando herramientas adecuadas.<\/li>\n<li>Despliega en un servicio de hosting confiable para el acceso de los usuarios finales.<\/li>\n<\/ul>\n<h5>Conclusi\u00f3n<\/h5>\n<p>Crear una aplicaci\u00f3n full-stack con Laravel y Vue.js es una experiencia enriquecedora que combina la robustez de PHP con la interactividad de las aplicaciones JavaScript modernas. Al configurar un backend s\u00f3lido y un frontend atractivo, puedes ofrecer una experiencia de usuario fluida. El uso de herramientas inteligentes como Vite y Webpack hace que el proceso de desarrollo sea m\u00e1s manejable y eficiente, allanando el camino para mejores aplicaciones en el futuro. A medida que te embarques en este viaje, recuerda que estar al d\u00eda con las \u00faltimas tendencias tecnol\u00f3gicas mejorar\u00e1 a\u00fan m\u00e1s tus habilidades y la calidad de tus aplicaciones. \u00a1Feliz codificaci\u00f3n!<\/p>\n<p>Quizas pueda interesarte la siguiente guia: <a href=\"https:\/\/alexpadulles.es\/blog\/creando-una-api-con-laravel-11\/\" target=\"_blank\" rel=\"noopener\">Creando una API con laravel 11<\/a><\/p>\n<\/div>\n<h3><span id=\"Contacto\">Contacto<\/span><\/h3>\n<p>Si necesitas servicios de desarrollo para tu empresa, estoy aqu\u00ed para ayudarte. Ofrezco soluciones personalizadas y de alta calidad para satisfacer tus necesidades. Para m\u00e1s informaci\u00f3n o para discutir tu proyecto, cont\u00e1ctame a trav\u00e9s del siguiente bot\u00f3n:<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\"><button translate=\"no\" class=\"btg-button btg-button-1\" data-btnid=\"1\" data-url=\"https:\/\/alexpadulles.es\/#contact\" data-action=\"link\" data-target=\"_self\">Contacta con nosotros<span class=\"fas fa-message btg-icon \"><\/span><\/button>\n<p>&nbsp;<\/p>\n<p>Imagenes obtenidas en : <a href=\"https:\/\/www.freepik.com\/\">Image by Freepik<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Como crear un proyecto con Laravel 11 y Vue 3 \u00bf Como crear un proyecto con&#8230;<\/p>\n","protected":false},"author":1,"featured_media":655,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,5,9],"tags":[161,127,162],"class_list":["post-650","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-laravel","category-laravel-y-vue","category-vue","tag-como-crear-un-proyecto-con-laravel-11-y-vue-3","tag-laravel","tag-vue"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Como crear un proyecto con Laravel 11 y Vue 3 - Blog Desarrrollo web Alex Padulles<\/title>\n<meta name=\"description\" content=\"\u00bf Como crear un proyecto con Laravel 11 y Vue 3 ? Te ense\u00f1o paso a paso como crear tu aplicacion con esta peque\u00f1a guia.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/alexpadulles.es\/blog\/como-crear-un-proyecto-con-laravel-11-y-vue-3\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como crear un proyecto con Laravel 11 y Vue 3 - Blog Desarrrollo web Alex Padulles\" \/>\n<meta property=\"og:description\" content=\"\u00bf Como crear un proyecto con Laravel 11 y Vue 3 ? Te ense\u00f1o paso a paso como crear tu aplicacion con esta peque\u00f1a guia.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/alexpadulles.es\/blog\/como-crear-un-proyecto-con-laravel-11-y-vue-3\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Desarrrollo web Alex Padulles\" \/>\n<meta property=\"article:published_time\" content=\"2024-10-11T11:11:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-06T22:32:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/alexpadulles.es\/blog\/wp-content\/uploads\/2024\/10\/10664683.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2000\" \/>\n\t<meta property=\"og:image:height\" content=\"2000\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Alex Padull\u00e9s\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@alexpadulles\" \/>\n<meta name=\"twitter:site\" content=\"@alexpadulles\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alex Padull\u00e9s\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Como crear un proyecto con Laravel 11 y Vue 3 - Blog Desarrrollo web Alex Padulles","description":"\u00bf Como crear un proyecto con Laravel 11 y Vue 3 ? Te ense\u00f1o paso a paso como crear tu aplicacion con esta peque\u00f1a guia.","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:\/\/alexpadulles.es\/blog\/como-crear-un-proyecto-con-laravel-11-y-vue-3\/","og_locale":"es_ES","og_type":"article","og_title":"Como crear un proyecto con Laravel 11 y Vue 3 - Blog Desarrrollo web Alex Padulles","og_description":"\u00bf Como crear un proyecto con Laravel 11 y Vue 3 ? Te ense\u00f1o paso a paso como crear tu aplicacion con esta peque\u00f1a guia.","og_url":"https:\/\/alexpadulles.es\/blog\/como-crear-un-proyecto-con-laravel-11-y-vue-3\/","og_site_name":"Blog Desarrrollo web Alex Padulles","article_published_time":"2024-10-11T11:11:52+00:00","article_modified_time":"2024-11-06T22:32:45+00:00","og_image":[{"width":2000,"height":2000,"url":"https:\/\/alexpadulles.es\/blog\/wp-content\/uploads\/2024\/10\/10664683.png","type":"image\/png"}],"author":"Alex Padull\u00e9s","twitter_card":"summary_large_image","twitter_creator":"@alexpadulles","twitter_site":"@alexpadulles","twitter_misc":{"Written by":"Alex Padull\u00e9s","Est. reading time":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/alexpadulles.es\/blog\/como-crear-un-proyecto-con-laravel-11-y-vue-3\/#article","isPartOf":{"@id":"https:\/\/alexpadulles.es\/blog\/como-crear-un-proyecto-con-laravel-11-y-vue-3\/"},"author":{"name":"Alex Padull\u00e9s","@id":"https:\/\/alexpadulles.es\/blog\/#\/schema\/person\/e32cd17cd5729478d074e4fdb3212e32"},"headline":"Como crear un proyecto con Laravel 11 y Vue 3","datePublished":"2024-10-11T11:11:52+00:00","dateModified":"2024-11-06T22:32:45+00:00","mainEntityOfPage":{"@id":"https:\/\/alexpadulles.es\/blog\/como-crear-un-proyecto-con-laravel-11-y-vue-3\/"},"wordCount":978,"commentCount":0,"publisher":{"@id":"https:\/\/alexpadulles.es\/blog\/#\/schema\/person\/e32cd17cd5729478d074e4fdb3212e32"},"image":{"@id":"https:\/\/alexpadulles.es\/blog\/como-crear-un-proyecto-con-laravel-11-y-vue-3\/#primaryimage"},"thumbnailUrl":"https:\/\/alexpadulles.es\/blog\/wp-content\/uploads\/2024\/10\/10664683.png","keywords":["Como crear un proyecto con Laravel 11 y Vue 3","laravel","VUE"],"articleSection":["laravel","laravel-vue","vue"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/alexpadulles.es\/blog\/como-crear-un-proyecto-con-laravel-11-y-vue-3\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/alexpadulles.es\/blog\/como-crear-un-proyecto-con-laravel-11-y-vue-3\/","url":"https:\/\/alexpadulles.es\/blog\/como-crear-un-proyecto-con-laravel-11-y-vue-3\/","name":"Como crear un proyecto con Laravel 11 y Vue 3 - Blog Desarrrollo web Alex Padulles","isPartOf":{"@id":"https:\/\/alexpadulles.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/alexpadulles.es\/blog\/como-crear-un-proyecto-con-laravel-11-y-vue-3\/#primaryimage"},"image":{"@id":"https:\/\/alexpadulles.es\/blog\/como-crear-un-proyecto-con-laravel-11-y-vue-3\/#primaryimage"},"thumbnailUrl":"https:\/\/alexpadulles.es\/blog\/wp-content\/uploads\/2024\/10\/10664683.png","datePublished":"2024-10-11T11:11:52+00:00","dateModified":"2024-11-06T22:32:45+00:00","description":"\u00bf Como crear un proyecto con Laravel 11 y Vue 3 ? Te ense\u00f1o paso a paso como crear tu aplicacion con esta peque\u00f1a guia.","breadcrumb":{"@id":"https:\/\/alexpadulles.es\/blog\/como-crear-un-proyecto-con-laravel-11-y-vue-3\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/alexpadulles.es\/blog\/como-crear-un-proyecto-con-laravel-11-y-vue-3\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/alexpadulles.es\/blog\/como-crear-un-proyecto-con-laravel-11-y-vue-3\/#primaryimage","url":"https:\/\/alexpadulles.es\/blog\/wp-content\/uploads\/2024\/10\/10664683.png","contentUrl":"https:\/\/alexpadulles.es\/blog\/wp-content\/uploads\/2024\/10\/10664683.png","width":2000,"height":2000,"caption":"Como crear un proyecto con Laravel 11 y Vue 3"},{"@type":"BreadcrumbList","@id":"https:\/\/alexpadulles.es\/blog\/como-crear-un-proyecto-con-laravel-11-y-vue-3\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/alexpadulles.es\/blog\/"},{"@type":"ListItem","position":2,"name":"Como crear un proyecto con Laravel 11 y Vue 3"}]},{"@type":"WebSite","@id":"https:\/\/alexpadulles.es\/blog\/#website","url":"https:\/\/alexpadulles.es\/blog\/","name":"Desarrollor web Alex padulles","description":"Bienvenidos a mi blog, tu portal de referencia en tecnolog\u00eda. Con a\u00f1os de experiencia en programaci\u00f3n y desarrollo web, ofrecemos soluciones innovadoras y personalizadas para todos tus proyectos digitales.","publisher":{"@id":"https:\/\/alexpadulles.es\/blog\/#\/schema\/person\/e32cd17cd5729478d074e4fdb3212e32"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/alexpadulles.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":["Person","Organization"],"@id":"https:\/\/alexpadulles.es\/blog\/#\/schema\/person\/e32cd17cd5729478d074e4fdb3212e32","name":"Alex Padull\u00e9s","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/alexpadulles.es\/blog\/wp-content\/uploads\/2024\/06\/cropped-openart-image_JlFoPIny_1718750114835_raw.png","url":"https:\/\/alexpadulles.es\/blog\/wp-content\/uploads\/2024\/06\/cropped-openart-image_JlFoPIny_1718750114835_raw.png","contentUrl":"https:\/\/alexpadulles.es\/blog\/wp-content\/uploads\/2024\/06\/cropped-openart-image_JlFoPIny_1718750114835_raw.png","width":602,"height":481,"caption":"Alex Padull\u00e9s"},"logo":{"@id":"https:\/\/alexpadulles.es\/blog\/wp-content\/uploads\/2024\/06\/cropped-openart-image_JlFoPIny_1718750114835_raw.png"},"sameAs":["https:\/\/alexpadulles.es\/blog","https:\/\/x.com\/alexpadulles"]}]}},"_links":{"self":[{"href":"https:\/\/alexpadulles.es\/blog\/wp-json\/wp\/v2\/posts\/650","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alexpadulles.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alexpadulles.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alexpadulles.es\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alexpadulles.es\/blog\/wp-json\/wp\/v2\/comments?post=650"}],"version-history":[{"count":4,"href":"https:\/\/alexpadulles.es\/blog\/wp-json\/wp\/v2\/posts\/650\/revisions"}],"predecessor-version":[{"id":654,"href":"https:\/\/alexpadulles.es\/blog\/wp-json\/wp\/v2\/posts\/650\/revisions\/654"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alexpadulles.es\/blog\/wp-json\/wp\/v2\/media\/655"}],"wp:attachment":[{"href":"https:\/\/alexpadulles.es\/blog\/wp-json\/wp\/v2\/media?parent=650"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alexpadulles.es\/blog\/wp-json\/wp\/v2\/categories?post=650"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alexpadulles.es\/blog\/wp-json\/wp\/v2\/tags?post=650"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}