Why I Don't Use NextJS For My Side Project Anymore
ฝัง
- เผยแพร่เมื่อ 21 ต.ค. 2024
- I developed my side project in NextJS initially. However, I completely rebuilt it after deciding it was not the best solution.
⭐ Our startup: wordful.ai
⭐ My GitHub: github.com/jos...
The stuff I use to make my videos
Camera: amzn.to/3XcqRKO
Light: amzn.to/3Xc1yIE
Keyboard: amzn.to/3CKxnAi
Mouse: amzn.to/3CNcfcm
Microphone: amzn.to/3iybVHC
Headphones: amzn.to/3IHTTgH
thats pretty much it. Those are affiliate links so I might earn a commission if you purchase after clicking them. :^)
my advice just pick one thing you like and keep doing it. don't jump into every shiny new framework because you'll never get anything done.
I'm here as a threejs developer being enticed by nextjs....no dice
Problem is that one thing isn't suited for every project. Using NextJS for a small app that gets and displays info from a weather API or a portfolio site for example is ludicrous overkill.
@@Andrew-qc8jh What?
@@TheDeprecatedLibrarian I was replying to OP where I was relating that I have shiny toy syndrome with next js. "No dice" meaning this is no good
what if you get bored?😂
It's all about the learning curve. You want to use a lot of frameworks or libraries, but the problem is that it takes too much time from us learning them, and if they change versions or change their structure, you have to learn them again.
Even though programmers are constantly learning, you can't use different frameworks for every different projects.
hence concept driven learning and ai helpers nowadays.
I kind of agree with you, BUT what you suggest here could lead people to 'tutorial hell' and never-ending frameworks to learn... I think a developer should have the ability to adapt and learn a new framework when needed. for me, React works for almost everything I need. and I'm using it at work. and some freelance web app projects. I won't spend my free time learning angular, Vue, Remix, Svelete, etc ..
exactly you can learn other things which are more useful
@@ameer6168 correct, in the end, the most important thing to learn and master is JS
don't be a react Andy
React promotes the use of NextJS though on Next14
As a employee:
The thing about learning many other framework is that if you are still becoming a senior on your framework is more beneficial to do all your projects in that framework. Only when your companies can pay you to move to another framework it start to make sense to learn that new framework because you can get paid while learning while using the company to help you get unstuck from paralysis of analysis. 3:32
I was very interested in Svelte but chose NextJS just because I can get off the ground really quickly.
There’s a lot of lateral resources for React, NextJS - things like Tailwinds kits, generators, sandboxes that target NextJS / React and it really makes life easier.
100%
Can you suggest me Next js generators? I’ve been looking for.
Sveltekit? It’s created by Vercel too.
Disagree, productivity gains work from working on the same stack.
I think it depends on the project you have to build. I'm currently looking into next.13 together with Tailwind, I find it a fantastic pair. It is also designed for Back end. For coders There is so much stuff out there
Right, and no matter what you want to do, with React there's always a package just for that. Different story for those newer frameworks, but they do have their benefits
when I did my first nextJS freelance project, I lucked out on 100% lighthouse across the board, but it took me like a day's worth of coding/refactoring to get there. in hindsight, for the kind of app I was building, astro and vice or something would have made more sense. this is all to say, I understand your point that not everything is meant to be a nextJS project. Damn you, Vercel, with your amazing framework! lol hope you can sense my lighthearted humor :)
Hahaha 100% agree, I think the framework that provides a great DX with react syntax in that case is Astro, even more so than svelte. Thanks for sharing your experience!
My advise is to just stick with good old backend with html templating and sprinkle javascript for some interaction unless you have to build an app like solution for the web. 90% of the people don't even need to build websites in JS framework.
True. The older you get as a dev the more you appreciate simplicity
Really depends on the project. For an app next is better but for a content-site like blog or documentation better astro or even full ssg with Hugo and vanilla with which you can always get 100 score bcs you can control what to load at the top of the page, what to prefetch, and what to fetch at build time.
Why cant you do that with nextjs? I am new to nextjs but, from what I have seen so far, you can do all of that. It may be overkill for some sites but it can do that.
The Phoenix Framework is really interesting and especially Phoenix LiveView, which provides a stateful connection between the server and the client where client-specific server-sided state is really easy to manage, and Laravel Livewire does really similar stuff
Wouldn't astro with react also be a good choice? Since you can use all of the packages from the react ecosystem and still get very high lighthouse scores
You pretty much proved your point to me as i was watching xd
I was going to write my blog in nextjs, then i saw someone mention astro in the comment section, checked it out, and realized that it already basically does everything i want out of the box.
So... Good thing i watched this, probably saved me a few hours!
What about SEO doesn't that affect it?
I totaly agree with you , after one and half year using nextjs , i am will never use in anymore ! everu task you need to do it is painfull
Mind sharing which CMS are you using all together with Svelte?
I changed to nuxt3 two weeks ago and i think its actually way better than nextjs. In nuxt i can use top level await, auto import, easy middleware pages, easy state management including global state. Overall nuxt3 is a better DX. I’ve also used svelte, its great but the main problem with it is that not many companies use svelte (yet).
everything you mention can easily be done with nextjs, but yeah its your choice.
How do you achieve top level await in next js?
@@jomoc6112 auto import?
If I'm building an app, I'll use Next, if I'm building a static site, I'll use Astro
Nextjs supports static 🫠
I get what your saying, I’ve recently had to start learning angular for my work, I normally use REACT, can say that other frameworks allow you to see what works for them there benefits and through that transfer those best practices back to REACT.
Vanilla JS is still the king when it comes to performance. It might be overwhelming for developers who do not know just a couple of frameworks. However, if you are open to learn how JS actually works, you can grantee objectively superior performance with much less code.
I think the tradeoff between performance and the declarative approach of most frameworks is always worth taking, but if you're more comfortable in regular js that's pretty cool too
I use NextJS every day for a big enterprise grade app but for smaller apps it's overkill
For smaller apps the KISS stack (Astro, Solid, Pocketbase) has potential... def going to try it out in the future.
stick to only one framework if you are just starting out don't jump to every new framework that is coming out
I'm a full stack engineer, and also do Swift development. Since I already have to handle Swift, Java (Spring framework), and React (Next.js) I think learning other frontend frameworks would be a colossal waste of time. If I were a frontend-only developer, then yes, multiple frontend frameworks would be a good idea.
Hello sir. Which framework can you advise me to use? I would like to learn nextjs but as you introduce these two others I don't know what I can do now. can you give me your proposition? looking forward that you gonna give me your point of view...
I'm a pretty big fan of Remix, but I had learned first-hand that it's not a solution for everyone and every scenario. Any framework, for that matter!
Sometimes it's better for the developers and even the project itself to go the non-framework route. Yes, it's more work, but if the scenario doesn't suit a framework at the time, then perhaps it's not the right choice.
I agree somewhat but instead of a new library, I’d just recommend something like React and Vite, which is what I use for small projects besides Next. Still the same framework but way less overhead that you’re likely not to need.
What's the name of the plant on your desk?!
what application do you use in recording the audio
I believe if u know just react, u are fine . I know Next js but I still haven’t found a use case that just React wouldn’t do. If I need server rendering , I use php which I had always known even before picking React .
WordPress isn't inherently slow. Poorly implemented WordPress plugins and themes can make a WordPress site slow.
As an entrepreneur, I can assure you that attempting to sell the "tool you know" for any client's project is a recipe for disaster. Flexibility and adaptation are the keys to success. Seeking the best tool for a project is a state of mind, laziness is the muse of the failure.
Josh, can svelte kit do some animation by keeping the best performance, i mean the animation is just like fade in, fade out, etc
i finished my first nextjs freelance project it was a landing page and im well aware nextjs was overkill but i wanted to learn it anyway so i used it. Now im 50/50 if i should use the precious time to further learn nextjs and learn headless e-commerce or should i learn something like Astro to make small landing pages better.
Working with next was like an effing hammer, it broke everything. I like aspects of it, but when I rewrote my app with create-vite-app and react-router-dom and it was like a dream. I can't wait for remix and rrd to merge.
when I work with something I try to get the best of it. I do have wordpress projects with elementor that got 98% in the speed test. I have another project that I need to control each line in the html, because the and HTML should be used in mail, so I did the page builder with netlify CMS (now is decap) and jekyll (a ruby framework). I think it is importante to know some frameworks, but not to do the same think. So, I like React to, but if I need to create a project to be inside another person website, like a chat, I guess I will do in Preact, to get small as possible. Well, it is important to keep learning.
i really don't agree with ur opinion because when i did the iphone website from jsm the performance was about 98 - 99.maybe svelt is also good .but i don't understand when to use next and when not.
At work we used Lit Webcompionents and THAT can make fast webpages. It is pure HTML at the end :D
how's typescript support better on react? sveltekit has ts with autocompletion out of the box with way less boilerplate. Way better DX imo
I started learning React and Next, then discovered Svelte and Sveltekit which is amazing, especially coming from Django.
Hi! I have to create an app with dashboard, big tables with a lot data, paginations, columns order,etc. What you recommend me? Nextjs, React or Laravel with jQuery for example? Thanks for your response
Whatever you're most comfortable with - but you'll likely need something like AG Grid, Tanstack Table, or PrimeReact for the table aspect you mention. 👍
I am actually working with angular since 2017 and I love it, but I want to learn React too ^^
what about the T3 stack if not using nextjs?
I achived 100% lighthouse on a massive headless CMS, but on recent update nextjs is vert anoyying when you wanna work with i18n
I have been going backend development with Django and for my personal projects (freelance) I just buy a template online. I want to make the transition to full stack and I have been trying out React and Next. I like Next because routing is much easier I think and it is more optimized than React. Should I add Svelte to my To Try list? like up to this point, I haven't even thought of trying Angular lol..
Angular is nasty I wouldn't dare
Thank you, very informative and useful
Svelte needs good UI libraries and after that I'm sure it'll beat React and Nextjs.
It's so intuitive.
google shadcn-svelte
SvelteKit makes building so much easier and it runs faster than NextJs because there is No virtual DOM for Svelte!
I have a hammer does 90% of the work well and 10% OK. Why would I learn other less used frameworks that may not exist after 6 months ? I understand Its about personal interest, I'd rather invest my limited time to other areas that broaden my kownledge, such as cloud, backend or system design. Time is limited have to use it wisely.
Could you explain how express js solve this next js problem. I don't know express js and many people knowing only next js will be like to see how express js over comes this problem. Please make video on it next js vs express js ,only consider 3 fact (mentioned in above video) while comparing🙏 . There are no proper source on internet, present explanation are hard to understand. Please make video on it.
How do you get freelance projects ?
90 performance in lighthouse is not worth more than learning a crap ton of frameworks
Ha ha yeah I started as a Wordpress dev.. I’ve been using django for quite a few years now for full stack projects and now trying to start doing more react stuff.
If you know react....svelte may seem haard to you but solidJS would feel like having breakfast....
What? Svelte is a piece of cake
idk. i think having all these frame works is bad. we shouldn't need to learn a new frame work every 6 months. I think it's better to learn how to do the basics properly (HTMLS, CSS, JS) then chose one of the popular frameworks and learn that. constantly learning different frameworks seems like a recipie for rapid burnout
hi, what backend is needed to develop ecommerce site with next js
Nestjs use it with next
3:57 I've got a 100% with a "hello world" like app. 💀
can you share your experience in freelance!
I build everything with Sveltekit, the No.1 meta-framework 👍😘🤩😍
I was stupid and taught myself HTML, CSS, and PHP when I first learned how in 2007 or 2008..
What do you use for frontend now?
@@marin1419 I uae MaterialUI for a lot of my front-end stuff. Since you have the base objects or you can customize them to your needs
you can use pwa to achive 100% in light house
...and then you got projects with shitty code, that some senior needs to rewrite to Next js or React to make it maintainable, because fraction of developers use svelte. It's ok to try new things, but i wouldn't use "new shiny" things for new heavy frontend project, just because i need to learn some new thing or got bored. Being predictable, and able to deliver on time is also good thing. And i also think that getting close to 100 in each metric in lighthouse is also possible with Next js or Remix, so yeah, Solid it's quite interesting new tool, but some of these recommendations in here fetch too far...
which 12-hour react course did you take?
There is a free 'Intro to React' Scrimba course. It's ~12 hrs. Taught by Bob Ziroll. Very good!
@@toby5067 Thank you
What is u use??
Auth js
In next js application giving lot of headache. I am willing to get it done by other developer
But I am now thinking about astro 's fancy things
svelte / svelte kit is much more less learning curve than react / nextjs . i switch from react to svelte too.
What ui do you use?
Totally agree!
Thought I was the only one thinking this way
i think all the frontend frameworks can do the same shit no difference between them just use what you know
Astro seems will be best imo.
is SvelteKit free?
Yes open source framework
i find it dumb that people call javascript a full stack framework. Intense computations are not done in javascript therefor, a backend built with javaascript is weak. Really tells how people only learn one coding language and are hesitant to expand their horizons.
Which language are you comin from?
Waste of time learning so many tools. The end result is same.
i know this problem with Wordpress and what clients expect in speed. Wordpress + Elementor slow as f***. 😆
I use it for my portfolio just to learn it. but I don't like it
Nuxtjs is amazing
nah, thanks, will keep on next js haha
Your WordPress was slow because you were using elementor and probably a bunch of plugins as a beginner, it's not WordPress that was just your skill issue.
Like 666! Hail Stan!
Next video: doing webapp using T3 stack :D
Who knows! Still use NextJS / React for anything that goes beyond simple frontend work
remix