Deploying a nextjs app and wordpress app together on cloudways

Question

I created a PHP application on cloudways in my server and deployed a nextjs application in the public_html/frontend folder to be used as a frontend.

I created a WordPress instance in the public_html/backend to be used as a headless CMS. I am using its rest API.

Folder structure:

-- public_html
|
---- backend ( wordpress )
|
---- frontend ( nextjs )

My frontend and backend is working fine but the wp-json i.e the rest API, is not working. It is showing me a 404 error page that is coming from nextjs