Is Blazor Better than Next.js?

In this video we compare two great technologies, Blazor and Next.js, which are both excellent web development frameworks.
🕐 Video Time Indexes
-------------------------------------
00:00:00 - Introduction
00:00:32 - A brief Overview of Next.js
00:02:06 - A brief Overview of Blazor
00:05:38 - The similarities between Blazor and Next.js
00:07:46 - The differences between Blazor and Next.js
00:09:24 - When to use Blazor or Next.js
00:11:50 - Conclusion
Blazor Courses
------------------------
Build a Shopping Cart Application using Blazor WASM and Web API
🔗 • Blazor (WebAssembly) a...
Build a Sales Management Application using Blazor Server and Syncfusion Compoments
🔗 • Blazor Server App with...
React Courses
------------------------
Project Based React Course for Beginners
🔗 • React JavaScript Frame...
Ranking App using React with .NET (C#)
🔗 • React with .NET Web AP...
.NET 8 Playlist - Blazor's new Featurs and Enhancements
🔗 • What's New in .NET 8 ?
Support the Channel 👍
------------------------------------
Buy me a Coffee ☕️
🔗 www.buymeacoffee.com/GavinLon
PayPal
🔗 www.paypal.com/paypalme/GavinLon
🪙 BitCoin
12JZYMiRq5YRDN5R5zuyYt7jMN8eTpkgns
Please follow me on Twitter @GavinLonDigital
Links Referenced in this video
-------------------------------------------------
Nuget Packages
🔗learn.microsoft.com/en-us/dot...
.NET Assemblies
🔗learn.microsoft.com/en-us/dot...
CIL Code - Common Intermediate Code
🔗learn.microsoft.com/en-us/dot...
AOT - Ahead-of-Time Compilation
🔗learn.microsoft.com/en-us/dot...
Full Playlist - C# for Beginners Course
------------------------------------------------------------
🔗 • Unity for Beginners (C...
Free Courses and Educational Videos - Gavin Lon
-------------------------------------------------------------------------------
Blazor (Webassembly) Shopping Cart Application full playlist
🔗 • Blazor (WebAssembly) a...
Full playlist - Let's Build an ASP .NET Core MVC Web Application on .Net 5
🔗 • Part 1 - Overview - Le...
Full playlist - Advanced C# Course
🔗 • Introduction - Advance...
Full playlist - C# for Beginners Course
🔗 • C# for Beginners - Par...
Blazor Server App on .NET 6 Course - FreeCodeCamp
🔗 • Blazor Server App with...
🎶All Music in this Video was Created by Gavin Lon

[@vivekkaushik9508]

A much needed video on topic. I hope this videos gains popularity.

[@GavinLon]

Thanks so much! The video comparing Blazor to React seems to be more popular, I guess because React is so popular but actually the comparison between Blazor and Next.JS is a better comparison because React is just a library whereas Blazor and Next.Js are both full web development frameworks where one technology can be leveraged to build a full-stack web application :)

[@koladechris]

Excellent video, Gavin Lon. I felt I was watching a documentary.

[@GavinLon]

Hey Kolade!! Great to see you in the comments section of one of my videos (Kolade and I both work for @freeCodeCamp). Thank you for your super positive feedback! I hope you have a fantastic birthday!! All the best!

[@jsiahaan]

Since my background is in C#, of course Blazor is the right choice. Thank you Gavin!

[@GavinLon]

You are very welcome! :) You can't go wrong with Blazor - and it's about to get way better with the release of .NET 8! :)

[@hammeedabdo.82]

Thank you, Gavin. I believe Blazor will take a leading position in the coming years, especially it is supported by Microsoft. We look forward to seeing practical projects using the latest versions of Blazor.

[@GavinLon]

Yes, I think you might be right! :) I know if I was going to build a professional full stack web application - I would choose Blazor, .NET and C# = especially with the new features and enhancements due to be released with .NET 8. We'll definitely look at practical examples using Blazor on .NET 8 in up coming videos. :)

[@Anbu_Sampath]

Excellent comparison. Currently next.js has edge. Going to explore Blazor. Are they finally rendered to ESModule in browser?

[@GavinLon]

Thank you! :) I found this article on using ESModule in browser. www.codeconcisely.com/posts/nextjs-esm

[@Anbu_Sampath]

@@GavinLon thanks.

[@count_of_pizza]

You should measure performance of both technologies. Next or Astro are obvious choice for e-commerce apps because of that crucial factor.

[@GavinLon]

Great - that's a great suggestion Next vs Astro. Thank you!

[@charliehager5458]

Blazor especially with ver8. Best of both worlds and the html interaction with c# seems easier to me than js. Developing with Blazor is fun and has a short learning curve. (especially if you know c# or typescript). Good video, thanks.

[@GavinLon]

You are very welcome! :) I love this comment! Thank you!

[@sajankumarvijayan811]

My background is in JavaScript and I have worked more than 15 years in JavaScript.. but I always prefer statically typed language so I prefer C# and I love blazor. Top of that blazor is way easier to build web apps!

[@GavinLon]

I'm getting a lot of positive feedback about Blazor and I'm glad you mentioned the advantage of using a statically typed language (this advantage should not be underestimated). I agree Blazor is fairly easy to learn, I also think C# is pretty easy to learn too. Great comment, thank you!

[@DOTNETMAN]

Blazor vs Angular?

[@GavinLon]

Definitely!! Thank you! :)

[@criticalthinker88gis13]

NextJS do actually support dynamic routing, even React with react router dom supports that

[@GavinLon]

Thank you :) I know that dynamic routing is supported but perhaps its not as easy to implement as in Blazor.

[@criticalthinker88gis13]

@@GavinLon it's super easy, especially with next 13 where you have layout components, but it was already easy with next 12 and earlier. You simply just have to create a folder with the name of the folder in brackets and that's it basically. Layouts are even inherited if you don't create one on the folder level. Edit: one thing that is a little bit tricky with next is nested dynamic routes is a bit confusing because you create them in your pages folder structure it is a bit difficult to visualize, but it does not take much effort to understand it when you need to

[@GavinLon]

Okay thanks for your comment. :) I should have been more clear in my first comment. I think it's probably not as clean or elegant (if you like) when it comes to larger more complex applications. This is just opinion and in some articles others have also expressed this but of course many developers like yourself may disagree with this assertion :)

[@moose43h]

Personally I find nextjs a joy to work with

[@GavinLon]

Yes, I really love Next.JS too :)

[@cant_sleeeep]

choosing blazor over next is a huge lol

[@unhandledexception1948]

care to elaborate on that statement? In its last iteration, it does appear to do pretty much everything Next does :-)

[@cant_sleeeep]

@@unhandledexception1948 blazor is made for be developers who righteously don’t want to learn js frameworks for frontend. next is made for fe developers who doesn’t want to learn oop based c# to make an api. so the future is full stack development, you just need to decide what tools you’re going to use. if you’re more comfy with c# it makes sense to go with blazor. other than that, next/nuxt just works

[@unhandledexception1948]

somewhat disagree with using in house expertise as a factor in comparing frameworks..... if my startup has knowledge of php, that doesn't by itself help me evaluate php vs another framework.... I think technical merit of each should be boundary of the comparison

[@GavinLon]

Sure, such decisions can be nuanced but having in house knowledge can certainly cut costs and perhaps add momentum to a project. I do however take your point :)

[@KadenCartwright]

1. Next js is more than react, next js is react + nodejs + all the integration pieces required to get them to play well together. You do not need to add any dependencies to your next project to have a back end. Also, with the advent of react server components, more of your code is going to be running on a server by default. 2. Even though next js is only a subset of react, very few large companies are choosing react by itself over next js these days. The lines between the meta react team and the vercel next js team are blurring more and more. Just because blazor and next users are both a subset of the larger ecosystems does not mean they are equal in number. For example, Next js powers about 2% of the top 1 million sites on the web, whereas blazor only powers 0.03%. Seems like a pretty good indicator that there are a lot more proficient next devs than proficient blazor devs. 3. If you have an app that needs complex dynamic routing, I would go with a traditional react spa, not next js. Next js is inherently page based, so trying to force an SPA model over top of it makes little sense Also, Most web developers dislike Microsoft at large. I am among that number. There are plenty of places that will laugh you out the door if you suggest using dotnet

[@GavinLon]

Thanks for this comment - it was very interesting to read. It's great to get an opinion from someone that clearly chooses Next.JS and React over Blazor and .NET. I personally think Microsoft offer the best tools and frameworks for software development, but I also love technologies like React and Next.JS and appreciate that they are both super powerful technologies!

[@sivaprasad905]

Ignorance and tribalism at it's peak

[@ozzolim]

Good video but not even Microsoft is using blazor 😂 Azure DevOps use react

This!

[@user-cc2tu8jw5l]

Microsoft comprehensive documentation?... lol

[@GavinLon]

Yes, Microsoft Learn has some great learning material :)

[@EzequielRegaldo]

Everything is better than next js lol

[@GavinLon]

Well I think Next.Js is a great web development framework - but my bias is of course toward Blazor.

[@the-nasim]

Yeah, specially after NextJS 13