Kentavr16

можно использовать что-то вроде

import express from "express";

const app = express();
const ip = "localhost";
const port = 4000;

app.get("/", (req, res) => {
  res.send("some response");
});

function startServer() {
  app.listen(port, ip, () => {
    console.log(`Сервер запущен на адресе ${ip} и порту ${port}`);
  });
}

async function connectToDatabase() {
  return new Promise((resolve, reject) => {
    setTimeout(() => resolve("ok"), 2000);
  });
}

connectToDatabase()
  .then(() => {
    startServer();
    console.log("Успешное подключение к базе данных.");
  })
  .catch((err) => {
    console.error("Не удалось подключиться к базе данных:", err);
  });

где для коннекта к бд использовать промис

export function connectToDatabase() {
    return new Promise((resolve, reject) => {
        pool.connect((err, client, release) => {
            if (err) {
                console.error('Ошибка в запросе к БД (1)', err.stack);
                release();
                reject(err);
                return;
            }

            client.query('SELECT NOW()', (err, result) => {
                release();
                if (err) {
                    console.error('Ошибка в запросе к БД (2)', err.stack);
                    reject(err);
                    return;
                }

                console.log('\x1b[34m%s\x1b[0m', `PostgreSQL is running (${result.rows[0].now})`);
                resolve(pool);
            });
        });
    });
}

Ну и пул объявить не забыть. Хз, с обычным промисом который в первом примере, работает окей, почему с подключением к бд будет иначе? Для эксперимента ставить pg неохота. Вполне возможно что я что-то проглядел, поправьте, с серверами на ноде давно не имел дела.

основной принцип довольно простой - реакт можно просто загрузить через cdn. Значит тебе достаточно выбрать cdn-провейдера, к которому ты загрузишь свой виджет. В таком случае для клиента все будет выглядеть как подключение нескольких скриптов в шапку (реакт+то что нужно для функционирования виджета, сам виджет) и прописывания в нужном месте

const widget = document.createElement('div');
      document.body.appendChild(widgetContainer);
           ReactDOM.render(
        <Widget />,
        widget
      );

Можно сделать обертку над реактом, но это уже все технические моменты

Наконец дошло) Так как ты делаешь запрос на локальный адрес, await axios.get("/api/products") , аксиос ищет ресурс относительно корня проекта. У тебя был запущен локальный сервер разработки реакта, и он его поймал каким-то образом. Я сначала сам не понял в чем соль, но установил себе аксиос и сделал локальный запрос, с локальным путем как у тебя. Мне пришел ответ от работающего в данный момент сервера апач, также оформленный как HTML, с той только разницей что там писалось о том что ресурс не найден. Что забавно.