Как стать автором
Обновить

Комментарии 5

Мне page router больше нравился, в app router слишком много кэша

Большинтсво проектов сделанных на Next.js это тормознутое дерьмо с точки зрения UX, в том числе потому что такие Js-фреймворки-комбайны переусложненные внутри поощеряют это. Хотя по сути вной всему Js, хоть типизированный, хоть нет.

Отличная статья! Много похожих читал, оф. доку читал - здесь как-то автор в мелочах дает такие нюансы, что сразу картинка складывается

Хотелось бы немного дополнить автора.
1) Файл _app.js(jsx/tsx) Так же используется для подключения "глобальных" css стилей. Т.е. стилей которые будут доступны во всех компонентах. В моём проекте это набор css переменных отвечающие за тему (цвета, шрифты). Каждый компонент приложения использует scss.module и там есть доступ к CSS пременным объявленным в глобальном css подключённому к _app.jsx.

https://nextjs.org/docs/pages/building-your-application/styling/css-modules

2) В Page роутере и App роутере по разному формируется содержимое <head></head>.
В Page роутере (который я использую) Содержимо тега head формируется при помощи собственного(встроенного) компонента Head.

import Head from 'next/head'
 
function IndexPage() {
  return (
    <div>
      <Head>
        <title>My page title</title>
      </Head>
      <p>Hello world!</p>
    </div>
  )
}
 
export default IndexPage

https://nextjs.org/docs/pages/api-reference/components/head

При использовании App роутера, вместо компонента Head используется объект metadata.

export const metadata = {
  title: 'My page title',
  description: 'my framework NEXT.js',
}
export default function Page() {
 return <>
   <p>Hello world</p>
  </>
}

https://nextjs.org/docs/app/building-your-application/optimizing/metadata

3) "В некотором роде это можно сравнить с MERN стеком..." В моём проекте NEXT.js можно сравнить со стеком PERN ))))))))))) PostgreSQL+Express+React+Node.js. Вообще мо моему скромному мнению NEXT.js это объединение возможностей Express, React и Node.js

Depricated функции описаны в статье. Устаревшая версия. Какую версию nextJs Вы описываете?

Зарегистрируйтесь на Хабре, чтобы оставить комментарий