Why I Don't Use NextJS For My Side Project Anymore
Вставка
- Опубліковано 3 лют 2023
- 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/joschan21
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?😂
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
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.
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
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!
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
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
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.
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
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.
Mind sharing which CMS are you using all together with Svelte?
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.
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.
If I'm building an app, I'll use Next, if I'm building a static site, I'll use Astro
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
what application do you use in recording the audio
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?
Thank you, very informative and useful
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.
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?
what about the T3 stack if not using nextjs?
hi, what backend is needed to develop ecommerce site with next js
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. 👍
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
stick to only one framework if you are just starting out don't jump to every new framework that is coming out
I started learning React and Next, then discovered Svelte and Sveltekit which is amazing, especially coming from Django.
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.
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
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 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 .
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
How do you get freelance projects ?
I am actually working with angular since 2017 and I love it, but I want to learn React too ^^
What is u use??
At work we used Lit Webcompionents and THAT can make fast webpages. It is pure HTML at the end :D
I achived 100% lighthouse on a massive headless CMS, but on recent update nextjs is vert anoyying when you wanna work with i18n
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.
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
Svelte needs good UI libraries and after that I'm sure it'll beat React and Nextjs.
It's so intuitive.
you can use pwa to achive 100% in light house
I build everything with Sveltekit, the No.1 meta-framework 👍😘🤩😍
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.
3:57 I've got a 100% with a "hello world" like app. 💀
But I am now thinking about astro 's fancy things
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.
Astro seems will be best imo.
WordPress isn't inherently slow. Poorly implemented WordPress plugins and themes can make a WordPress site slow.
Thought I was the only one thinking this way
SvelteKit makes building so much easier and it runs faster than NextJs because there is No virtual DOM for Svelte!
If you know react....svelte may seem haard to you but solidJS would feel like having breakfast....
What? Svelte is a piece of cake
90 performance in lighthouse is not worth more than learning a crap ton of frameworks
is SvelteKit free?
Yes open source 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
Nuxtjs is amazing
svelte / svelte kit is much more less learning curve than react / nextjs . i switch from react to svelte too.
What ui do you use?
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
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.
i know this problem with Wordpress and what clients expect in speed. Wordpress + Elementor slow as f***. 😆
Disagree, productivity gains work from working on the same stack.
Next video: doing webapp using T3 stack :D
Who knows! Still use NextJS / React for anything that goes beyond simple frontend work
Waste of time learning so many tools. The end result is same.
I use it for my portfolio just to learn it. but I don't like it
Like 666! Hail Stan!
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?
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.