Next.jsエンジニアが間違える5つの勘違い

Рет қаралды 7,261

Shin Coding Tutorial

Күн бұрын

Пікірлер: 23

@進正典 6 ай бұрын

４万人登録おめでとうございます！

@programming_tutorial_youtube 6 ай бұрын

ありがとうございます...!! 次は5万人目指してコツコツがんばりますね🤲

@fishmanK 6 ай бұрын

本当に続けて配信してほしい♪　Next.jsを学ぶには「プログラミングチュートリアル」チャンネルが必須♪　大事な事なので2度言います　本当に続けて配信してほしい♪

@programming_tutorial_youtube 6 ай бұрын

ありがとうございます笑技術発信はまだまだ続けて行く予定です！応援のコメントも続けるモチベーションになっていますので、とても有難いです！

@popo_butabara2116 6 ай бұрын

分かりやすい動画をありがとうございます！ Nextjsで開発をする場合はAxiosを使うよりもNextjsのoptionがあるfetch関数を使ってapiを呼び出す方が好ましいのでしょうか？

@programming_tutorial_youtube 6 ай бұрын

はい！axiosではなくてfetchを使うと細かくキャッシュ設定ができるので、fetchがおススメです。 axiosでも実装はできるとは思いますが、自分でキャッシュ実装しなきゃになるのでコードの複雑性が増すと思います。

@kuruku6 6 ай бұрын

Next.jsでモノリスアプリケーションを構築する際に、DBからのデータ取得などはapi routesを定義しておいてfetchで呼び出すパターンと、tsxから直接prismaを呼び出すパターンがあると思いますが、どう使い分けるのが良いのか教えていただきたいです。個人的にはDBがどこから呼び出されているのかは限定したいので、api routesのみにするのが良いと思っていました。また同じくapi routesとserver actionsだと、server actionsを積極的に取り入れるべきなのでしょうか？

@programming_tutorial_youtube 6 ай бұрын

こちら、一考の余地がありますので僕の方で考えてから再度回答いたしますね。ご質問ありがとうございます！

@kuruku6 6 ай бұрын

@@programming_tutorial_youtube ありがとうございます。よろしくお願いします。個人的には将来的にアプリが大規模になってきた時にAPIを別のバックエンドアプリとして切り離す時のことも考えると、Api routesにまとめておいた方が良いんじゃないか派です。

@programming_tutorial_youtube 6 ай бұрын

@@kuruku6 僕の場合は、個人開発でそこまで大きくないアプリであれば、ServerComponentで直接ORMを読んでデータフェッチして良いかなと思っております。理由はAPIRoutesで読んだ場合も結局はサーバー側で実行されるので、毎回APIを書くよりも直接ServerComponentで記述した方が楽なのではないか、というのが僕の意見です。ただ、大規模なアプリやマイクロサービス化を考えている、またはモバイルアプリでもAPIを利用する必要があるという場合はAPIRoutesにORMを記述してそれをfetchするという方法でも良いですね。ケースバイケースですので、kuruku6さんのお好きなように書いても良いと思っています！！

@kuruku6 6 ай бұрын

@@programming_tutorial_youtube 回答ありがとうございます！

@じーもぐ 6 ай бұрын

formのサーバーアクションってエラーハンドリングできますかね？画面にエラー時のアラートが表示できるとかなり便利なのですが。

@programming_tutorial_youtube 6 ай бұрын

useFormState/useActionState でエラーハンドリングできます。 const [state, formAction] = useFormState(someAction, initialState); において、someActionのサーバーアクション内で返り値にreturn { error: "some error" }等を設定すれば、state.error等でエラーをキャッチでき、それを表示できます。動画内でも軽く説明しています！

@じーもぐ 6 ай бұрын

@@programming_tutorial_youtube ありがとうございます。いつも勉強させていただいております。

@じーもぐ 6 ай бұрын

@@programming_tutorial_youtube ありがとうございます！いつも勉強させてもらってます！！

@sisindu 3 ай бұрын

ただただややこしい。web界隈がカオスと呼ばれる所以。

@ヘビ牧場管理人ほーりー 6 ай бұрын

いつもありがとうございます！次の会社でNext.js使うので助かっです😂

@programming_tutorial_youtube 6 ай бұрын

NextはAppRouterが特に癖があるので、がんばってください！また動画出すかもです。

@user-sp3bn5xk3b 6 ай бұрын

use serverとserver-onlyの違いってなんですか？

@programming_tutorial_youtube 6 ай бұрын

server-onlyにすると、そのコンポーネントがクライアントコンポーネントからimportされて使用される場合にエラーが出るようになります。なので意図しない機密情報の漏洩防止になりますね。 use serverは主にサーバーアクションを実装する場合に宣言するものです。サーバーコンポーネントにしたい場合はコンポーネントには何もディレクティブをつけずにデフォルトのままでOKです。