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

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

Next.js

10min

投稿一覧へ90+

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

Koder@koder_dev·05月04日

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

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

React

Next.js

tailwind CSS

Koder@koder_dev·04月13日

まじでこれを求めてました...

「さぁ、作り始めよう」と思って一番困るのってさフォルダ構成じゃない？本当に困るのよ、どういうことでで切ろうかなとか考えることが多すぎて毎回なんか間違ってる気がするなと思いながらさフォルダ構成を練っていて不安なんだよね😢 だけど、この動画は「シニアエンジニアがどのようなフォルダ構成してるか」を丸裸にしてくれてる動画　この構成はどこを意識しててどのようなメリットあるか全部教えてくれてるんよ😎 しかもESLintを用いてフォルダ構成に強制力を持たせる方法など実践的なことまで教えてくれてる！いや、自分のフォルダ構成が一番だって言い切れる人以外は見る価値絶対ある！是非見てみて💪

Next.js

30min

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先生、今回も学びの宝石箱をありがとう…🙏