Where to deploy Strapi backend and use it with Nuxt frontend?

Question

I have a Nuxt frontend deployed to Google App Engine. Can I deploy Strapi to Netlify? Or is there a platform where I can deploy Strapi for free? Also after deploying what is the exact setting which needs to be changed in Nuxt?

My settings with apollo.

apollo: {
  clientConfigs: {
    default: {
      httpEndpoint: 'http://localhost:1337/graphql',
    },
  },
},

@nuxtjs/strapi Settings in Documentation.

modules: ['@nuxtjs/strapi'],
strapi: {
  entities: ['restaurants', 'categories'],
  url: 'http://localhost:1337'
},

I guess I have to place the Heroku URL in place of localhost:1337 if I use @nuxtjs/strapi which I am not using currently? What if I want to use apollo? Where should I put the Heroku URL as it has httpEndpoint field for graphql URL?

Answer 1

Strapi needs a Node.js server, so Heroku is a good idea. They do have a free tier dyno that takes some time to spin up but there is no issue since you will use it as a headless CMS.

Once deployed, you'll need to update the URL of Strapi in nuxt.config.js. And I guess that it's pretty much all.

You will have all of your info in their official docs: https://strapi.io/documentation/developer-docs/latest/setup-deployment-guides/deployment/hosting-guides/heroku.html