Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

183
Views
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 answers
Answer question

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 Report

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 Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!