2022年4月3日JavaScriptツイートシェアはてブ送るPocket以下の仕様のNext.jsアプリケーションの作成手順について紹介します。今回はTypeScriptベースのNext.jsアプリケーションを作成するため、--typescriptオプションを追加します。next-exampleディレクトリ構成の変更Next.jsはsrc/pagesというディレクトリ構成に対応しています1。今回はsrcディレクトリを作成し、その配下に既存のpagesディレクトリを移動します。srcstylesのパスを修正pagesのファイルに記載されているstylesのパスを変更します。'../../styles/Home.module.css'自動コードフォーマットパッケージを利用するとコミットのタイミングでコードフォーマットが自動で実行されます。Appの公式ドキュメントで紹介されている方法2をベースに、自動コードフォーマット環境を作成します。今回huskyは4系を利用するためhusky@4とバージョンを明記しています。prettierpackage.jsonに以下の部分を追加します。dev実行後、localhost:3000にアクセスして画面が表示されればOKです。さいごにTwitter(@nishina555)やってます。↩RECOMMENDJavaScriptNext.jsReactツイートシェアはてブ送るPocketプロフィールnishina大企業、ベンチャーと色々なところでWebエンジニアやっています。退職手続きから案件参画まで。人気の記事iPhoneの連絡先の保存がうまくできない!?原因は同期設定かも。