getServerSidePropsを使用して、ページを表示する前にサーバー側のレンダリングと認証チェックを実行しようとしているようです。コードから判断すると、正しい軌道に乗っているようです。

ただし、getServerSidePropsから返されたプロパティをLoginコンポーネントに渡していないことに気付きました。サーバー側のプロパティをコンポーネントに渡すには、次のようにmessageプロパティを受け入れるようにLogin関数を変更する必要があります。 リーリー

さらに、

getServerSidePropsを使用しているため、npm run devコマンドはページの静的 HTML ファイルを生成しません。代わりに、リクエストごとにページが生成されます。したがって、getServerSidePropsが適切に動作していることをテストしたい場合は、ブラウザでページにリクエストを作成し、コンソール ログでconsole.log( )ステートメントを確認する必要があります。

これがお役に立てば幸いです!他にご質問がございましたら、お知らせください。

コメントで述べたように、これに従う必要がありますhttps://nextjs.org/docs/app/building-your-application/data-fetching/fetching#async-and-await -in -server-componentsNext 13 フォルダーとappフォルダーを使用する場合。

これは、次のようなことを試せることを意味します:

リーリー

もちろん、メッセージの小道具を追加する必要があります。