Question regarding fetching data from api or use driver?

[jamalsoueidan]

I was wondering whether we should fetch the data from the API endpoint or use the Mongoose driver to retrieve the data in the loader function for Remix?

export async function loader({params, context}: LoaderArgs) {
   // ...
}

I have a database in MongoDB Atlas, and I can either use their data API endpoints or drivers to retrieve the data.

My question for Remix is, what is the correct approach to do it? If we decide to use the Mongoose driver, where should we place the mongoose.connect function? Should we place it in the server.tsx file or somewhere else?

Any help would be appreciated. Thank you

[frehner]

Hello @jamalsoueidan .

This sounds like a Remix question, so you may have more success looking at their docs and asking their community in Discord.

Additionally you may find Mongo documentation for Remix, like this article on their website that talks about how to integrate MongoDB Atlas with Remix.

Hopefully these resources help you find an answer. Thanks!

[jamalsoueidan]

Hello @jamalsoueidan .

This sounds like a Remix question, so you may have more success looking at their docs and asking their community in Discord.

Additionally you may find Mongo documentation for Remix, like this article on their website that talks about how to integrate MongoDB Atlas with Remix.

Hopefully these resources help you find an answer. Thanks!

@frehner

I have already read this article, and it provides an API endpoint for fetching data from MongoDB. The authors mention that it is slightly slower compared to using the Mongo/Mongoose driver. I attempted to use the Mongoose driver, but something in the Hydrogen setup prevents it from working properly. I am unsure if the issue is related to the tsconfig in the shopify/hydrogen, I understand behind remix is a node server, and it should work normally?

import mongoose from "mongoose"
mongoose.connect('mongodb://127.0.0.1:27017/test');

Throws connect is undefined?

In normal node/express app, it works!

[frehner]

I understand behind remix is a node server, and it should work normally?

In Hydrogen, we use minioxygen, which emulates our Oxygen deployment platform. It is different in some ways to a normal Node environment, so no, they're not 100% compatible. It's much more comparable to Cloudflare Workers, so you may have better luck looking how to use Mongoose with that? For example, maybe this article? I could be wrong on that, though.

[jamalsoueidan]

I was hoping to use my mongoose package in the Hydrogen storefront application directly.

const mongoose = require('mongoose');
mongoose.connect('mongodb://127.0.0.1:27017/test');

const Cat = mongoose.model('Cat', { name: String });

const kitty = new Cat({ name: 'Zildjian' });
kitty.save().then(() => console.log('meow'));

Unfortunately, I can't use Cloudflare or Atlas data API endpoints because I've already created several api endpoints that does same thing. However, it appears that I'm forced to use this setup: Shopify storefront <> Node Server (my server) <> MongoDB Atlas, which just make things slower :(

const res = await fetch(`https://myheroku.server.com/api/v2/cat`).then(
    (res) => res.json()
  );

Ideally, I would like to remove the node server and simply use mongoose to connect and retrieve data.

But I don't think I can with the oxygen setup.