В Next.js индексная страница — это страница по умолчанию, которая отображается, когда пользователь посещает корневой URL-адрес вашего приложения. Обычно он называется index.js
или index.tsx
и находится в каталоге pages
вашего проекта Next.js.
Вот несколько методов, которые можно использовать для создания индексной страницы в Next.js:
-
Базовая индексная страница. Вы можете создать простую индексную страницу, создав файл с именем
index.js
илиindex.tsx
в. >страницы
. Эта страница будет автоматически отображаться, когда пользователь посещает корневой URL-адрес. -
Динамическая выборка данных. Next.js позволяет получать данные на стороне сервера и передавать их в качестве реквизита на индексную страницу. Вы можете использовать функции
getServerSideProps
илиgetStaticProps
для получения данных и передачи их компоненту индексной страницы. -
Пользовательский макет. Вы можете создать собственный макет для своей индексной страницы, создав отдельный компонент макета и обернув его компонентом индексной страницы. Это позволяет вам определить единообразный макет для всего вашего приложения.
-
Стилизация: Next.js предоставляет различные варианты оформления вашей индексной страницы, включая модули CSS, библиотеки CSS-in-JS, такие как styled-comments, или глобальные таблицы стилей CSS.