この動画びっくりするくらい有益

いつもは9割以上海外の動画を主軸に発信してるんだけど、この動画が有益すぎるから紹介しちゃう！ Next.jsのセキュリティ面ってなかなか学ぶ機会ないけど、めっちゃ重要だし見落としがちなところではあるけどこの動画でかなり解像度が上がる言われてみれば、「確かに、それはダメだよね」と思うことばかりだけどついついやりがちなミスが複数紹介されてるから見るだけでアンチパターンを学べる <指摘しているアンチパターン> - クライアントコンポーネントのpropsに、不要な情報まで渡してしまう - サーバーアクションの引数に、セッションのユーザーIDを渡してしまう - レイアウトで認証処理を記載してしまう上記で指摘されてるアンチパターンが何でダメなん？？と思った人ほど見てほしい！今まで見た中で一番腑に落ちたNext.jsのセキュリティの動画!

Next.js

10min

投稿一覧へ90+

この投稿を見てる人はこちらの投稿も見てます👇

Koder@koder_dev·04月03日

え？これもう普通に製品レベルじゃね？

毎回度肝抜くような動画を投稿してくれる@joshtriedcodingだけど今回もすごい動画をぶちかましてくれた😎 この動画で作ってるのは自分の好きな写真を携帯ケースにできて自分だけのオリジナル携帯ケースを作れるというショッピングサイト詳細はちょっとこの動画の冒頭３分で紹介してくれてるから是非見てほしいんだけど、やばいっす。普通に購入体験もめちゃくちゃ良いしかもね、なんと管理画面まで実装してて売上管理、配送状況の管理まで出来てしまうという素晴らしさ🥳 <実装機能> - 決済機能 - 画像のリサイズとプレビュー - 配送状況と売上の管理画面などなど今年多分、これ超えるNext.jsのショッピングサイト構築の解説動画出ないやろ... 是非見てみて！この動画でしか学べないこともめっちゃあるから！

Koder@koder_dev·04月27日

これがあれば、“いつか作りたいEC”は今日から作れる

僕の大好きな @codewithantonio がまたしてもヤバいチュートリアル出してきた🔥 今回はなんと、BASEやSTORESみたいな“多店舗ECプラットフォーム”をゼロから構築する内容！しかも完成度がバグってる↓ ✅ マルチテナント対応 (ショップ自動生成） ✅ Stripe Connectで売上自動分配 ✅ Payload CMSで商品も店舗情報もGUI管理 ✅ カテゴリ・タグ・価格帯フィルター搭載 ✅ shadcn/ui＋Tailwindで爆速モダンUI ✅ tRPCで型安全API、Suspense対応でヌルヌル正直、「これ一人で作った上に無料公開って正気か？😇」ってレベル。 Stripe、Payload、Next.js、Vercelを使ってプロダクションレベルの設計が全部見れる神動画でした。特にStripe connectを用いた売り上げの分配システムをここまできちんと作り上げて解説してる動画、無料でYoutubeに上がってるか？？と疑わしいレベルで貴重な教材😭 てか、なるほどこうやって実装するのね！って何回思ったことか笑 EC系プロダクト作りたいなら、マジでこの動画が設計図になる。 Antonio先生、今回も学びの宝石箱をありがとう…🙏

Koder@koder_dev·05月04日

最近よく見る「話すアバターの広告動画」

…あれ、実はこうやって作られてるのかも？トピックを入れたら → ChatGPTがCMスクリプトを生成 → AkoolでAIアバターと音声を合成 → Convexでリアルタイム保存 → PayPalで課金処理まで対応しかも、これアプリとして実装されていて UIはshadcn × Tailwind、認証はClerk React × Next.js製で、コード付きで全部再現可能完成度も高くて、プロトタイプとは思えないレベル。正直「これ、量産できる時代なんだな…」とゾッとした。しかもこのチュートリアル、YouTubeで無料公開されてる。

React

Next.js

tailwind CSS