Есть ли способ программно создавать и экспортировать следующие js-страницы?

Я думал о программном создании и экспорте статических следующих js-страниц?

Например: У меня есть маршрут в экспресс-приложении, каждый раз, когда этот маршрут вызывается, я хочу экспортировать динамическую страницу с данными в теле или параметрах маршрута, и они сохраняют страницу в CDN, например S3.

ПСЕВДОКОД РАБОЧЕГО ПРОЦЕССА:

app.post("/renderPage",async (req,res)=>{
 try{
  //an hypothetical function that executes next export for a single page with props
  let page = await next.export("page",req.body)
  await S3.upload(page)
  res.status(200)
  } catch (e) {
  res.status(500)
  }
})

Вы хотите динамически отображать страницы на стороне сервера и тайник их…?

deceze 30.03.2021 11:50

Я не думаю, что это возможно, потому что этап сборки следующей страницы включает в себя множество инструментов, таких как Webpack. Для этого вам потребуется более сложная настройка. Предпочтительным решением было бы просто иметь приложение Next с добавочной статической генерацией, которое в основном это делает. Другая альтернатива - создать его самостоятельно с помощью инструмента более низкого уровня: просто используйте возможности серверного рендеринга React для создания своих страниц, вам не нужно Next.

Eric Burel 31.03.2021 10:53

@EricBurel, давайте подумаем о том, что у меня есть следующее статическое приложение на CDN (например, целевая страница и т. д.), И я создаю динамические страницы с помощью response SR, блоки больше не будут действительны, потому что это еще одна «структура». Я понял это, создав действие github, которое каждый раз, когда пользователь создает страницу, действие GitHub строит и экспортирует в CDN только динамические страницы, экспортированные из сборки.

valdozzz 31.03.2021 11:48

Да, я понимаю вариант использования, но это означает переосмысление инкрементной статической генерации, которая у вас есть при использовании Vercel. Вместо того, чтобы иметь отдельную конечную точку Express, возможно, вы захотите запустить свое приложение Next с «запуском пряжи» + полагаться на ISG, а затем создать какую-то логику синхронизации для «экспорта» недавно построенной страницы в статическую версию на S3. Вы создаете / запускаете одно и то же приложение дважды, один раз динамически как конструктор страниц, второй раз статически, чтобы предоставить пользователям чисто статическую версию. Это делает вас независимым от Vercel, но это звучит немного надуманно.

Eric Burel 31.03.2021 11:54
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
4
25
0

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