Ответы пользователя по тегу Next.js
  • Как понять, когда нужно использовать nextjs, а когда нет?

    alexrapro
    @alexrapro
    Frontend Developer
    На новой доке React'a уже прямо написано: Используйте Nextjs.
    По своему опыту отвечу: React супер голый и приходится часто велосипедить базовые фичи, по типу роутинга.

    В Nextjs ты можешь использовать и клиентские компоненты и серверные, как тебе угодно :)
    Ответ написан
    Комментировать
  • Как исправисть ошибку Cors (Next.js и Nest.js)?

    alexrapro
    @alexrapro
    Frontend Developer
    В файле next.config.js просто настрой прокси используя:

    async rewrites() {
            return []
    }
    Ответ написан
    Комментировать
  • Почему next выдает 404?

    alexrapro
    @alexrapro
    Frontend Developer
    Нужны подробности: что используете App Router или Pages Router?
    Если App Router, то файл должен называться page.tsx и находиться в папке page1, если Pages Router, то файл должен называться page1.tsx и находиться в папке pages.

    App Router: page1/page.tsx
    Pages Router: pages/page1.tsx
    Ответ написан
    Комментировать
  • Как типизировать router.push(pathname)?

    alexrapro
    @alexrapro
    Frontend Developer
    Ты можешь сделать так:
    router.push(`${pathname}`)
    Ответ написан
    Комментировать
  • Как подключить Yandex Maps JS API 3 к Next.js 13?

    alexrapro
    @alexrapro
    Frontend Developer
    Если ты хочешь подключить скрипт яндекс карты, можно сделать так:
    'use client'
    
    import React, {FC} from 'react';
    import Script from "next/script";
    import useYandexMap from "@/services/hooks/stores/map/useYandexMap";
    
    const YMapProvider: FC<{ children?: React.ReactNode }> = ({children}) => {
        const exist = `${process.env.NEXT_PUBLIC_YMAP_APIKEY}` !== 'undefined'
        const {setIsOpen} = useYandexMap()
        const initYmaps = () => {
            setIsOpen(true)
        }
    
    
        return (
            <>
                {exist && <Script
                    onLoad={() => ymaps.ready(initYmaps)}
                    src={`https://api-maps.yandex.ru/2.1.79/?apikey=${process.env.NEXT_PUBLIC_MAP}&lang=ru_RU`}
                />}
                {children}
            </>
        )
    }
    
    export default YMapProvider;


    В моём примере имеется Store, но можно обойтись и без него.
    Ответ написан