Визуализация страницы с данными бэкэнда для использования в getInitialProps в next.js

Question

Я новичок в next.js. В моем следующем проекте .js мне нужно подключиться к базе данных, получить некоторые данные, обработать их с помощью Express и использовать их на клиентской стороне моего приложения. Я буду подключаться к БД в рамках обработчиков экспресс-маршрутов. Вопрос: возможно ли передать загруженные данные на клиентскую сторону (т. Е. В getInitialProps метод жизненного цикла), не извлекая их (с for.ex. fetch api) из getInitialProps, т.е. Есть ли способ сделать его уже готовым для использования на стороне клиента через некоторые реквизиты (без классического метода выборки)?

Answer 1

Вы можете получить свои данные с помощью экспресса с чем-то похожим на это, в экспрессе:

server.get('/your/route', async (req, res) => {
  // fetch your data
  let data = await fetch(....)
  return app.render(req, res, '/yourpage',data)
})

А затем в getInitialProps вы можете получить доступ к своим данным:

   static async getInitialProps (context) {
     let data = context.query;
     return {data}
   }