大丈夫？Next.jsでついやりがちなミス犯してない？

この動画では、Next.jsを学び始めたエンジニアがハマりがちな29個のアンチパターンについて丁寧に解説してくれてる！たとえば、「use client」ディレクティブをコンポーネントツリーの高すぎる位置に配置したり、クライアントコンポーネントがクライアントだけで実行されると思い込んだり、localStorage等のブラウザAPIを適切にハンドリングせずにハイドレーションエラーを引き起こしたり... アンチパターンがなぜダメなのか、そしてどう書くべきなのかを一つずつ教えてくれるから、初心者でさらにNext.jsを極めたい人はもちろん、シニアレベルの人も部下や後輩になぜそう書くべきではないのかを分かりやすく説明するためにも必見です！！

Next.js

投稿一覧へ90+

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

Koder@koder_dev·05月29日

え、これ…本当にYouTubeで無料で公開されてるの？？

マイクロサービスアーキテクチャで、ここまで本格的に作り込まれたマルチベンダーEコマースSaaS。投稿者が「全編無料公開します」って宣言してて、Part1だけでも13時間超えとか普通にえぐい笑。しかも完成度が、よくある“なんちゃってAmazonクローン”とかじゃないむしろ「え、これ会社で実際にプロダクション投入されてるやつじゃないの…？」ってレベルでリアルな構成😎 ✅ 認証まわりもガチ OTP認証はRedis（Upstash）を使って制限付きで実装されてて、ユーザーごとの検証フローをしっかり管理ロールベースの認可やJWTトークンも導入されてて、本番運用を想定した認証構成になってる ✅ 削除処理も、いわゆる“deleteで消すだけ”じゃないデータは即時削除じゃなくて論理削除→cronタスクでの処理まで考慮された設計で、復元の余地も含んだ運用視点の構成 ✅ Stripe Connect連携も、想像以上に本格的マルチベンダーに欠かせない売上分配機能をちゃんとStripeで実装。しかもオンボーディングはステップ形式で、セラーが迷わないようにUI・導線が整理されてる。これ、地味にすごい ✅ Kafkaを活用したイベント駆動通信や、API Gatewayによる各サービス連携も構築済みエンタープライズ系の設計思想が詰まってて、見るだけで学びが多すぎるなにがすごいって、「いつかやってみたい」って思っても、個人じゃまず作りきれないような構成を、誰でも触れる教材として全公開してくれてることしかも、技術選定の理由やアーキテクチャの背景まで丁寧に語られてて、ただ真似するだけじゃなく“なぜそうしたか”まで理解できるまさに、“実務レベルの構成を、実装しながら学べる”という神動画。無料でいいの…？ってレベルなので、今のうちに見といたほうがいい週末、じっくり腰を据えて、自分の技術スタックと向き合いたい人、ぜひ👇

Koder@koder_dev·04月03日

SNS作れるようになりたい？まずはtwitterクローン作れるようになるのはどう？

独自SNSだったり、今日常的に触ってるアプリやそれを超えるようなサービスを個人開発で作ってみたいって言う人は多いと思う！まずはtwitterを作るのはいかが？？ハンズオンで自分で作るだけで解像度上がるし、「この機能はこういう風に実装するのか！」と学びも多いはず！もちろん、クローンだから実際のアプリと作り方は違うと思うけど... 紹介してる動画たちはどれも実際のアプリと遜色ないほどクオリティ高いし個人開発に割いて聞かされた技術選定がむしろ参考になるかも！

Koder@koder_dev·04月13日

うわー正直この動画は内緒にしときたいわ...

この動画で作成してるのはLoomという画面録画の共有アプリをビビるほどの完成度でゼロから実装してる動画😎　てかね、この動画何がすごいってねデスクトップアプリの作り方なんよ海外の技術動画なんて誇張なしで何百本もみたけどここまでレベルが高くて親切に解説してるデスクトップアプリの作り方の動画はないねいや多分ねここでいくら言うよりも、冒頭1分でもみてもらった方が伝わるからぜひ見てみて！！

Next.js

tailwind CSS

12h