Comments 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 Вы описываете?
Next.js. Технология современной веб-разработки