Статические сайты Гэтсби с отключенным JavaScript

Question

Можно ли использовать Gatsby для создания статических сайтов, которые можно просматривать с отключенным Javascript в браузере?

Я слышал, что к сайтам Gatsby можно получить доступ таким образом, но я пробовал различные стартеры Gatsby, включая gatsby-starter-default и gatsby-advanced-starter и все они будет показывать страницу индекса только когда Javascript отключен. При нажатии на ссылку возвращаются белые экраны.

Я просто ищу здесь изящную деградацию - мне нужны только базовые страницы и изображения для рендеринга, ничего более.

Answer 1

Gatsby генерирует критические части приложения, которые отображаются при загрузке страницы, а затем «гидратирует» страницу с помощью React, что означает, что он сначала отображает критические HTML и CSS и только после этого загружает динамические части сайта. Поэтому, если вы используете некоторые дополнительные компоненты реакции, которые не могут быть предварительно отрисованы, они не будут работать, но сайт в целом должен работать.

Если вы используете сервисных работников и отключили JS от devtools, это может быть проблемой с кешем. Попробуйте отключить JavaScript из настроек браузера и запустить сайт из окна инкогнито без открытия devtools. Веб-сайт GatsbyJS должен работать.

Но ваш веб-сайт будет работать быстрее и использовать меньше данных с включенным PWA и работниками сферы обслуживания, которым нужен JavaScript.