Описание тега nextjs13
0
ответов
Каталог приложения NextJs - страница перемонтируется при изменении slug
Я пытался перенести свое приложение nextjs в каталог приложений, но обнаружил странное поведение. Когда у меня есть маршрут вpagesтакая папка: // `pages/test/[slug]/index.tsx` export default function Page() { useEffect(() => { console.log('mount'…
26 дек '22 в 15:55
0
ответов
Есть ли способ получить доступ к «запросу» и «ответу» в макете, странице или компоненте на стороне сервера в каталоге приложения nextjs13?
Я пытаюсь применить аутентификацию на стороне сервера аналогично тому, какgetServerSideProps()работает в старом/pagesподход к nextjs. Однако при таком подходеgetServerSidePropsпринимает параметр контекста, который содержит какreqиresс сервера. Это о…
21 янв '23 в 00:41
2
ответа
Сообщение NextJS Display API на странице
У меня есть форма входа. Пользователь вводит свое имя пользователя/пароль в форму и отправляет ее. Форма использует fetch() для отправки запроса к серверному API и получения ответа. Я хочу отобразить сообщение от API на странице. Это будет {apiError…
11 фев '23 в 13:40
0
ответов
Nextjs13 Проблема с тегом «Ссылка». Требуется ли настройка?
Я только что создал приложение NextJS 13 по умолчанию, используя следующую команду. npx create-next-app@latest --experimental-app <Link> is not working. Unhandled Runtime Error TypeError: Cannot read properties of undefined (reading 'call') Чт…
22 дек '22 в 08:48
5
ответов
Как получить путь к маршруту внутри приложения nextjs 13, используя последний каталог приложения? «Серверная сторона»
Я использую экспериментальный appDir в Next.js 13 и хочу получить URL-адрес запроса. Мне нужна эта информация, чтобы установить параметры поиска, прежде чем я сделаю перенаправление. Я хочу получить путь запроса на стороне сервера. Есть вопрос с пох…
01 мар '23 в 18:03
0
ответов
Аргумент типа «неизвестно» не может быть назначен параметру типа «Пост», когда проверка типа Prisma не удалась.
Я создал свою базу данных Prisma PostgreSQL с таблицей Post. Теперь я создаю файл API, чтобы иметь возможность извлекать данные из моей базы данных в папке Next js 13 «pages/api» , и назвал файл getPosts.ts . Я определил тип Post и и включил его в N…
31 янв '23 в 21:51
1
ответ
Как работает компонент изображения в NextJs 13?
Я реализовал пользовательский загрузчик в соответствии с документами: https://nextjs.org/docs/api-reference/next/image . import Image from 'next/image' const myLoader = ({ src, width, quality }) => { return `https://example.com/${src}?w=${width}&…
15 дек '22 в 19:15
1
ответ
Next.js 13 Обновление состояния компонента SSR после действия
Я впервые изучаю Nextjs и экспериментирую, создавая небольшое веб-приложение, которое позволяет кому-то просто зарегистрироваться, а затем войти в систему. Все работает, кроме одной маленькой проблемы. На странице вы можете увидеть свой статус. Если…
24 дек '22 в 15:18
2
ответа
Предупреждение: вы монтируете новый компонент кузова, когда предыдущий еще не был размонтирован.
Я пытаюсь создать страницу с макетом панели инструментов и страницу с макетом nextjs13 по умолчанию. У меня проблема на странице панели инструментов. Когда я иду по адресам в приборной панели Отображение меню, пунктов и т.д. правильное, а для провер…
11 фев '23 в 21:39
0
ответов
Серверный компонент Nextjs13 дважды выполняет вызов выборки при повторной проверке
Я попытался отключить reactStrictMode в next.config.js, но это не проблема. Мой код просто подключается к MongoDB, находит пользователя в базе данных и возвращает пользователя. Вот мой компонент: export const revalidate = 20; async function getUsers…
03 фев '23 в 08:44
0
ответов
Как правильно использовать @next/font для двух шрифтов в Next.JS?
Я использую Next.JS v13 и не понимаю, как@next/fontработает под капотом. В частности, я пытаюсь использовать два шрифта Google с TailwindCSS, но не понимаю, как это работает. Я использую ,tailwind.config.js, иglobals.css. layout.tsx: import { Alegre…
14 янв '23 в 17:59
0
ответов
Интернализация Nextjs13 с помощью lingui/react
Я хотел бы знать, можно ли использовать Nextjs13 с lingui/react? Я хочу добиться этого, используя папку приложения с серверными компонентами. Если кто-то делал или знает, было бы здорово!
31 дек '22 в 16:26
6
ответов
Ненайденная страница не работает в next.js 13
Это структура моего проекта next.js. И моя страница 404.js: 'use client'; export default function NotFound() { return ( <div> <h2>Not Found</h2> </div> ); } когда я ввожу неправильный маршрут, он не работает и не переходит на…
31 янв '23 в 19:41
1
ответ
Функция приложения Next.js 13 изначально не загружает CSS, получая эффект сбоя
Привет, я использую следующую функцию приложения js 13, и она показывает эффект сбоя при самой первой загрузке страницы. Файл CSS загружается через некоторое время. Например, когда я пытаюсь получить свою страницу входа, она сначала выглядит так Но …
28 фев '23 в 07:35
1
ответ
можно ли поместить элемент «перед» компонентом макета?
Представьте, что у меня есть каталог приложения, внутри которого находятся файлы page.tsx и layout.tsx. Я установил верхний и нижний колонтитулы в layout.tsx, которые будут отображаться на каждом маршруте, а между ними есть <main>{children}<…
28 дек '22 в 21:20
1
ответ
как вы получаете данные запроса в новом каталоге приложений?
Я хотел бы, чтобы мое приложение nextjs13 обслуживало контент на основе поддомена/домена/slug/get_vars в запросе. Мне нужен доступ к данным запроса из новой папки приложения nextjs 13, чтобы я мог обслуживать правильные данные на стороне сервера. на…
01 янв '23 в 20:07
0
ответов
Свести к минимуму работу основного потока на Nextjs (только мобильное представление)
Когда я пытаюсь протестировать свой проект Nextjs в PageSpeed Insights, я получаю два разных результата: на рабочем столе все в порядке, но на мобильном представлении я получил сообщение Minimize main-thread work . Как я могу решить эту проблему? …
17 янв '23 в 02:57
1
ответ
Как использовать конечные точки Next.JS Rest, защищенные с помощью Amplify, из приложения React Native
Фон: Мой текущий стек — это сервер Next для использования в качестве портала администрирования и REST API для мобильного приложения, работающего с Expo — React Native. Следующий сервер в настоящее время размещен как [email protected] Я защитил серве…
24 янв '23 в 07:05
0
ответов
ISR по требованию — отключить кеш и отображать обновленный контент для первого запроса
Информация об окружении Операционная система: Платформа: linuxArch: x64 Версия: #66~20.04.1-Ubuntu SMP Среда, 25 января, 09:41:30 UTC 2023 Двоичные файлы:Node: 14.17.5npm: 6.14.14Yarn: N/Apnpm: N/A Соответствующие пакеты: следующий: 13.1.6eslint-con…
15 фев '23 в 18:58
0
ответов
Nextjs 13: приложение в режиме разработки аварийно завершает работу после изменения кода
Недавно я обновил свое приложение до Nextjs v.13, и теперь я получаю сбои сервера разработки, когда что-то меняю в коде. Пример того, как получить сбой: удалить функцию/переменную, которая где-то использовалась -> сохранить -> сбой с этим кодо…
03 мар '23 в 09:20