Генерация статических страниц для React

Цель состоит в том, чтобы мое приложение React работало на стороне клиента в Amazon S3 (CDN) и создавало файлы новостей, чтобы у меня могли быть метатеги для обмена в социальных сетях (в основном из-за Facebook).

Так, например, если кто-то поделится http://website.com/news/343434 то у меня будет файл /news/343434/index.html на Amazon S3, в котором будет заполнен только раздел заголовка для метатегов, и один div в теле с корнем id для приложения React для подключения.

Проблема этого метода заключается в том, что сгенерированные файлы не знают ссылку на файл main.js из-за хэша, который добавляется к имени файла для очистки кэша. И даже если бы я это сделал, это означало бы, что мне нужно будет заново генерировать все файлы новостей каждый раз, когда развертывается приложение React, поскольку хэш будет меняться.

У меня была другая идея иметь лямбда-функцию в AWS, которая в основном возвращала бы файл шаблона, заполненный правильными метатегами и ссылкой на файл main-{hash}.js и т. Д. Это, кажется, лучшее решение, которое я могу думать о.

Есть ли другие решения, которые могли бы работать хорошо?

1 ответ

Существуют интегрированные среды, предназначенные для рендеринга на стороне сервера для приложений React. Проверьте https://github.com/zeit/next.js/ например.

Другие вопросы по тегам