В вашем проекте используется синхронизация браузера, которая косвенно использует NodeJS для запуска локального сервера и размещения файлов веб-приложения.
Do I take the HTML and translate it into a PUG template file?
Я не уверен в этом вопросеЕсли вы не хотите использовать рендеринг на стороне сервера, я не уверен, что рекомендую начать с него, особенно если вы планируете позднее преобразовать его в настольное приложение. [Примечание * - Предполагается, что вы ссылаетесь на эту библиотеку PUGJS в приведенных выше инструкциях]
Сейчас Для этого требования I'm wanting to create a web app that runs on a server, which I will later put on the desktop via electron.
Это потребует от вас создания слоя обслуживания данныхкоторый чаще всего называют внутренним, отдельным от уровня просмотра данных, который чаще всего называют внешним интерфейсом. Таким образом, случай использования одного и того же уровня данных для разных типов клиентов, а именно. Веб-приложение и / или настольное приложение (электронное, если вы выберете)
Шаг 1 - Определите, какую архитектуру веб-приложения вы хотите использовать или использовать. Это будет основано на вашем проекте и бизнес-требованиях. Исходя из имеющейся у меня информации, я бы предложил простую клиент-серверную архитектуру, в которой ваш веб-интерфейс или клиентское приложение является клиентом, который выполняет вызовы REST API к бэкэнду (API-серверу) и, таким образом, дает значимый результат. * Шаг 2 - Начните с создания 2-х проектов, где будет ваш HTML, CSS JS и т. Д., И простого скрипта NodeJS для обслуживания этого статического веб-приложения при развертывании на сервере. Я собираюсь с NodeJS, так как контекст этого вопроса предлагает то же самое.
Шаг 3 - Другой проект, который будет только сервером API или Backend. Этот сервер будет предоставлять только REST API для внешнего интерфейса. Этот сервер будет взаимодействовать с базой данных и предоставлять другие услуги, такие как аутентификация, ведение журнала и т. Д. Вы можете использовать expressJS для этого также в проекте внешнего интерфейса.
Вот упрощенное представление модели клиент-сервер, на которую вы можете ссылаться.
Некоторые дополнительные ссылки для вас, чтобы переварить.
В чем разница между веб-приложением и клиентом/ серверное приложение?
https://medium.com/codiumclub/web-application-architecture-part-1-guide-to-become-full-stack-developer-cc9526a3519b