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

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

Next.js

投稿一覧へ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月12日

AI面接官、実装してみたくない？

この動画では、AIを使った採用担当エージェントを自分で開発・デプロイする方法が丁寧に解説されてる。 Next.js、React、Supabase、Vapiを使って、 - AIを用いて音声でやりとりできる - 職種に合わせて質問を自動生成 - 面接後のスコア付きフィードバックを自動出力といった機能が、ちゃんとフルスタックで作れる。 UIはshadcn、認証はSupabase、構成も洗練されててそのまま参考にできるレベル。単に試せるだけじゃなく、再現性が高くて学びも多いのがありがたい。 AIを活用したSaaSに興味ある人、採用プロセスを技術で改善したい人にはかなり刺さるはず。 5時間越えのチュートリアルだから、週末にじっくり触ってみるのもおすすめ。

Koder@koder_dev·04月03日

え、これ凄くね ... ？

Next.js App Routerを使ったマーケットプレイスアプリの作り方が感動レベルでヤバい！ Kinde認証、Stripe決済、Supabaseデータベースなど、最新技術が盛りだくさん！しかも、Stripe Connectでマーケットプレイス機能も実装！しかもね、めっちゃ最新かつ学びになる実装方法してる例えば、 - uploadthingで画像投稿する - resend react emailによるメール送信などなど、海外では人気になってきた実装方法を自然に組み込んでくれてるから見るだけでも参考になる！マーケットプレイスアプリを作りたい人は必見の動画！