DEV Community

denvermullets
denvermullets

Posted on • Edited on

1 1

How to setup your domain w/Netlify when using a externally hosted backend

So let's say you've deployed your front-end to Netlify and you're going to host your backend on a Heroku / DigitalOcean type of setup. It's a pretty easy process, and only gets easier the more you do it.

The basic idea is that you're going to create a sub-domain and tell it where to look to find your backend. A sub-domain is anything extra before your domain, like api.yourdomain.com or store.yourdomain.com.

What we're going to need is the IP of your backend server to tell Netlify where to route your sub-domain. Inside of your control panel at Heroku or DigitalOcean you will need to add the domain to your server. I am using Hatchbox.io to deploy my Rails API's so I'll add my domain there.

Hatchbox domain

Now that we have the IP address of the server, let's go in to your Netflify DNS Panel and we'll create a new record connecting them.

Alt Text

Let's create the A record and then you'll be all setup.

Alt Text

You'll need to determine how you're going to set your SSL certs up, but that another topic for another day.

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs