Next.jsとは何ですか。

リアクションアプリケーションのサーバレンダリングを簡単に実行できるフレームワークです.
特長

サーバ側接続

初期ロード性能向上

検索エンジン最適化

自動コードジャンプによるページの高速ロード

HMRをサポートするWebパッケージベースの環境

ExpressまたはNode.

はjsなどのhttpサーバとともに実装可能

Bael、Webpackカスタムモジュール

を構成可能
関連項目:https://nextjs.org/docs/getting-started

開始します。

npx create-next-app
# or
yarn create next-app

タイプスクリプトを使用する場合

npx create-next-app --typescript
# or
yarn create next-app --typescript

ディレクトリ構造

ファイルの説明

pages=pagesフォルダにルーティングされた対応するファイル名(pages/notese 1.tsx>>localhost:3000/notes 1)

_app.グローバルスタイル

はtsxでのみ定義できる.
次のコマンドで開発サーバを開きます.

 npm run dev