MENU

Fun & Interesting

STOP Structuring Your Project Like a Junior Dev (Do This Instead!)

Jan Marshal 11,621 2 months ago
Video Not Working? Fix It Now

Your project structure tells me much more about you than your code. And by project structure, I don’t just mean the general folder organization. I’m also talking about your data layer, mutations layer, and more. It’s far more important than you might think, and there are more ways to get it wrong than right. But don’t worry. In this video, I’ll show you the perfect project structure for your Next.js project. We’ll start by looking at an example of how a project structure should NOT look, then analyze a diagram to fix it, and finally, I’ll walk you through a real-world example of a well-structured project, including folder organization, the correct approach to handling data, and an optimized mutations layer. 📸 Screen Recording Software: https://dub.sh/eDa47SO 🔒 The best Authentication service: https://dub.sh/xeU8r3v 🚀 Checkout Cal for Free: https://dub.sh/FAuffAy 🌍 My Website: https://janmarshal.com/ ✅ Follow me on X: https://x.com/janmarshaldev 📧 Business ONLY: [email protected] Timestamps: 00:00 Intro 00:30 What a bad project structure looks like 03:45 Diagram overview 05:20 Feature-based separation 06:30 What a good project structure looks like 08:30 Component structure 12:00 Data access layer 14:40 Separation by concern vs. feature

Comment