Next js

                                https://nextjs.org/docs/app/getting-started/installation

npm create next-app@latest name
TypeScript yes
EsLint yes
Tailwind no
src no
App Router yes
Turbopack yes
Import alias no

tsconfig.json
compilerOptions.allowJs = false

components
	atoms
	molecules
	organisms
	templates

npm i sass
npm i classnames

(site) - назвать папку и вложить в неё новый layout.tsx, папку login и в ней page.tsx
template.tsx - обвёртка компонентов, похож на layout, но он перерендорится при переходе между роутами, для дополнительных эффектов или т.т.
_name - если в структуре папка с нижнем подчёркиванием, то она игнорируется роутингом

.env | .local | .production | .delelopment | .test
DOMAIN=https://omegakontur.ru
DOMAIN_URL=$DOMAIN/url
Можно получить по process.env.DOMAIN_URL
Можно получить на клиенте если название будет NEXT_PUBLIC_DOMAIN_URL
NEXT_PUBLIC_DOMAIN_URL=$DOMAIN/url

Компоненты высшего порядка
layouts:
Site.props.ts
import { ReactNode } from 'react'
export interface SiteProps {
    children: ReactNode,
}

Site.tsx
import {SiteProps} from './Site.props'
import {FunctionComponent} from "react";
const SiteLayout = ({ children }: SiteProps) => {
    /*<Header />
    <Main>
        <Sidebar />
        <Section>
            { children }
            <Section />
    </Main>
    <Footer />*/
    return (
        <>
            { children }
        </>
    )
}
export const withSiteLayout = <T extends Record<string, unknown>>(Component: FunctionComponent<T>) => {
    return function withSiteLayoutComponent (props: T) {
        return (
            <SiteLayout>
                <Component {...props} />
            </SiteLayout>
        )
    }
}


Использовать только на страницах
SSR server side rendering
function getServerSideProps() {}

SSG static generation
function getStaticProps() {} // получения данных по api
Параметр revalidate - время в секундах через сколько перегененировать страницу

function getStaticPaths() {} // получение товаров по api
fallback: true - позволяет разрешить получение новых путей, если запрашивают не существующий
Список