Next.jsのディレクトリ構成のベストプラクティスを知っていますか？
Вставка
- Опубліковано 7 лют 2025
- #入門 #nextjs #react #webエンジニア #webアプリ開発 #プログラミング #独学
＼人生を変えるプログラミングの学び舎を開校！／
50講座以上の知識と実践が詰まった、プログラミング＆起業の総合プラットフォーム🚀
こんな悩みを抱えていませんか？
✅「アイデアはあるのに、プログラムが書けなくて実現できない...」
✅「プログラミングは学んだけど、収入に繋がる方法が分からない...」
✅「いつかは独立したいけど、最初の一歩が踏み出せない...」
その悩み、今日で終わりにしましょう。
たった1つの決断で、あなたの未来は大きく変わります。
💫 今だけのスペシャルオファー実施中！
【期間限定】全50講座以上が特別価格で学び放題
さらに豪華特典付き！
選ばれる6つの理由👑
🎯 現役エンジニアが教える50以上の実践講座が見放題
🎯 0から収益化まで導く体系的なビジネス講座
🎯 耳で学べる独立起業ラジオ(stand.fm)で隙間時間に学習
🎯 挫折させない！分からないところは無制限質問OK
🎯 いつでも相談可能なDiscordコミュニティ付き
🎯 講師ShinCodeと1対1で相談可能
\ UA-cam視聴限定で20%クーポン発行中 /
クーポンコード「shincodepro」
詳しくは下記リンクから👇
code-s-school-...
-----------------------------------------------------------------------------------------------------------------------------
【さらに詳しく学びたい方へ。Udemy90%割引クーポン発行中🚀】
↓↓↓↓↓
shincode.info/2...
※参考文献
note.com/ryopp...
nextjs.org/doc...
-----------------------------------------------------------------------------------------------------------------------------
【この動画を視聴するメリット】
・Next.jsのappディレクトリでのディレクトリ構成のベストプラクティスが分かります
おすすめWeb系IT企業はこちら ↓
株式会社WorldHacks（ワールドハックス）
【HP】worldhacks.co.jp
【X】 / worldhacks20220324…
採用も拡大中のため、HPやWantedlyの採用基準をご覧の上ご応募ください。
社長の紹介
森下浬（もりしたかいり）
【X】 / kairi_morishita
株式会社WorldHacks代表取締役。
日本体育大学体育学部卒。完全未経験からエンジニアに転職後、株式会社WorldHacksを設立。現在はWeb、アプリの受託開発をメインで行っており、新規のサービス立ち上げから既存サービスの保守運用まで業界問わず様々な企業様の開発を支援。
-----------------------------------------------------------------------------------------------------------------------------
【信頼性】
・Udemy講師
・講師レビュー評価94.6%
・Udemy受講生延べ3000人突破
・Webアプリ/サイト開発数：200以上
・生きがい：プログラミングでサイトやアプリを作ること
★チャンネル登録はこちらから★
/ @programming_tutorial_...
★今回のソースコード★
github.com/Shi...
★運営者SNS★
Twitter： / shin_engineer
★この動画で使用している機材★
キーボード(Keychron K6 赤軸)：amzn.to/3F4zca5
マウス(Logicool G ロジクール G ゲーミングマウス)：amzn.to/3DZaaYB
マイク(サンワダイレクト USBマイク PCマイク)：amzn.to/30AVwJF
マイクスタンド(Luling Arts マイクスタンド マイクアーム スタンド)：
amzn.to/3se5onZ
※アフィリエイトリンクになります。
めちゃくちゃありがたいです、、
これからプロジェクトでNext.jsを使用するため大変参考になりました。Reactではatmicデザインを自分なりにカスタマイズして構成しています。
Shinさん、、これは、、需要の塊ですっっ
良かったです！Reactでのディレクトリ構成も今度出すかもしれません😄
いや、マジでタイムリーすぎる
僕も知りたいことだったので、それと重なって良かったです😇
@@programming_tutorial_youtube 感謝です！いつもためになる動画ありがとうございます。
9:17のイケボが大好きです
タメになる動画ありがとうございます👀
知りたかった〜！ありがとうございます！！
thank you！🎉
全ての設計の目的は「開発効率の最適化」だと思っています！
next.jsの中で、npmのsharp（画像処理ライブラリ）を使おうとしたら永遠にエラーが出て泣きそうですw 動画とかで解説してくれたら嬉しいです、、、
これが知りたかったんよ
これが知りたかったんよ！
ありがとうございます！
1つの参考と思ってくださるとうれしいです！
いろんな構成があるので、適宜個人でカスタマイズしていただけるといいですね🤗
chakra uiを動画で解説してほしいです、、
高評価しておいてあとでみる
Gatsbyも知りたいです。
なるほどなぁ。。
イケメン度爆上がり
そして、nextjs13からの大幅変更によってweb上の過去の記事が色々とそのまま参考にできなくなっていっている。。。
それは結構ありますね笑
いつも参考にさせていただいてます。トップページ(ダッシュボード)はappディレクトリ直下のpage.tsxに書き込んでいいんですかね、、
最初に表示されるページはapp直下のpage.tsxで良いと思います！
今回のような最新の情報は公式ドキュメントで勉強されてるのですか？
Barrelファイルを使ってみたいのですが、パフォーマンスの問題はありませんか？
Blog/BlogListみたいにblogが重複するのがいつも冗長に感じながらも正解が分からないままなのですが、Blog/Listにすることはありませんか？
そうですね。Listとしてしまうと、importするときに何のリストか具体的に分からないので、BlogListとする方が個人的にはいいと思っています！半年後に同じコードを見て、すぐに理解できるのが望ましいですね！
ありがとうございます！勉強になります🙇♂️
9:13 喋り方急にダルくなるの好き
日によってだるさが違うみたいです笑