Вопросы с меткой [nextjs]

Руководство по использованию метки отсутствует.

Фильтрация
Сортировка
Метки
0 голосов
0 ответов
17 показов

Не корректное отображение пункта в панели навигации

В панели навигации есть пункт Управление родителями и он на сайте отображается как ... и при наведении на него появляется пункт Управление родителями. Как сделать так чтобы пункт Управление родителями ...
ivan_sergeevi4's user avatar
-1 голос
0 ответов
16 показов

Можно ли использовать Nextjs для разработки backend приложения? [закрыт]

Можно ли реализовать бэкэнд на Nextjs а в лучшем случаи фулстэк приложение, если нет то почему не подходит или какие минусы
Stanislau Pandin's user avatar
0 голосов
0 ответов
24 показа

Не возвращаются данные из API запроса в next js

console log возвращает undefined. Почему может не работать запрос через сервер рендеринг. При обращение через клиент всё работает export const getStaticProps = async() => { const res = await ...
Никита's user avatar
1 голос
0 ответов
53 показа

Не удается получить данные strapi

Как задеплоить NextJs + Strapi + Nginx + SSL? Столкнулся казалось бы с тривиальной задачей и не знаю как решить. Мой /etc/nginx/sites-available/example.com выглядит следующим образом: server { ...
the_Solomon's user avatar
0 голосов
0 ответов
16 показов

NextJS 13 не прогружаются стили not-found.tsx

Всем добрый день. У меня проблема. Делаю страницу 404 на NextJS, однако столкнулся с проблемой, что не грузятся стили. Я использую SCSS-модули и в других страницах всё работает. TSX import Link from '...
Stepan Berkunov's user avatar
0 голосов
1 ответ
58 показов

Не пропадает надпись "Яндекс условия использования" с карты и не расходуется вызовы API Яндекс Карт

Я использую API Яндекс карт в моем next js приложении с помощьюу библиотеки react-yandex-maps. Карта отображается корректно, я передаю в каждый запрос API-токен для JavaScript API (тариф бесплатный с ...
Даниэль Сеидов's user avatar
0 голосов
1 ответ
54 показа

Как правильно определять тип устройства в NextJs приложении?

Нужно адаптировать приложение NextJs под мобильные устройства. Как же всё так правильно? Определять тип устройства в getServerSideProps? Или делать это через хук useMediaQuery?
AlexanderKomarchev's user avatar
0 голосов
0 ответов
10 показов

Как убрать ошибку Error: «Load failed» при загрузке фотографии в supabase в Next js приложении?

В моем next.js приложении я загружаю фото из формы в облачное хранилище supabase. Я не могу избавиться от ошибки: [Error] Unhandled Promise Rejection: TypeError: Load failed При этом файл в supabase ...
Даниэль Сеидов's user avatar
0 голосов
0 ответов
26 показов

Как в react получить несколько элементов?

Я сделал вывод элементов на странице {addressData.map((e, i) => <div data-address={`address${i}`} className={styles.address__card}> <p>Время работы: {e.time}</p> <...
palka tt's user avatar
0 голосов
1 ответ
38 показов

Как узнать сколько строк будет занимать текс в блоке?

Как проверить как-то сколько строк будет занимать текст в блоке? Мне нужно написать условие что если название занимает одну строку то описание занимает две, а если название занимает две строки то ...
Петя Герман's user avatar
0 голосов
0 ответов
19 показов

NextJS и проксирование через Nginx

Всем привет. У меня есть сайт, который как фронт использует NextJS, на бекенде php (Yii2). Как веб сервер использую Nginx. Вот как делаю проксирование location / { proxy_pass http://localhost:...
Diefair's user avatar
  • 2,553
0 голосов
0 ответов
9 показов

Next js клиентские запросы

Хочу зделать запрос на сервер с клиента но проблема в том что, если я перезагружаю страницу в консоли я получаю пустой массив и undefined, если я поменяю чтото в коде(чтоб началась компиляция) то ...
Maksims Turs's user avatar
0 голосов
0 ответов
12 показов

Next js Image remote src (удаленные изображения в NextJs c разными протоколами)

я использую в приложении NextJs удаленные изображения с разными протоколами (http и https),в разных секциях выводятся картинки из разных тестовых API, в документации сказано что в next.config.js можно ...
PavelAratin's user avatar
0 голосов
0 ответов
30 показов

Как добавить поддежрку Ts в Next JS

Всем привет, хочу добавить в рабочий проект на Next JS (версия 11.1.3) ts/tsx файлов, чтоб последующаяя разроботка ввелась на TS. Проект очень большой. Узнавал еще что можно просто создать новый ...
Петя Герман's user avatar
0 голосов
0 ответов
19 показов

Как поменять курсор при перетаскивании?

Во время перетаскивания, в том числе и в drag'n'drop появляется кружок красный, к сожалению его не видно на фотке, но смысл понятен. Как его заменить? Например через css? Использую NextJS
palka tt's user avatar
0 голосов
0 ответов
27 показов

Закрыть меню при клике на один из его пунктов

Есть сайт на next.js, на нем есть панелька, которая выезжает из-за края при нажатии кнопки. Внутри панельки находится меню. Сама панелька и меню - разные компоненты. Задача - сделать так чтобы ...
Лео's user avatar
  • 59
1 голос
1 ответ
113 показов

Как делать регидрацию при использовании nextjs и mobx?

Не понимаю почему на next 13 версии, react-dom 18, react 18, useEffect срабатывает не при первом рендере. Приходится писать костыли в виде хука useIsFirstRender, для того что бы это работало: export ...
Роман Василаки's user avatar
0 голосов
1 ответ
56 показов

Как я могу получить идентификатор из URL-адреса в React и передать его на сервер?(Next js ) Typescript

У меня есть компонент Settings.tsx настройками для изменения данных, и у каждого из этих профилей есть маршрут profile/[id]. В настоящее время мой код проверяет, авторизован ли пользователь с помощью ...
Гор Манучарян's user avatar
-2 голоса
1 ответ
38 показов

Зачем использовать SSG и SSR, если есть useEffect?

В моем понимании SSG и SSR нужны для лучшей seo оптимизации. Вот пример: И все ок, мы взяли данные из сервера, и показали их пользователю в виде html. Но если мы перепишем на useEffect: Результат в ...
Діма Чорній's user avatar
0 голосов
1 ответ
71 показ

Как установить Nextjs на хостинг?

Создал проект на компе, доработал его. ошибок нет все запускается и работает на компе. Но теперь встал вопрос, что дальше? Долго искал ответы, находил разные статьи но ни чего не работает. Купил VDS ...
Александр Игошин's user avatar
0 голосов
0 ответов
54 показа

Проблема с загрузкой изображений в NextJs + Express на хостинге

Делю проект интернет магазина, решил залить на хостинг в docker, изображения товаров берется с бэкенда 5000 порт на Express JS папка static, локально все работало нормально, но на хостинге появилась ...
Play Bit's user avatar
0 голосов
0 ответов
20 показов

На основе класса L.TileLayer разработать аналогичный CanvasTileLayer, который отображает полученные от сервера тайлы в 1 большой канвас

Необходимо создавать img тайлы и без добавления в dom рисовать их на canvas У меня есть код, который переделывает каждый тайл в canvas, но это не то, что мне нужно. import L from 'leaflet'; class ...
Attato's user avatar
  • 1
0 голосов
0 ответов
23 показа

Как создать физический файл(ы) sitemap.xml на стороне сервера в Next.js?

Столкнулся с задачей в которой нужно реализовать динамическое формирование файлов simap.xml на стороне сервера в Next.js такое можно сделать и есть для этого библиотеки https://www.npmjs.com/package/...
Александр Штоколов's user avatar
0 голосов
0 ответов
19 показов

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

Есть страница с div-ом и кнопкой: На странице сверху виден белый отступ, который появился сам по себе. Слева он тоже есть, может быть незаметен. Это дефолтные отступы d next.js, и убираются они, как ...
epic's user avatar
  • 1
0 голосов
0 ответов
41 показ

Скрытие кода React страниц

Всем привет. Я пишу приложение на React, и в нём есть много разных страниц. Допустим мне нужно создать страницу, о существовании которой никто не должен знать, и доступ к ней должен быть только у ...
Evgeny Malkov's user avatar
1 голос
1 ответ
66 показов

Как реализовать табы в Реакте, не используя хуки

Создал табы на чистом CSS: https://codepen.io/syberian/pen/RwBBqGq - и эти табы отлично работают в песочнице. HTML <div class='match-outcome'> <ul class='tabs'> <li class='tab'&...
TupoScrip's user avatar
0 голосов
2 ответа
41 показ

Не могу поменять цвет svg

пытаюсь изменить цвет изображения в css при помощи: .primary svg { fill: white; } .ghost:hover svg { fill: #FFFFFF; } само svg изображение я задал следующим образом: <img src="/icon-...
b.ars's user avatar
  • 1
0 голосов
1 ответ
187 показов

Uncaught TypeError: (0 , _react.createContext) is not a function, next 13 + redux

Столкнулся с проблемой, что при использовании nextjs 13.1.5 в связке redux 4.2.0 появляется ошибка "TypeError: (0 , _react.createContext) is not a function" Подключение provider в _app.tsx (...
Denis Chenykh's user avatar
0 голосов
1 ответ
33 показа

NextJS не работаютстили в компоненте

В NextJs сделал компонент с кастомным курсором, импортирую в него css молуль, но стили не применились, и className тоже отсутствует. Сам компонент я импортирую на главной странице с помощью dynamic ...
Sergey Artemov's user avatar
0 голосов
1 ответ
59 показов

Как правильно настроить SSR в NextJS?

У меня есть вот такой код страницы import { NextPage } from 'next'; import MainLayout from '../../layouts/main'; import dynamic from 'next/dynamic'; import { useRouter } from 'next/router'; import ...
Mukzer's user avatar
  • 3
0 голосов
1 ответ
33 показа

Multer in Nextjs, req.file is undefined

pages/api/upload: export default async (req: INextReq, res: NextApiResponse) => { if (req.method !== "GET") { return res.status(400).json({ success: false, message: "Use only GET ...
Алексей Яковлев's user avatar
1 голос
1 ответ
124 показа

Error: Hydration failed because the initial UI does not match what was rendered on the server

я новичок на Nextjs поэтому не судите строго, как исправить ошибку? Hydration failed because the initial UI does not match what was rendered on the server.Я так понимаю что я получаю токен и за счет ...
Pasha Pofactu's user avatar
0 голосов
0 ответов
110 показов

почему req.headers.authorization пустой?

Я только начал изучать nextjs. Хочу сделать авторизацию на сайте. Авторизацию делаю по видео ULBI TV (https://www.youtube.com/watch?v=6dJV7VQ_pr8&list=PL6DxKON1uLOGd4E6kG6d5K-tsTFj-Deln&...
Vanya's user avatar
  • 13
0 голосов
0 ответов
389 показов

Как правильно подключить много локальных шрифтов в Next.JS 13 версии

Пытаюсь разобраться с новой фичей Next.JS 13 версии Optimizing Fonts. В документации говорится что можно подключить несколько файлов для одного семейства шрифта. Но не показан пример как использовать ...
Артем Яценко's user avatar
0 голосов
1 ответ
116 показов

Как исправить ошибку в Next.js?

Создаю свой первый проект на Нексте и сразу же столкнулся с ошибкой развертывания.(никаких других библиотек не загружал) Получаю ошибку на локальном хосте: Failed to compile ./node_modules/next/dist/...
Somebody's user avatar
0 голосов
1 ответ
110 показов

Как закрывать окна при переходе между страницами в next.js?

В проекте на next.js шапка и подвал на всех страницах одинаковые и помещены в _app.tsx в виде компонента Layout, который в качестве ребёнка принимает Component страницы. Т.е. при переходе по страницам ...
vvtvvtvvt1's user avatar
0 голосов
1 ответ
318 показов

Перезагрузка внешнего скрипта в nextjs при смене URL

Есть компонент который должен выводить баннер на страницах SSG. Проблема в том что при первой загрузке (или перезагрузки страницы) скрипт отрабатывает отлично и выводит текст на странице "тест ...
HappyPM's user avatar
  • 60
1 голос
1 ответ
118 показов

Как получить данные из вложенных массивов при помощи метода map?

На Laravel имеется 3 таблицы post - images - images_post. Сделал связь многие ко многим, и при запросе в PostMAN результат такой { "id": 1, "title": "...
Yura Lons's user avatar
  • 104
0 голосов
1 ответ
80 показов

next-i18next при вызове serverSideTranslations и смене url происходит переотрисовка файла _app.js

export async function getServerSideProps({ locale }) { const data = await serverSideTranslations(locale, ['apple', 'home']); return { props: data, }; } export default function ...
Viktoria's user avatar
0 голосов
0 ответов
52 показа

next-auth: jwt with existing API

Необходимо время жизни сессии на стороне клиента установить согласно данным, полученным в jwt токене со стороны бекенда. Как выполнить подобное
xcplat's user avatar
  • 513
0 голосов
1 ответ
22 показа

Как упорядочить каждый элементы в свои блоки?

Есть вот такой json результат { id: 1, title: "Новость первая", description: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, tempore?", tags: [ "Тег 1&...
Yura Lons's user avatar
  • 104
0 голосов
1 ответ
103 показа

Когда нужно использовать Next JS

Всем привет! Изучаю реакт относительно недавно и сейчас делаю социальную сеть. Подскажите пожалуйста имеет ли смысл для соц сети подключать Next JS или это излишне? Стек фронт: React JS, Redux RTK, ...
Гришко Шкарта's user avatar
0 голосов
0 ответов
17 показов

Добавление CSS дочернему компоненту из родительского next.js

Есть компонент "Block", который в качестве props принимает размер(size), путь к изображению(imageSrc) и должен возвращать div с шириной и высотой равным size и у которого в качестве фонового ...
GregoMur's user avatar
1 голос
0 ответов
49 показов

Как при api запросе в next js получить один объект из массива?

Есть приложение в котором я с помощью api запроса с токеном получаю массив объектов с данными. Весь массив рендерится на странице. Далее необходимо получить какой либо объект из массива и отрендеристь ...
Dytro Zhadan's user avatar
0 голосов
0 ответов
32 показа

VScode и Versel не видит картинки добавленные в Git LFS

из-за большого веса файлов моего проекта я решить забросить все картинки (форматы svg,jpg,mp4) в git lfs, дальше я сделал git push проекта на github, но versel считывая код из github выдает ошибку, ...
Стас Лабанов's user avatar
0 голосов
0 ответов
137 показов

Сохранение позиции скролла React при переходе между диалогами React (Next)

Никак не могу найти информацию как сохранить положение скролла при переходах между диалогами как в вк или телеграме Например зашёл диалог (первично подгрузились сообщения и проскролилось вниз) ...
Pasha1neo's user avatar
1 голос
0 ответов
24 показа

Next JS компилит очень много модулей

Это нормально что при изменении страницы Next JS компилит 9000 модулей? wait - compiling /dashboard-company... event - compiled client and server successfully in 1213 ms (9085 modules)
Павел Топский's user avatar
0 голосов
0 ответов
105 показов

Вложенный динамический роутинг в Next.js

Как настроить вложенный динамический роутинг в Next.js domain.com/slug_category/slug_sub_category, а не domain.com/categories/:id/sub_categories/:id Ссылка по первому вложению [slug_category] ...
stackwebdev's user avatar
0 голосов
0 ответов
32 показа

Как можно подменить из родителя функцию в iframe? (typescript)

По запросу с фронтенда я получаю html страницу c сервера (сразу с js и сss в одном файле). На этой странице есть функции с ajax запросами (get и post) на локальный сервер, которые я хочу подменить на ...
Михаил Васильев's user avatar
0 голосов
0 ответов
26 показов

Оформить JS в отдельный модуль

как вот этот код можно оформить в отдельный модуль (NextJS) чтобы потом на каждой странице подключать через import? const checkAuth = async (values) => { try { const response = await ...
Дараган Максим's user avatar