Skip to content

NextJS Style Guide

English

English

Appearance

Sidebar Navigation

Processes

Getting Started

Creating an App

Creating Pages

Creating Components

Styling

Data Fetching

State Management

Localization

Basic Rules

Tech Stack

Architecture

Code Style

Naming

Documentation

Typing

Applied Sections

VS Code Setup

Project Structure

Components

Page-level Components

Templates & Code Generation

Styles

Images

SVG Sprites

Video

API

Stores

Hooks

Fonts

Localization

On this page

Creating Pages

Page creation pattern: routing (page.tsx) and screen.

Pager

Previous pageCreating an App

Next pageCreating Components