Вопросы с меткой [nextjs]
Руководство по использованию метки nextjs отсутствует.
95
вопросов
0
голосов
0
ответов
19
показов
Как лучше реализовать 403 ошибку?
Всем привет, работаю на стеке React + Next.js и встал вопрос, как лучше реализовать 403 ошибку на фронте.
То есть:
Сделать в папке /pages у Next роут 403, чтобы происходил редирект на этот урл /403 и ...
0
голосов
0
ответов
6
показов
NextJS отправка на Build
не могу запустить buid приложения.
есть:
export const getStaticPaths = async () => {
const urlBed:string = process.env.DOMAIN_NAME+'/api/get-bedding';
const res = await fetch(urlBed)
...
0
голосов
0
ответов
12
показов
Переход от SSR к CSR в NextJS
Cовсем недавно начал изучать NextJS. Есть пара вопросов из раздела «практический опыт» и «хорошая практика».
Итак:
Можно ли указать Next’у, что конкретный компонент я хочу отдать для рендеринга на ...
0
голосов
0
ответов
9
показов
Как убрать .html из строки поиска при статичной генерации в next js
я строю сайт на статической генерацти используя next.js. посля "next build && next export"
в папке out формируется статический сайт где для каждой страницы формируется файлик как ...
0
голосов
1
ответ
26
показов
Не получается обратиться к серверу
Мне нужно проверять пользователя на то что он зарегистрирован. Это я делаю в файле _app.tsx:
const MyApp = ({ Component, pageProps }: AppProps) => {
// code
}
export async function ...
0
голосов
0
ответов
5
показов
Next.js Как указать путь для tsconfig файла
У меня есть приложение с такой структурой
components
project1
src
pages
other-folders
project2
src
pages
other-folders
Так вот проблема в том что я имею по два файла tsconfig ...
0
голосов
0
ответов
20
показов
301 Redirects in Next.js without passing the query from source URL to destination URL
Есть source-URL вида https://example.com/category/results/refine?dealers=123&inv=true&sellertypes=dealer
Хочется перманентно (301) редиректить этот source-URL на destination-URL вида https://...
0
голосов
0
ответов
12
показов
Ошибка: «Server Error ReferenceError: window is not defined» в next.js
столкнулся с ошибки "Server Error ReferenceError: window is not defined" при использовании библиотеки crypto-pro в Next.js
Библиотека crypto-pro импортируется из node_modules
import 'crypto-...
0
голосов
0
ответов
19
показов
как получить данные из браузера в _middleware
я создал файл _middleware
import { NextResponse, NextRequest } from 'next/server'
export async function middleware(req: NextRequest, ev: NextResponse) {
return NextResponse.next()
}
могу ли я ...
0
голосов
0
ответов
33
показа
clearInterval не работает
Некорректно работает clearInterval(). Когда я навожу на элемент, значение width не должно увеличиваться, но этого не происходит. Подскажите в чем может быть проблема?
import { useState, useEffect } ...
0
голосов
0
ответов
6
показов
Unhandled Runtime Error ReferenceError: inputEmail is not defined
import { Avatar, Button } from '@material-ui/core'
import styled from 'styled-components'
import React from 'react'
import ChatIcon from '@mui/icons-material/Chat';
import MoreVertIcon from '@mui/...
0
голосов
0
ответов
10
показов
Куда деть тонну кода из getStaticProps в Next.js?
Я получаю данные в getStaticProps, но перед тем как передать их на клиент я их обрабатываю там же, в getStaticProps. Данные проходят проверку, соединяются и прочее. В итоге функция getStaticProps ...
0
голосов
2
ответа
46
показов
Как лучше реализовать поиск по большому объему данных ? (REACT/NEXTJS)
Всем привет ) Сейчас занимаюсь реализацией сайта словаря, где около 2000 слов. И мне необходимо реализовать поиск. Функционал - Пользователь печатает слово в поисковик и сразу без нажатие на какие ...
0
голосов
0
ответов
12
показов
Проблемы с генерацией html на сервере в next.js
Всем привет, сейчас у меня приходят определенные данные из getServerSideProps. Также у меня есть контекст, который сохраняет данные полученные на стороне сервера, но данный диспатч не проходит на ...
0
голосов
0
ответов
8
показов
Функционал скрытия элементов шапки при изменении размера экрана
Есть длинная шапка из 10 пунктов меню. Кто-нибудь знает плагин и к чему можно приязваться, чтобы при уменшьении размера браузеры прятать элмент меню в кнопку с выпадающим списком?
Стек: React
0
голосов
1
ответ
14
показов
Ошибка при подключении redux и nextjs
Подключаю так:
import '../styles/styles.sass';
import type { AppProps } from 'next/app';
import { applyMiddleware, createStore } from 'redux';
import allReducers from '../redux/allReducers';
...
0
голосов
0
ответов
33
показа
Как настроить Image из next/image в next js
У меня есть обычный у него задан размер и при изменении окна браузера, этот img начинает уменьшаться относительно окна. Мне нужно заменить его на next/image, но у next/image нужно выставить размеры ...
1
голос
1
ответ
26
показов
Возвращает undefined при выводе файла
Хочу обратиться к файлу на сервере и вывести его на клиенте, но req.file = undefined
upload.ts:
import { NextApiRequest, NextApiResponse } from 'next';
import nextConnect from 'next-connect';
...
0
голосов
0
ответов
13
показов
React и DatetimePicker. Изменение даты
Подскажите, не понимаю.
import Datetime from 'react-datetime';
import "react-datetime/css/react-datetime.css";
export default function EditCarInfo({car}){
let inputPropsYear = {
id: ...
1
голос
0
ответов
57
показов
TypeError: Cannot read properties of undefined
Не могу понять в чем ошибка
import mongoose from "mongoose";
const productSchema = new mongoose.Schema(
{
name: {type: String, required: true},
price: {type: Number, required: ...
0
голосов
1
ответ
78
показов
Как импортировать стили в NEXT js
Возникла проблема с компонентным импортом стилей. В реакте мы можем просто импортировать стили в виде:
import "./ComponentStyles.scss";
В Next js нет подобной поддержки.
Ранее была ...
0
голосов
0
ответов
58
показов
Работа с API на next js и проблемы с подключением redux
Всем здравствуйте. У меня проблема следующая:
У меня проект на next js и верстка полностью завершена.
Пришел момент чтобы получать данные с бэка и вывести всю инфу на сайте. Однако оказалось что ...
0
голосов
1
ответ
32
показа
Режим разработчика Next JS
У меня стоит задача, чтоб во время запуска в режиме dev определенные переменные были одни, а в обычном режиме другие. Вопрос заключаеться в том как можно определить какой сейчас режим запущен, может ...
0
голосов
0
ответов
34
показа
Что делает данный код в typescript?
Не могу понять код из фреймворка nextjs
export type NextPage<P = {}, IP = P> =
Т.е. мы создаем тип у которого первый аргумент будет {}, а второй равен первому?
не понимаю что значит выражение в ...
0
голосов
1
ответ
31
показ
Нужно добавить листание слайдера на мобильной версий сайта в Next js (без использования Swiper, slick-slider и др)
Я недавно начал работать с Next js и у меня возникла проблема при работе с событиями OnTouchStart,OnTouchMove и OnTouchEnd. Раньше реализовывал такое на React и на чистом js. Сейчас когда я хочу ...
0
голосов
1
ответ
26
показов
Ответ NGINX о несуществующей странице
Есть ситуация, nginx возвращает 404 ответ в случае несуществующей странице если эту страницу ищут от корня домена site.ru/dfgd, и тут вроде все ок.
Есть сайт написанный на next.js
В каталоге есть ...
0
голосов
0
ответов
47
показов
Ssr на Next.js и php
Я fullstack на react и php. Хочу решить проблему с ssr. Next.js - прекрасное решение, но можно ли с ним нормально работать с php? Стоит ли вообще учить next.js для работы с php? Или вы знаете какое-...
0
голосов
1
ответ
87
показов
Redux Toolkit: ошибка typescript у mainReducer
Не пойму, что я упустил. Приложение крашится после добавления редакса в next.js. Где-то настройка не верная, но я не вижу проблемы, уже сто раз все перепроверил.
IDE подчеркивает main в configureStore:...
0
голосов
0
ответов
25
показов
Как в админке реализовать html редактор?
Возникла проблема. Я использую react(nextjs) и mongoDB. У меня есть админка для сайта (сам делаю). В ней есть возможность редактировать, создавать и удалять посты для сайта. Все это я сохраняю потом в ...
1
голос
0
ответов
79
показов
Как использовать Background image в React styled-components?
Как использовать картинки background в styled components? Везде пишут, что достаточно провести импорт и вписать background: url(${myImg}), но у меня по каким-то причинам это не работает.
Использую ...
0
голосов
0
ответов
14
показов
Использование Tailwind + Next.js в чем профит?
В чём преимущество использования технологий подобных Bootstrap или Tailwind в Next.js, если там присутствуют такие замечательные и удобные технологии как Module CSS, Styled Components, библиотеки ...
0
голосов
0
ответов
52
показа
Фронт на next.js пост через wordpress api
подскажите с реализацией. Создаю простой сайт с несколькими лендинг страницами и блогом. Фронт на next.js в качестве бека wordpress api.
На страницу поста контент с wordpress api вставляется через ...
0
голосов
0
ответов
14
показов
Next.js Firebase getServerSideProps. База данных Firebase(db) не отрабатывает в функции getServerSideProps
Ребят, подскажите пожалуйста уже сил нет!
На клиенте в юзефекте с зависимостью "db" все работает но Не в юзефекте на клиенте такая же ошибка что и на сервере. То есть сначала "db"- ...
1
голос
0
ответов
52
показа
Не запускается useEffect в next js
я пытался создать хук useEffect, который будет получать данные о том, как тема установлена у пользователя, но хук useEffect не запускается, как можно решить данную проблему?
Если что, я работаю c Next ...
0
голосов
0
ответов
16
показов
Как использовать wrapper над компонентом Image?
Я использую Next.js React Framework. Я сделал обертку над компонентом Image из next\image (https://nextjs.org/docs/api-reference/next/image)
import Image from "next/image";
import { ...
0
голосов
1
ответ
172
показа
Как правильно настроить компонент next/image <Image>?
Фреймворк Next.js. Я использую компонент next image :
<ImageContainer >
<Image
alt={"some alt"}
src={imageUrl}
height={imageHeight}
width={imageWidth}
/>
</...
0
голосов
0
ответов
25
показов
NextJS: как правильно сделать обработку 401?
У меня есть проект на NextJS, в котором есть авторизация. В файле pages/_app.js у меня есть глобальные настройки axios
axios.defaults.baseURL = process.env.API_URL;
axios.defaults.withCredentials = ...
0
голосов
0
ответов
16
показов
NextJS: как правильно организовать код?
Всем привет. Хочу спросить совета. Начал работать с NextJS. Создал страницу, написал html и обработчики. Все в одном файле. В одном файле таких обработчиков много и стало сложно искать. Начал думать, ...
0
голосов
0
ответов
34
показа
Next.js при выводе текста с двоеточием обрезает числа
Начал изучать Next.js, столкнулся с проблемой.
Я вывожу в render-е компонента текст вроде этого:
<div>Время работы с 12:00 по 18:00</div>
И Next его почему то рендерит как:
Время работы с ...
0
голосов
0
ответов
20
показов
Ошибка импорта глобального CSS в стандартном приложении Next.js
В начальном приложении Next.js (которое автоматически создается при использовании "npx create-next-app") возникает ошибка импорта CSS:
Забавно то, что приложение просит перенести импорт ...
0
голосов
0
ответов
34
показа
sharp в next.js
Всем привет. Я - джун, который имеет 2 месяца прод опыта, поэтому сильно не гнобите за вопрос :)
Поставили таску по оптимизации изображений. На сайте долго подгружаются картинки и после сборки билд ...
0
голосов
0
ответов
15
показов
Storyblock next.js react Переопределение дефолтного языка
В Storyblock определено два языка: русский, английский. Дефолтный язык русский. Необходимо добавить определение языка браузера. Если язык браузера русский - то сайт должен открываться на русском языке,...
1
голос
0
ответов
36
показов
i18next: как верно определять язык?
Я использую i18next в своем проекте. При переключении языка я подставляю префикс языка в ссылку. Но если это язык по умолчанию - то упускаю префикс. Например:
/en/news
/news
/en/about
/about
После ...
0
голосов
1
ответ
21
показ
NextJS: как динамически добавить ссылку к тексту?
Извините, если не верно сформулировал вопрос. Суть задачи такая: у меня есть некий компонент, где подставляется текст в лейбл
<div dangerouslySetInnerHTML={{__html: row.label}}></div>
...
0
голосов
0
ответов
47
показов
Как сделать прелоадер при getServerSideProps в Next.js?
Помогите разобраться, у меня есть стартовая страница, куда юзер попадает если открывает сайт по домену.В это время я получаю данные на сервере getServerSideProps, в это время ничего не показывается ...
0
голосов
0
ответов
23
показа
Проблемы с XMLHttpRequest в Next.js?
Использую подсказки DaData в проекте на Next.js. При добавлении их компоненты из установленной библиотеки выдает такую ошибку.
А если установить XMLHttpRequest в зависимости и добавить вот такой код ...
0
голосов
0
ответов
16
показов
Как вывести несколько тегов <meta> из массива?
Необходимо вывести несколько одинаковых по смыслу тегов с содержимым из массива:
const meta = {
originTrials: ['first', 'second'],
};
В JSX реализовал это так:
{meta.originTrials.flatMap((...
0
голосов
0
ответов
36
показов
Как сделать автоматическую подстройку высоты в компоненте <Image/> в Next.js?
Проблема такая: нужно сделать lazyload и кроссбраузерность для форматов изображений (webp, jpg и т.д.) в Next.js. С этим отлично справился компонент Image, но он требует указания точных значений width ...
0
голосов
0
ответов
17
показов
NextJS: как подгружать роутинги с сервера?
У меня есть следующая задача: клиент хочет на сервере сам переводить роуты. То есть, у меня на сайте 3 языка: ua, ru, en. Есть роут: /news. Надо сделать, что бы эта страница открывалась и при /news, и ...
0
голосов
0
ответов
34
показа
Next.JS: как сделать мультиязычные роутинги?
У меня есть сайт, который написал с использованием NextJS. Все работает отлично, но клиент решил сделать СЕО оптимизацию. Для этого решил сделать переводы роутов.
Например, сейчас есть страница /ru/...