あなたは"use client"と"use server"をいつ使うべきか知っていますか?【ServerActionsまで解説】
ฝัง
- เผยแพร่เมื่อ 28 ก.ย. 2024
- #入門 #nextjs #serverActions #webアプリ開発 #webエンジニア #rsc #react
🌟Web開発案件も募集中です🌟
shincode-hp.pa...
Webの開発案件も募集しております。
【さらに詳しく学びたい方へ。Udemy90%割引クーポン発行中🚀】
↓↓↓↓↓
shincode.info/2...
\ShinCode_Camp開校しました/
プログラミング講座&副業・起業&就職・転職が学べるプラットフォーム🚀
🎁月額2500円で全講座が見放題
🎁分からない箇所は質問し放題
🎁7日間無料キャンペーン実施中
🎁コミュニティ機能付き
🎁いつでも解約可能etc...
↓↓↓↓↓
code-s-school-...
-----------------------------------------------------------------------------------------------------------------------------
【この動画を視聴するメリット】
・"use client"と"use server"をいつ使うべきか分かります
・RSCについての理解が深まります
・serverActionsの使い方が分かるようになります
【信頼性】
・Udemy講師
・講師レビュー評価94.6%
・Udemy受講生延べ3000人突破
・Webアプリ/サイト開発数:200以上
・生きがい:プログラミングでサイトやアプリを作ること
★チャンネル登録はこちらから★
/ @programming_tutorial_...
★今回のソースコード★
★運営者SNS★
Twitter: / shin_engineer
★この動画で使用している機材★
キーボード(Keychron K6 赤軸):amzn.to/3F4zca5
マウス(Logicool G ロジクール G ゲーミングマウス):amzn.to/3DZaaYB
マイク(サンワダイレクト USBマイク PCマイク):amzn.to/30AVwJF
マイクスタンド(Luling Arts マイクスタンド マイクアーム スタンド):
amzn.to/3se5onZ
※アフィリエイトリンクになります。
ものすごく参考になりました!個人的にServerActionsって微妙かと思っていた内容をズバリ言ってくれてモヤモヤがスッキリしました!ありがとうございます!
こういうエンジニア系のTH-camr博識すぎない?どこでそんな知識得てるんだろ
ドキュメントとZennやQiitaやブログ等から参照しています。新しい技術ですので、GPTでは対応しきれていないようなのでAIは利用しておりません。
CSRでのfetchでAPIキーなど外部に公開したくない記述がある場合、app/api/route.tsの中に記述すれば、この処理はサーバー側ですので、ブラウザ側からは隠蔽されますか?
route.tsへの記述はサーバー側で処理されるので、ブラウザ側からは隠ぺいされます。フェッチする際にAPIキーを使う場合は環境変数を利用しても隠ぺいすることができます。
revalidatePathでキャッシュ飛ばすのがうまくいかないのって、
fetchのcache設定でno-storeやrevalidateで時間指定しないとcache取っちゃうみたいな感じですかね?
素晴らしい動画ありがとうございます。
いろいろ調べてみます!🙇♂️
ちょうど知りたかった...(´。✪ω✪。 ` )
めちゃくちゃ助かります!
良かったです!Next.jsはRSCが登場してから少しややこしくなってきましたが、キャッチアップしていけば問題ないかと思います!
ServerActionsってAction属性を使うからServerActionsって名前なのかー?
そこからの由来でもありそうですね。
キャッシュのところ、refreshも効きませんかね?