Как лучше организовать хранение и доставку контента в блоге на Реакте и Next.js?
Делаю обучающий сайт по китайскому языку. Есть клиентское приложение на Реакте и Нексте, и АПИ приложение на Экспрессе.
Сайт будет состоять из уроков. В каждом уроке будет теория, языковые игры и упражнения.
С теорией тоже не просто так. Каждое китайское слово должно автоматически брать из БД транскрипцию и подставлять транскрипцию рядом с собой, т.е. будет попутное форматирование исходного текста.
Хотел бы писать контент статей и упражнения сразу синтаксисом Реакта. Мне так удобнее. Например, записываю китайские иероглифы в компоненты, а компоненты там уже сами форматируют внутри себя.
Стоит вопрос как это всё подгружать, хранить и извлекать?
Я думал хранить весь контент всех статей отдельно как отдельные файлы, название файла это ID, а в бд хранить лишь ID и при подгрузке указывать эту статью и потом подгружать при запросе.
Либо второй вариант, хранить текст в бд, при запросе извлекать текст какой-либо статьи из бд, а потом уже после загрузки асинхронно работать с форматированием контента в браузере после загрузки страницы.
Ну как файлы точно не надо хранить. В БД храните текст и его странскрипцию, в реакте только перменные в нужных местах. Подгружаете из БД нужный текст и вставляете в нужное место
в этом то и суть, что транскрипцию я вставляю в БД, а она уже вставляется в текст автоматически. Идея в том, что занести 1 раз транскрипцию к БД, и дальше она везде будет подставляться автоматически. Поэтому подгружаемый из БД текст должен форматироваться уже в процессе извлечения. Вопрос только где это форматирование должно происходить, и как?
Средний
Средний
Простой