Как в Next создается шаблон страницы под генерацию данных с маршрутом?

Question

[Boris007]

Есть app/page.tsx
Есть app/blog/page.tsx
А как создать страницу для

app/blog/news-1
app/blog/news-hot
app/blog/news-last

Где она должна размещаться и как в нее передать статические данные, чтобы по набору ссылок www.site/blog/... открывался один шаблон с разными данными, которые у меня уже есть в массиве объектов?

Посмотрел документацию, но не совсем понял эти нюансы
https://nextjs.org/docs/pages/building-your-applic...

Answer 1

[szQocks]

если юзаешь next 13 + с app директорией, забудь про всякие getStaticProps и getServerSideProps

в 13 нексте, там все компоненты по умолчанию - серверные, а в серверных компонентах доступен расширенный fetch через которые и получаешь данные где хочешь + это и есть грубо говоря твои новые getStaticProps и getServerSideProps, и самый прикол в том что и в клиентских и в серверных компонентах на выходе получаешь уже отрисованный html

на уровне app/blog - можешь создать layout.tsx, а все вложенные папки это и будут children которые попадают в этот layout.tsx - типа вложенных страниц, но на самом деле не так, layout.tsx - это просто обёртка

const BlogLayout = ({ children }) => {
    return (
        <section>
            <SomeComponent/>
            {children}
        </section>
    )
};

export default BlogLayout ;