Описание тега getstaticprops

1 ответ

Next.js 9.3+ и универсальные маршруты

Next.js здесь новичок, надеясь на указатели по использованию getStaticPaths а также getStaticPropsс комплексными маршрутами. Большинство авторов блогов Next.js 9.3+, похоже, основаны только на одном уровне сообщений в блогах (например,/posts/post-1.…
7 ответов

Как отлаживать getStaticProps (и getStaticPaths) в Next.js

Я пытаюсь отладить getStaticProps() метод компонента React, включенного с моих страниц, используя console.log() нравиться: export default class Nav extends React.Component { render() { return <nav></nav>; } async getStaticProps() { conso…
3 ответа

Next js Как получить абсолютный URL в продакшене?

Проблема, с которой я столкнулся, заключается в том, что я не могу получить абсолютный URL-адрес в производственной сборке при использовании getStaticPaths а также getStaticProps export async function getStaticPaths() { const url = process.env.NODE_…
3 ответа

Как сгенерировать меню на основе файлов в каталоге страниц в Next.js

Я пытаюсь создать компонент меню, который считывает содержимое папки страниц во время сборки. Однако успеха у меня не было. Вот что я пробовал: import path from "path"; import * as ChangeCase from "change-case"; export default cl…
01 сен '20 в 20:09
0 ответов

Как использовать мой вызов axios для getStaticPaths и getStaticProps

У меня есть компонент, который отображает ответ (успешно подтвержден, уже подтвержден, и срок действия этого токена истек) на вызов моего сервера при нажатии ссылки в электронном письме с подтверждением учетной записи, которое я отправил после регис…
30 июн '20 в 22:38
0 ответов

Следует ли использовать NextJS getStaticProps для обслуживания веб-приложения, созданного пользователем?

Исходный вопрос был размещен в обсуждении Github. Но пока никто не ответил на вопрос. Так что попробуем здесь удачи. Контекст Я пытаюсь создать платформу (также известную как web-2.0) веб-сайт, на котором пользователи будут создавать большую часть к…
5 ответов

Next.js:FetchError: недопустимое тело ответа json Неожиданный токен <в JSON в позиции 0

Я пытаюсь использовать getStaticProps, чтобы просто сделать запрос, а затем передать эти данные из него в компонент: Но я получаю такую ​​ошибку: FetchError: недопустимое тело ответа json на https://www.ajmadison.com/product3.0/packages.index.json.p…
17 июл '20 в 21:55
2 ответа

Проблемы при развертывании Next.js в Vercel с помощью #getStaticProps()

Используя Next.js, подключенный к Apollo, у меня есть около 50 нединамических URL-адресов, извлекающих данные с помощью getStaticProps(). Он прекрасно работает, и мне нравится, как загружаются страницы. Проблема, с которой я сталкиваюсь, заключается…
03 сен '20 в 22:07
0 ответов

Nextjs дважды нажимает объект данных, если в компоненте есть getStaticProps

Я нашел способ решить эту проблему с дублированием, изображение (1)(строка 4). Но мне интересно, почему он дважды помещает данные объекта в массив, но только один раз печатает console.log . Пытался отладить. Это getStaticProps где-то так же, как и с…
21 окт '20 в 17:19
0 ответов

getStaticProps вызывается только тогда, когда getStaticPath предопределен

--src --pages --company [...form].tsx list.tsx Выше представлена ​​структура папок, в то время как я намерен использовать [...form].tsx для обработки запросов от: /company/add и /company/edit/<any_id> Форма имеет некоторые статические свойства…
2 ответа

Next.js: Как сделать так, чтобы динамическая маршрутизация перенаправляла на статические страницы?

Используя Next.js, в настоящее время у меня есть приложение с единственной точкой входа в виде /pages/[...slugpting/index.ts. Он содержит функцию getServerSideProps, которая анализирует слаг и принимает решение о перенаправлении. В некоторых случаях…
0 ответов

Как мне динамически вставлять метаданные на мою страницу с помощью NextJS?

Как мне динамически вставлять метаданные на мою страницу? Я следовал руководству и смог получить страницу со списком имен моих служб, используя имена файлов в каталоге _services, однако этот метод позволяет мне только вставить slug. Я хочу загрузить…
12 окт '20 в 00:17
0 ответов

Получение данных на уровне компонентов и предварительная визуализация /ssr nextjs

Я впервые работаю с Nextjs. Я пытаюсь создать несколько макетов, которые будут состоять из <Header><different-layouts-for-each><Footer> структура. Проблема, с которой я столкнулся, заключается в том, что getStaticProps или getServe…
1 ответ

Когда именно происходит "время сборки" Nextjs?

Я читаю часть документации Nextjs по извлечению данных, и мне в голову пришел один вопрос. Nextjs может получать данные с помощью getStaticProps, getStaticPaths, getInitialProps и getServersideProps, верно? Но кое-что происходит во время сборки, как…
1 ответ

NextJS: "TypeError: невозможно прочитать свойство toLowerCase из undefined"

При использовании getStaticPaths() и getStaticProps()Я получаю сообщение об ошибке NextJS: "TypeError: не удается прочитать свойство toLowerCase из undefined"
1 ответ

Ошибка динамического маршрута Next.js: указанный путь `page-name` не соответствует странице:` / [slug]`

Я пытаюсь использовать [slug].js для рендеринга страниц, смежных с index.js, через getStaticProps и getStaticPaths. При переходе на страницу с использованием динамического маршрута я получаю ошибку несоответствия. Эта ошибка возникает даже в том слу…
1 ответ

Можете ли вы передать нестроковые объекты из getStaticPaths () в Next.js?

Очевидно, Next.js заставляет вас предоставить строковый параметр с именем slug внутри getStaticPaths()если файл, из которого он вызывается, называется [slug].js. Однако мне было бы очень удобно передать весь объект из getStaticPaths() а не просто ег…
05 окт '20 в 11:24
4 ответа

NextJS, _app, SSG, getInitialProps против getStaticProps и как я должен придерживаться DRY?

Я знаю, что эта тема не нова, и я нашел (и прочитал) несколько дискуссий. Чего я не смог найти, так это ответа на мой все еще оставшийся вопрос. Как другие решают проблему невозможности использования getStaticProps в _app.js? getInitialProps для мен…
12 окт '20 в 18:57
1 ответ

Получение данных с помощью маршрутов nextjs 'catch all'

С nextjs 10 у вас может быть маршрут catch all, который выглядит примерно так [...id].tsx. Идея в том, что это позволит создавать динамические страницы. Так что он должен соответствовать /example, /example/new, /example/new/latest и т.п. Проблема, с…
05 ноя '20 в 15:09
7 ответов

Как заставить Next.js getStaticProps работать с машинописным текстом

Я использую Next.js с включенной функцией машинописного текста Попытка использовать getStaticProps, как описано здесь https://nextjs.org/docs/basic-features/typescript С типом GetStaticProps export const getStaticProps: GetStaticProps = () => { r…
30 ноя '20 в 20:23