How to Set Up a Custom Domain for Your Frontend on PocketBase Cloud with Namecheap

If you're deploying a frontend on PocketBase Cloud, you can now connect your own custom domain instead of using the default deployment URL.

In this guide, we'll connect a Namecheap domain to a frontend deployed on PocketBase Cloud.

1. Deploy Your Frontend

First, deploy your frontend to PocketBase Cloud.

Once the deployment is successful, you'll have a default URL such as:

https://my-app.pocketbasecloud.com

2. Add Your Custom Domain

Open your frontend project in the PocketBase Cloud dashboard and go to Custom Domains.

Enter the domain you want to use:

app.example.com

PocketBase Cloud will provide the DNS record you need to configure.

3. Configure DNS on Namecheap

Log in to Namecheap and open:

Domain → Advanced DNS

Add the DNS record provided by PocketBase Cloud.

For example:

Save the changes and wait for the DNS configuration to propagate.

Once the domain is verified, your frontend will be accessible through your custom domain.

https://app.example.com

Conclusion

That's it! You can now use your own domain for a frontend deployed on PocketBase Cloud, without having to manage the server or SSL yourself.

I also made a short video showing the complete setup with PocketBase Cloud + Namecheap.

🎥 Watch the video:

Try it:

Independent managed hosting for PocketBase - the open source backend in one file. Developer-first.

Independent managed hosting for PocketBase - the open source backend in one file. Developer-first.

pocketbasecloud.com