Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

563
Vistas
How to deploy whole Wordpress app in Nuxt app?

Is there any possibiliy to deploy full wordpress app in Nuxt app? I mean I want to have adress foo.com of my app and on foo.com/bar will be wordpress app. Is there any way to do this? Nuxt router will be able to deal with this?

Wordpress API and iframe aren't answers, which I look for. As I said i want to deploy whole wordpress on specific adress of my Nuxt app.

over 4 years ago · Santiago Trujillo
2 Respuestas
Responde la pregunta

0

A bit of background

  • NuxtJS (build as static) is a client side app.
  • WordPress is a PHP server side app
  • A wordpress site usually get served to users by web servers like apache or nginx.
  • Client side apps served by any web server (including apache or nginx)

So you can't "deploy wordpress in nuxt", but it is simple to get what you want:

  1. Follow this guide to move the wordpress to a subdirectory
  2. Upload the nuxt app to the root directory

In case you are using SSR or any other requirements that force you to use Nuxt in server mode, your options are:

  • Setup nginx as reverse proxy
  • Setup apache as reverse proxy
  • Setup a proxy in the node server itself, maybe this project could help
over 4 years ago · Santiago Trujillo Denunciar

0

I think there may be a problem with this without the wordpress API, but the question is, do you care about Nuxt.js or maybe just Vue is enough? Remember that in Vue 2 you can use an inline-template, thanks to which you can render elements on the server side. For this you will add the necessary elements from the Vue ecosystem, such as a router and setup you will have similar to Nuxt.js. Example code:

<div is="navbar-dropdown" inline-template>
    <div v-cloak :class="isOpenDropdown ? 'visible opacity-1 mt-0' : 'invisible opacity-0 mt-10'">
        <?php get_search_form(); ?>
    </div>
</div> 
over 4 years ago · Santiago Trujillo Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda