How to Build Scalable Architecture for your Next.js Project

[@mr.random8447]

Keep posting, very few people go into this type of depth and your explanations are good!

[@cowabunga2597]

I cannot thank you enough for this. I am a junior software frontend guy and was tasked to start and build a nextjs app for production. This gave me such a great bird's eye view for how to start one. I shall remain forever grateful. Thank you. We need more of your guidance and ways to build rock solid software. Thank you for spending time and teaching us beginners.

[@Warpgatez]

I still refer back to this video. It is very helpful. I mean, you have to look up specifics when following this because versions have changed and this video is old. But its still good to set up a directory correctly for an application.

[@adityadubey4578]

I have rarely found a video and a teacher of your calibre sir, please continue doing this great work, thank you so much

[@1791lukas]

The best explanation that I have seen on the setup of a project.

[@klutch4198]

Hell yeah, your videos rock dude. I'll be keeping up on your new releases!

[@govindkarthikeyan]

Phew ! WOW ! One and half hours I can't move anywhere ! This is out of the world ! Thanks for sharing this great content, please keep sharing stuff like this !

[@yohannesterfa9446]

never been happier with a tutorial

[@danieljayne8623]

This content is absolutely golden, you've really taken this seriously, it's very impressive.

[@ttirasx]

watch this video after 2-3 beginner projects and then you will feel like a pro developer immediately looking at your base setup. thanks man, this is huge.

[@adamkrim511]

This video is a miracle from heaven. I wanted to start a project on Next.js but I wanted to avoid technical debt as much as possible. And I came across your video that explains everything cleanly in an hour and a half. I followed along and everything is well explained, perfect English and not too fast so cool for foreigners. Merci beaucoup, from France

[@jasonma1904]

The BEST setup of Nextjs project video I have ever seen on KZbin. Thank you.

[@Mark00oo]

Oh my god! Finally, I found something useful on this topic. I really like how you explain everything in depth. Please keep posting. Thanks a lot!

[@mr.artist486]

Wow!! just wow! thanks a lot for this tutorial, I learnt many things! Thank you so much!

[@GlanceOnline]

I had to switch from Django to Nextjs for this project and you just saved me weeks of research. KZbin doesn't deserve you.

[@box4soumendu4ever]

Please keep posting. I have never ever found real production stuff like this level in my path of learning. It is going to be a huge support for my new job. Thank you very much 👍👏✨😊

[@layer7io]

I don't generally comment on KZbin videos, but I found this video a HUGE help. Absolutely incredible, great depth, pace, text version available, repo available... I am looking forward to get started on the next video. Honestly, this should be required viewing for anyone starting out with Next.js in production. Keep up the great work!

[@facinorousgrim8883]

More tutorials please! I love your style. So down to earth, and explain things so nicely. Need more guides like this online for sure.

[@surjeetsingh5821]

packed with information, i think this is the must have information for the beginner. Everything is described in easy language

[@wickedinvi8466]

I don't leave many comments but had to stop by. Thank you very much for this tutorial. It was amazing in terms of explanation, tempo, and content. I've left the layout and sidebar to do myself as practice. I've already done a deploy so I know how to do that part. Learned a lot thank you one more time.

[@AlexEagleson]

Glad it helped!

[@denniswolbert9319]

Hey man time in prob 20 years of living and watching yt. For someone loving to learn in life, you are a real good teachers. Far better than all the profs and phds i experienced. Real gj keep going, i will stick to learn cs with your channel and content! Greetings from Freiburg/Germany

[@AlexEagleson]

Kind words, thank you!

[@Crevulus]

Great stuff. Really useful for someone who is at an intermediate level and wants to start looking at the architecture around code, rather than just the code. Tip for next time: please zoom in at least one stage. The typeface is a little small, and unreadable on mobile.

[@allex204]

These tutorials are amazing, please keep posting them, really helps us who are still learning! Thank you so much.

[@AlexEagleson]

You're welcome!

[@joaopedrosouzarolemberg418]

I watched 10 minutes and you just tell me a ton of things that i must config or change in my project. Thank you

[@vonghesjonovan]

thank you for this amazing video!

[@ati2757]

I just finished this video! How cool it would be if you continue these really practical tutorials! Looking forward to more videos from you. Thank You

[@azeek]

Fantastic tutorial. Underrated, this deserves a lot more.

[@fredrikjohansson8083]

Really want to thank you for this incredible tutorial, it's massively improved the setup I was using before!

[@AlexEagleson]

Glad it helped!

[@CoFloCipher]

This was such a refreshing tutorial to watch. Most people do not go into this level of depth for the project setup without a bunch of camera cuts or just saying 'clone this starter repo' with no explanation of why. Very well done. I noticed you havent posted anything new in about 7 months. Are you still planning to make more content on this channel?

[@k.m.jiaulislamjibon1443]

hell of a single video to learn a lot of thing on production level Practice. Thank you so much. It rare to find this kind of video in one place. Keep it up

[@AlexEagleson]

Glad it helped!

[@brandonsayers9521]

I don't know that I've ever posted a comment on a KZbin video, but this has to be, hands-down, one of the greatest tutorials I've ever seen. The thorough explanations really speak to your industry expertise. This is exactly what I've been searching for as a developer will no industry expertise who wants to be able to scale project teams. Fantastic work, Alex! Hope to see more from you soon.

[@Denys-g2w]

High-end content on this topic. No doubts.

[@sacquer]

Great tutorial! Looking forward to all the things you mention at the end of the video!

[@alexanderkim6657]

Another fantastic video, can't wait for the next one! Thanks for covering topics so thoroughly and with super modern tools and practices.

[@AlexEagleson]

You're welcome! Thanks for watching

[@iliatalebzade8751]

Man am I lucky to find your channel? this is quality content at it's highest! please do keep up with the good work by all means!!!

[@AlexEagleson]

Glad it helped!

[@wassimbelhadjrhouma2805]

Oii this was brilliant. great content with good explanation. Keep posting 👏

[@almostevil665]

this is by far the best channel on this genre keep the good work!

[@KileyDorton]

This was fantastic. I've built more than a few Next.js applications, big projects with many developers, and I learned a ton from this video! I will share this with my team, looking forward to more!

[@AlexEagleson]

Thank you!

[@mabruratiqi2263]

great tutorial, it will help to structure a professional application. 👍

[@edmorel134]

Thank you for this detailed explanation! Fantastic content.

[@27sosite73]

this is awesome, mate!

[@andrewberezin2978]

Amazing tutorial. Thanks so much for this, Alex!!! It would be nice to see some more topics for the new project - state management, logging, error boundaries, CSS themes, maybe using existing design system for the components, fetching library suggestion, caching, branching and CI/CD strategy, testing.

[@thehomeschooldev6126]

Thank you , helpful indeed.

[@jq_dev]

Thank you so much sir! it really helps me a lot, keep posting please.

[@dpushov]

Thank you so much! Creating startup project following your tutorial. Waiting for new ones

[@for41]

This tutorial goes above and beyond. Thank you, it really was helpful.

[@AlexEagleson]

Glad it was helpful!

[@down__lo7359]

Instant subscribe. Thank you for teaching more advanced configs

[@oussamawahbi4976]

thank you for sharing your wisdom with us

[@AlexEagleson]

Glad it helped

[@RobertBMenke]

Great video! Love the section on husky. It’s a great tool!

[@spacegrayrender190]

You are really great keep creating videos You are some of the few people who create so great videos !! keep it up

[@nulblaze]

learned a lot in this video, had no idea about commitlint

[@Manish-pt4tn]

Thank you for making this tutorial.

[@27sosite73]

i am back. and I will tell for the second time that this video is awesome!

[@codaremeditar]

Thanks for this amazing tutorial! Hope you continue the series. Love from Brazil!

[@fabiolacontreras437]

pure gold this video.. thanks for taking your time to explain us!! Greetings from Peru!

[@AlexEagleson]

Greetings from Canada!

[@nicolaegeorge8688]

This was amazing. Everything explained slowly and in great detail

[@rhodler_]

Thank you very much. From France 🇫🇷 :)

[@AlexEagleson]

You're welcome from Canada!

[@ytdevs]

Wow, just amazing. This is the kind of content we NEED! ❤🙏

[@luisencastin1607]

This video was awesome! You really taught us how to set a proffessional configuration. I hope to see the backend courses with next. Thank you!

[@benjaminhoppe334]

Exactly what I needed! Thank you very much

[@fxmdr82]

Amazing work, thank to share your knowledge!

[@chrislgr23]

Great Video! The type of depth your going into is incredible. Helped me out a lot. Keep it up!

[@AlexEagleson]

Happy its useful, thanks!

[@youtalky_com]

This. Is. Superb. Please do more.

[@namesare4fools]

keep posting advanced Next topics. cuz these are HOT

[@dazecm]

This helped me improve my Eslint rules. Thanks for sharing Alex.

[@dazecm]

Also found your advice on setting up prettier and husky. Great stuff 👌

[@dazecm]

Really digging the project environment tips such as CI and directory structure. I use pnpm and wanted to avoid NPM npx command. The line in the husky file I needed was pnpm -s dlx commitlint --color --edit $1. Works great and keeps my commit messages on form.

[@DGLcsGaming]

This video is perfect and it helped me a lot creating new big projects the right way! The only thing that's missing is the the timestamps for chapters just like your newest video on creating a full stack app. Thank you!

[@AlexEagleson]

Great idea, I should def add those, thanks!

[@jacobwilliams2246]

Video code and blog rock, great work dude!

[@tikkiebest]

Really nice overview that is hard to find anywhere else!

[@xdreamland6188]

Jeez. I don’t comment a lot but I must say: This is awesome. I’m on my phone right now just following this at 5AM and I stay fascinated, will be rewatching it tomorrow to actually implement it into a new project I’m planning onto. Was planning a solo project but why not just make it future proof? great stuff to learn as an intermediate developer to up your game. Such awesome stuff to keep things clean and efficient. You’re awesome and do a great job at explaining. Indeed the text could be a bit bigger but you already got that from the other comments. It wasn’t too bad as you explained it all well and I was able to understand what you were typing/pasting anyways

[@AlexEagleson]

Thanks for the kind words! Cheers.

[@Msnollan]

One of the best videos I have seen, keep it going 👍

[@leicodaya4660]

pure gold pls i know its alot to ask but can you keep posting , thanks from argentina

[@henryjeffers4979]

0:00 Introduction 1:52 Project Initialization 5:04 Engine Locking 8:03 Git Setup 10:28 ESLint 16:21 Prettier 19:12 Git Hooks (Husky) 29:52 VS Code Config 37:37 Directory Structure 39:52 Storybook 53:35 Creating a component template 1:03:27 Using the component template 1:13:25 Layouts 1:23:45 Deployment

[@AlexEagleson]

Oh wow, thank you very much! Added to the description. Cheers friend.

[@henryjeffers4979]

@@AlexEagleson No worries at all! Thank you for the excellent tutorial

[@hrutikdhumal402]

Thanks for the video

[@teevo298]

thx for this. alot of tuts adays are just greenfield toy apps so this is refreshing to see.

[@AlexEagleson]

That's great feedback, thanks! Most of my do's and don'ts that I recommend have come straight from mistakes and things I've used using this stack and similar in production with other devs, so the goal is definitely to share as much of that experience as possible.

[@mrvishav]

Finally, got the quality content. Thank you brother. ❤️

[@vedantnn7]

This is an amazing tutorial, really loved it!

[@sandeep-jaiswar]

great explaination ! thanks man !

[@Badadodadoop]

Watched the whole thing. Learned a lot and thanks to you I've setup the environment for the refactor of my app. Thanks a bunch, I subbed 🙏

[@AlexEagleson]

Glad to hear! Good luck with your app!

[@Badadodadoop]

@@AlexEagleson For my app I'm going to use Strapi (headless Node.js CMS) as my back-end. Are the best practices you proposed also applicable to Node.js? I would love to see a video where you do the same thing, but then with a back-end project.

[@AlexEagleson]

@@Badadodadoop Yes absolutely. I also use Node and Express for a couple of my other projects. The concepts are the same. I think there's even a plugin to use Express middleware in Next.js. My rule of thumb is that if my front-end and back-end are totally coupled, as if the backend is ONLY use by my Next front end then Next APi routes are more than enough If my backend is going to be consumed by any other services then Node/Express is a better choice to separate it One other thing you might want to consider if dealing with high traffic and using Vercel, is that deploys API routes on lambda functions, which is great for speed and availability, but might end up costing a lot more than simply hosting your own Node server. All depends on your needs in that area. Ultimately in terms of best practices, I like to follow the same kind of patterns described in this video: kzbin.info/www/bejne/pX_PfqWmo7qGfKc

[@SirJagerYT]

I learned alot from this tutorial. I couldn't stop myself to comment and appreciate your efforts to explain all steps in detail. Liked it Loved it . Hoping to see more stuff with Nextjs 13.

[@HeyNoah]

Alex, this was amazing!! I just started with React and am definitely not familiar with TS at all, but overall this is exactly what I was looking for! Super awesome and thanks a million!

[@siruxsolutions]

Your content is amazing! Already learned a lot watching for 15 minutes. Thank you very much, your work is highly appreciated.

[@AlexEagleson]

Glad it helped!

[@GaltKhurelbaatar]

Thank you sir 😃

[@AlexEagleson]

You're welcome!

[@paularosler949]

Very helpful and nice done... calm, on point and a bunch of useful knowledge... thank you so much!

[@skillpoints]

Cant express how great these videos are

[@Ernuna]

what a great vid Alex!!! in a world of tutorials for beginners your knowledge is a true gem. Please keep posting videos for middle+ devs. Quick question - what do you think about plopJS for automation of template creation?

[@shakapaker]

I want more videos from you, it's just amazing 💎

[@yousafwazir286]

This was so helpful thank you very much

[@AlexEagleson]

You're welcome!

[@yousafwazir286]

@@AlexEagleson Could you perhaps have video breakpoints to show which parts of the video target which topic. Like you do have good structured content but having video timestamps and breakpoints allows you to go back and forth to bits you want if you need to go back. Other than that the video is good.

[@AlexEagleson]

@@yousafwazir286 Good suggestion, I'll see if I can get them added and I'll make sure they're on all future videos

[@luigibesani9090]

This is an amazing tutorial. Can't wait to see more from you. Thank you very much!

[@27sosite73]

back again this is like application start bible

[@howuseehim]

Thank you I have learn a lot with this I hope to see more in the future

[@BOOGLE020]

Thanks for the tutorial!

[@rohitdalal3290]

Really helped this a lot, Alex! Thank you so much ;)

[@greenonionsalad]

That was amazing, thank you man

[@franciscokloganb]

Can't wait for the Prisma & Supabase, as well as the i18n and mono repo modules :)

[@bbnowhat]

я не англичан и не француз, но ролик оказался полезным для меня, спасибо, узнал действительно для себя много нового

[@mdsolayman9558]

Hei! Thank you for this amazing, unique type of tutorial.

[@AlexEagleson]

You're welcome!

[@halyapin]

Super helpful info. Thanks

[@almkimmolina7517]

Really good content! Can't thank you enough for this. I'm subscribed and hope to learn a lot from you in the future.

[@erwin7427]

Brilliant! 👏 Exactly what I was looking for so thanks and keep it up!

[@SoothingRelaxation]

Fantastic tutorial! Thank you very much for sharing your knowledge.