して参照できるようにします。利用して、template内で投稿一覧を表示できるようにします。以下の部分を追加します。アクセスして、以下のように投稿一覧が表示されれば成功です。Routes)を作成できます。ファイルを作成します。タグに以下の内容を記載します。中で参照できるようにしています。このメソッドはクエリに該当するコンテンツのうち、最初の1件を返却するメソッドです。指定したスラッグのコンテンツを取得したい場合は、このメソッドを利用します。利用して、template内で投稿詳細を表示できるようにします。以下の部分を追加します。XSSの危険性があるため、利用には注意が必要です。ここでは、Newtで管理している投稿情報を表示するものであり、不特定多数のユーザーが入力できるものを表示するわけではないため、安全なものとして利用しています。これで、投稿詳細についての設定も完了です。アクセスして、以下のように投稿詳細が表示されれば成功です。利用して、プリレンダリングを行えば問題なくページが作成されますが、開発環境の場合は一覧ページから詳細ページに遷移しても、ページが表示されません。遷移時はクライアントサイドレンダリングが実行されるためです。ファイルで作成し、クライアントサイドでの読み込みを許可していません。そのため、ページ遷移をした時に投稿情報を取得できず、ページが表示されなくなってしまいます。ページ遷移後にリロードを行えば問題なくページが表示されますが、ご注意ください。Vercelにデプロイする最後に、Vercelへのデプロイを設定します。GitHubのリポジトリを作成し、これまで作成したコードをプッシュします。ドキュメントをご確認ください。続いて、作成したリポジトリとVercelを接続します。アカウントを持っていない方は、登録をお願いします。チュートリアルを参考にしてください。generate」を指定しましょう。Variables」にご自身の環境変数を設定しましょう。デプロイが成功し、サイトが表示されれば成功です!次のステップこのチュートリアルを行うことで、Nuxt3のプロジェクトを作成し、コンテンツの取得・表示を行う方法を学習しました。深く学習したい方は、以下のチュートリアルもおすすめです。ページもご確認ください。