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

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

Next.js

投稿一覧へ90+

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

Koder@koder_dev·04月13日

俺たちが一番求めるマッチングアプリだわ笑

しかも製品紹介じゃなくて、実際にどうやってこのアプリを作るかの解説まで！！使い方は簡単で、自分がやりたい作業をルームを作成することが出来る! またgitHubリポジトリと紐付けたり、自分が得意な技術のタグ付けができる😎 ほんまに痒い所に手が届く機能ばっかり！！探す側も、自分が学びたい技術や興味あるプロジェクトのルームを探してジョインすることが出来る👍 え、普通に使いたいし、欲しいんだけど笑 <実装機能> - 画面共有、音声、ビデオ通話 - ルーム作成 - 技術のタグづけ - ルーム設定(説明、gitHubリンク等) などなど、このアプリ実装するのも面白そうだしこれを更にパワーアップしたらガチで化けそう🥴 しかも、動画も3時間強で見れるので是非見てみて！！

Koder@koder_dev·04月03日

この手の動画初めて見た👁️

この動画ではリアルタイム投票アプリを作ってる！なかなかこういう投票系のアプリ見たことないけど、機能としてめっちゃおもろい🥳 リアルタイム反映かつ、多く投票された言葉がどんどん大きく表示されてくから一目でみんながトピックについてどう思ってるかが分かる👍 <実装できる機能> - リアルタイムの意見表示 - 言及された単語のクラウド表示 - 処理された要求とアクティブな接続の合計数の追跡などなど、一味違ったポートフォリオを作りたい人や個人開発で投票機能作りたい人は絶対見るべき😎

Next.js

Koder@koder_dev·04月03日

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

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