Next.js - отличный фреймворк, который поможет вам создавать универсальные приложения на React. Вы получаете лучшее из обоих миров: рендеринг на стороне сервера для SEO и быстрое взаимодействие на стороне клиента. В этом видеоуроке я покажу вам, как добавить динамический контент в ваш Next.js с помощью Cosmic JS.

Слишком долго, не смотрел:
Вот что мы создали: в этом руководстве мы используем модуль Cosmic JS NPM для добавления содержимого из нашего сегмента в приложение Next.js. Вот что мы построим в этом руководстве:

Чтобы добавить контент на основе Cosmic JS, все, что нам нужно сделать, это подключиться к нашему Bucket с помощью переменной конфигурации, а затем добавить метод addObject к методу getInitialProps. Для этого нам нужно обернуть addObject обещанием. Затем заполните свой контент с помощью реквизита.

Если у вас есть вопросы, напишите нам в Twitter и присоединитесь к нашему сообществу Slack.