Next Pages

[Nolra]

Code: https://github.com/Nolra/next_pages/tree/main Документация: https://nextjs.org/docs/pages

Домашнее задание:

1. Создайте многостраничное приложение, отображающее данные из https://jsonplaceholder.typicode.com/, (референс - https://nolra.github.io/next_intro_hw/)
2. Сделайте одну (домашнюю) страницу статичной с приветственным текстом.
3. Сделайте две страницы (posts, users) каждая из которых будет содержать динамическую страницу /[someId].jsx и заполнятся данными после запроса.

Дополнительные задачи Создайте вложенную динамическую директорию для /users/4/posts - отображения всех постов конкретного пользователя. Добавить шаблон, который будет давать возможность подставить title текущей страницы в _app.js - <Layout title={pageProps.pageTitle}>. Добавить директорию albums в users, так чтобы под каждым user появилась ссылка на страницу с его альбомами, затем оказавшись на странице с альбомами мы должны иметь ссылки под каждым альбомом для того чтобы перейти на страницу с фотографиями из этого альбома. (можно воспользоваться конфигом - https://github.com/Nolra/next_intro_hw/blob/main/next.config.mjs)

[voidaugust]

https://github.com/voidaugust/demo-next-app https://voidaugust.github.io/demo-next-app/

[nedostatoksna]

https://nedostatoksna.github.io/next_training/ https://github.com/nedostatoksna/next_training

[NastyaKamalova]

https://github.com/NastyaKamalova/next-pages-hw https://nastyakamalova.github.io/next-pages-hw