Next.js

2024年9月28日

開発作業を行っていると、様々な環境で作業を行うことがある。例えば、実際に開発作業を行う「ローカル環境」、開発したソースの動作等の確認をデモデータを使用し行う、行う「開発環境」, 本番に近い状態でテスト等を行う「QA環 […]

2024年9月28日

遷移したいページが見つからない場合に、４０４ページが表示される。本投稿では、どのようなページが表示されるかと４０４ページのカスタマイズ方法についてまとめる。デフォルトの404ページアプリケーションを起動作業フォル […]

2024年9月25日

https://〇〇〇.com/1 や https://〇〇〇.com/200のように動的にパラメータの値が変化するようなルーティングを実現する方法をまとめる。今回は、何かしらの投稿を管理するページがあるとし、投稿一覧 […]

2024年9月25日

Nextjsでは、用途に合わせてページをグループ化することが出来る。本投稿内では、認証にまつわるページを１つのグループにまとめてみる。認証用のグループを作成前回作成したdemoフォルダ配下については全て削除し、新しく […]

2024年9月25日

新規のページの作成 appフォルダ配下に以下のようにdemoフォルダを作成し、その中にpage.tsxを作成します。 app - demo - page.tsx 完了したら、page.tsx内に以下のような記述を追加する […]

2024年9月24日

新規アプリケーション作成以下、コマンドを実行することで新規のアプリケーションが作成できるが、Node.jsのインストールが済んでいないと実行出来ないため、注意。 npx create-next-app 以下、コマンド実 […]