フロントエンド開発

フロントエンド開発

Next.js 13のappディレクトリでレイアウトを試す

公式サイトを見ながら試します。ルートレイアウト自動生成されたファイルを元にしてappディレクトリ以下のlayout.tsxとpage.tsxを編集します。% tree src/appsrc/app├── globals.css├── hea...
フロントエンド開発

Next.js 13のappディレクトリでページを試す

Next.js 13でAppディレクトリという仕組みができたらしいので使ってみる。srcディレクトリ以下はこのような状態です。% tree srcsrc├── app│ ├── globals.css│ ├── head.tsx│ ...
フロントエンド開発

Next.jsのはじめかたをChatGPTに質問してみた

昨日の書いたことをChatGPTに質問してみました。私が端折ったnodeについても説明してくれているしプロジェクト作成後のフォルダ構造にまで触れていて完璧ですね。
フロントエンド開発

Next.jsをはじめよう

公式サイトに沿ってセットアップしていきます。TypeScriptを使いたいので--typescriptをつけて実行します。% npx create-next-app@latest --typescriptプロジェクト名はhello-next...