Вопросы с меткой [nextjs]
Руководство по использованию метки nextjs отсутствует.
143
вопроса
0
голосов
0
ответов
17
показов
Не корректное отображение пункта в панели навигации
В панели навигации есть пункт Управление родителями и он на сайте отображается как ... и при наведении на него появляется пункт Управление родителями. Как сделать так чтобы пункт Управление родителями ...
-1
голос
0
ответов
16
показов
Можно ли использовать Nextjs для разработки backend приложения? [закрыт]
Можно ли реализовать бэкэнд на Nextjs а в лучшем случаи фулстэк приложение, если нет то почему не подходит или какие минусы
0
голосов
0
ответов
24
показа
Не возвращаются данные из API запроса в next js
console log возвращает undefined. Почему может не работать запрос через сервер рендеринг. При обращение через клиент всё работает
export const getStaticProps = async() => {
const res = await ...
1
голос
0
ответов
53
показа
Не удается получить данные strapi
Как задеплоить NextJs + Strapi + Nginx + SSL? Столкнулся казалось бы с тривиальной задачей и не знаю как решить. Мой /etc/nginx/sites-available/example.com выглядит следующим образом:
server {
...
0
голосов
0
ответов
16
показов
NextJS 13 не прогружаются стили not-found.tsx
Всем добрый день. У меня проблема. Делаю страницу 404 на NextJS, однако столкнулся с проблемой, что не грузятся стили. Я использую SCSS-модули и в других страницах всё работает.
TSX
import Link from '...
0
голосов
1
ответ
58
показов
Не пропадает надпись "Яндекс условия использования" с карты и не расходуется вызовы API Яндекс Карт
Я использую API Яндекс карт в моем next js приложении с помощьюу библиотеки react-yandex-maps. Карта отображается корректно, я передаю в каждый запрос API-токен для JavaScript API (тариф бесплатный с ...
0
голосов
1
ответ
54
показа
Как правильно определять тип устройства в NextJs приложении?
Нужно адаптировать приложение NextJs под мобильные устройства.
Как же всё так правильно?
Определять тип устройства в getServerSideProps?
Или делать это через хук useMediaQuery?
0
голосов
0
ответов
10
показов
Как убрать ошибку Error: «Load failed» при загрузке фотографии в supabase в Next js приложении?
В моем next.js приложении я загружаю фото из формы в облачное хранилище supabase. Я не могу избавиться от ошибки:
[Error] Unhandled Promise Rejection: TypeError: Load failed
При этом файл в supabase ...
0
голосов
0
ответов
26
показов
Как в react получить несколько элементов?
Я сделал вывод элементов на странице
{addressData.map((e, i) =>
<div data-address={`address${i}`} className={styles.address__card}>
<p>Время работы: {e.time}</p>
<...
0
голосов
1
ответ
38
показов
Как узнать сколько строк будет занимать текс в блоке?
Как проверить как-то сколько строк будет занимать текст в блоке?
Мне нужно написать условие что если название занимает одну строку то описание занимает две, а если название занимает две строки то ...
0
голосов
0
ответов
19
показов
NextJS и проксирование через Nginx
Всем привет. У меня есть сайт, который как фронт использует NextJS, на бекенде php (Yii2).
Как веб сервер использую Nginx. Вот как делаю проксирование
location / {
proxy_pass http://localhost:...
0
голосов
0
ответов
9
показов
Next js клиентские запросы
Хочу зделать запрос на сервер с клиента но проблема в том что, если я перезагружаю страницу в консоли я получаю пустой массив и undefined, если я поменяю чтото в коде(чтоб началась компиляция) то ...
0
голосов
0
ответов
12
показов
Next js Image remote src (удаленные изображения в NextJs c разными протоколами)
я использую в приложении NextJs удаленные изображения с разными протоколами (http и https),в разных секциях выводятся картинки из разных тестовых API, в документации сказано что в next.config.js можно ...
0
голосов
0
ответов
30
показов
Как добавить поддежрку Ts в Next JS
Всем привет, хочу добавить в рабочий проект на Next JS (версия 11.1.3) ts/tsx файлов, чтоб последующаяя разроботка ввелась на TS. Проект очень большой. Узнавал еще что можно просто создать новый ...
0
голосов
0
ответов
19
показов
Как поменять курсор при перетаскивании?
Во время перетаскивания, в том числе и в drag'n'drop появляется кружок красный, к сожалению его не видно на фотке, но смысл понятен. Как его заменить? Например через css? Использую NextJS
0
голосов
0
ответов
27
показов
Закрыть меню при клике на один из его пунктов
Есть сайт на next.js, на нем есть панелька, которая выезжает из-за края при нажатии кнопки. Внутри панельки находится меню. Сама панелька и меню - разные компоненты. Задача - сделать так чтобы ...
1
голос
1
ответ
113
показов
Как делать регидрацию при использовании nextjs и mobx?
Не понимаю почему на next 13 версии, react-dom 18, react 18, useEffect срабатывает не при первом рендере.
Приходится писать костыли в виде хука useIsFirstRender, для того что бы это работало:
export ...
0
голосов
1
ответ
56
показов
Как я могу получить идентификатор из URL-адреса в React и передать его на сервер?(Next js ) Typescript
У меня есть компонент Settings.tsx настройками для изменения данных, и у каждого из этих профилей есть маршрут profile/[id]. В настоящее время мой код проверяет, авторизован ли пользователь с помощью ...
-2
голоса
1
ответ
38
показов
Зачем использовать SSG и SSR, если есть useEffect?
В моем понимании SSG и SSR нужны для лучшей seo оптимизации.
Вот пример:
И все ок, мы взяли данные из сервера, и показали их пользователю в виде html.
Но если мы перепишем на useEffect:
Результат в ...
0
голосов
1
ответ
71
показ
Как установить Nextjs на хостинг?
Создал проект на компе, доработал его. ошибок нет все запускается и работает на компе. Но теперь встал вопрос, что дальше? Долго искал ответы, находил разные статьи но ни чего не работает. Купил VDS ...
0
голосов
0
ответов
54
показа
Проблема с загрузкой изображений в NextJs + Express на хостинге
Делю проект интернет магазина, решил залить на хостинг в docker, изображения товаров берется с бэкенда 5000 порт на Express JS папка static, локально все работало нормально, но на хостинге появилась ...
0
голосов
0
ответов
20
показов
На основе класса L.TileLayer разработать аналогичный CanvasTileLayer, который отображает полученные от сервера тайлы в 1 большой канвас
Необходимо создавать img тайлы и без добавления в dom рисовать их на canvas
У меня есть код, который переделывает каждый тайл в canvas, но это не то, что мне нужно.
import L from 'leaflet';
class ...
0
голосов
0
ответов
23
показа
Как создать физический файл(ы) sitemap.xml на стороне сервера в Next.js?
Столкнулся с задачей в которой нужно реализовать динамическое формирование файлов simap.xml на стороне сервера в Next.js такое можно сделать и есть для этого библиотеки https://www.npmjs.com/package/...
0
голосов
0
ответов
19
показов
Как убрать отступы на странице next.js, чтобы они больше не были видны?
Есть страница с div-ом и кнопкой:
На странице сверху виден белый отступ, который появился сам по себе. Слева он тоже есть, может быть незаметен. Это дефолтные отступы d next.js, и убираются они, как ...
0
голосов
0
ответов
41
показ
Скрытие кода React страниц
Всем привет. Я пишу приложение на React, и в нём есть много разных страниц. Допустим мне нужно создать страницу, о существовании которой никто не должен знать, и доступ к ней должен быть только у ...
1
голос
1
ответ
66
показов
Как реализовать табы в Реакте, не используя хуки
Создал табы на чистом CSS:
https://codepen.io/syberian/pen/RwBBqGq -
и эти табы отлично работают в песочнице.
HTML
<div class='match-outcome'>
<ul class='tabs'>
<li class='tab'&...
0
голосов
2
ответа
41
показ
Не могу поменять цвет svg
пытаюсь изменить цвет изображения в css при помощи:
.primary svg {
fill: white;
}
.ghost:hover svg {
fill: #FFFFFF;
}
само svg изображение я задал следующим образом:
<img src="/icon-...
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 (...
0
голосов
1
ответ
33
показа
NextJS не работаютстили в компоненте
В NextJs сделал компонент с кастомным курсором, импортирую в него css молуль, но стили не применились, и className тоже отсутствует. Сам компонент я импортирую на главной странице с помощью dynamic ...
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 ...
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 ...
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.Я так понимаю что я получаю токен и за счет ...
0
голосов
0
ответов
110
показов
почему req.headers.authorization пустой?
Я только начал изучать nextjs. Хочу сделать авторизацию на сайте. Авторизацию делаю по видео ULBI TV (https://www.youtube.com/watch?v=6dJV7VQ_pr8&list=PL6DxKON1uLOGd4E6kG6d5K-tsTFj-Deln&...
0
голосов
0
ответов
389
показов
Как правильно подключить много локальных шрифтов в Next.JS 13 версии
Пытаюсь разобраться с новой фичей Next.JS 13 версии Optimizing Fonts.
В документации говорится что можно подключить несколько файлов для одного семейства шрифта.
Но не показан пример как использовать ...
0
голосов
1
ответ
116
показов
Как исправить ошибку в Next.js?
Создаю свой первый проект на Нексте и сразу же столкнулся с ошибкой развертывания.(никаких других библиотек не загружал)
Получаю ошибку на локальном хосте:
Failed to compile
./node_modules/next/dist/...
0
голосов
1
ответ
110
показов
Как закрывать окна при переходе между страницами в next.js?
В проекте на next.js шапка и подвал на всех страницах одинаковые и помещены в _app.tsx в виде компонента Layout, который в качестве ребёнка принимает Component страницы. Т.е. при переходе по страницам ...
0
голосов
1
ответ
318
показов
Перезагрузка внешнего скрипта в nextjs при смене URL
Есть компонент который должен выводить баннер на страницах SSG.
Проблема в том что при первой загрузке (или перезагрузки страницы) скрипт отрабатывает отлично и выводит текст на странице "тест ...
1
голос
1
ответ
118
показов
Как получить данные из вложенных массивов при помощи метода map?
На Laravel имеется 3 таблицы post - images - images_post.
Сделал связь многие ко многим, и при запросе в PostMAN результат такой
{
"id": 1,
"title": "...
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 ...
0
голосов
0
ответов
52
показа
next-auth: jwt with existing API
Необходимо время жизни сессии на стороне клиента установить согласно данным, полученным в jwt токене со стороны бекенда.
Как выполнить подобное
0
голосов
1
ответ
22
показа
Как упорядочить каждый элементы в свои блоки?
Есть вот такой json результат
{
id: 1,
title: "Новость первая",
description: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, tempore?",
tags: [ "Тег 1&...
0
голосов
1
ответ
103
показа
Когда нужно использовать Next JS
Всем привет! Изучаю реакт относительно недавно и сейчас делаю социальную сеть. Подскажите пожалуйста имеет ли смысл для соц сети подключать Next JS или это излишне? Стек фронт: React JS, Redux RTK, ...
0
голосов
0
ответов
17
показов
Добавление CSS дочернему компоненту из родительского next.js
Есть компонент "Block", который в качестве props принимает размер(size), путь к изображению(imageSrc) и должен возвращать div с шириной и высотой равным size и у которого в качестве фонового ...
1
голос
0
ответов
49
показов
Как при api запросе в next js получить один объект из массива?
Есть приложение в котором я с помощью api запроса с токеном получаю массив объектов с данными. Весь массив рендерится на странице. Далее необходимо получить какой либо объект из массива и отрендеристь ...
0
голосов
0
ответов
32
показа
VScode и Versel не видит картинки добавленные в Git LFS
из-за большого веса файлов моего проекта я решить забросить все картинки (форматы svg,jpg,mp4) в git lfs, дальше я сделал git push проекта на github, но versel считывая код из github выдает ошибку, ...
0
голосов
0
ответов
137
показов
Сохранение позиции скролла React при переходе между диалогами React (Next)
Никак не могу найти информацию как сохранить положение скролла при переходах между диалогами как в вк или телеграме
Например
зашёл диалог (первично подгрузились сообщения и проскролилось вниз)
...
1
голос
0
ответов
24
показа
Next JS компилит очень много модулей
Это нормально что при изменении страницы Next JS компилит 9000 модулей?
wait - compiling /dashboard-company...
event - compiled client and server successfully in 1213 ms (9085 modules)
0
голосов
0
ответов
105
показов
Вложенный динамический роутинг в Next.js
Как настроить вложенный динамический роутинг в Next.js domain.com/slug_category/slug_sub_category, а не domain.com/categories/:id/sub_categories/:id
Ссылка по первому вложению [slug_category] ...
0
голосов
0
ответов
32
показа
Как можно подменить из родителя функцию в iframe? (typescript)
По запросу с фронтенда я получаю html страницу c сервера (сразу с js и сss в одном файле). На этой странице есть функции с ajax запросами (get и post) на локальный сервер, которые я хочу подменить на ...
0
голосов
0
ответов
26
показов
Оформить JS в отдельный модуль
как вот этот код можно оформить в отдельный модуль (NextJS) чтобы потом на каждой странице подключать через import?
const checkAuth = async (values) => {
try {
const response = await ...