Как вставить сложную информацию в mongoDB через формы реакции? Или есть альтернатива?

Question

В настоящее время я разрабатываю базовый c веб-сайт потокового видео, на котором я хочу предоставить администратору веб-сайта функциональные возможности для вставки метаданных видео в mongoDB через формы реакции. Я использую express, mon goose, local mon go в бэкэнде и реагирую.

Это моя схема mon goose:

    const videoSchema = new mongoose.Schema(
      {
        videodata: {
              type: Array,
              default: [
                {
                  sectionname: String,
                  sectiondata: {
                    type: Array,
                    default: [
                      {
                        topic: String,
                        videourl: String,
                      },
                    ],
                  },
                },
              ],
            },
      }
    );

Теперь одним из решений было бы создание формы, содержащей многоразовые компоненты, такие как текстовые поля, кнопки и управлять состояниями по мере того, как пользователь вводит данные в элементы формы и обновлять данные в состоянии, и когда пользователь, наконец, вводит отправку, я возьму данные в бэкэнд-маршрут и вставлю в mongodb.

например, первый пользователь вводит имя раздела, затем вводит topi c и videourl, затем я спрашиваю, хочет ли он добавить еще один раздел, и если да, то снова повторите тот же процесс. наконец, после добавления всех разделов пользователь вводит submit.

Но это выглядит очень утомительным и трудоемким подходом для работы на производственном уровне. Я хочу знать, что мне делать, чтобы столкнуться с этой проблемой на производственном уровне?

Следует ли мне избегать этого и напрямую вставлять метаданные в базу данных через командную строку, когда я, наконец, развертываю свой веб-сайт в производственной среде, или это хорошая практика дать право вставлять данные администратору сайта?

Заранее спасибо :)