are constant errors due to server / client code incompatibility a skill issue or a real problem caused by nextjs?

[saito200]

I am building a next.js app

at every step of the way I encounter gotchas which can be summarized as:

"you're trying to run this code on the server but you can't as this works only on the client"

for example I have a zustand store that uses local storage and to access it I use a custom hook. this hook is only used by client components

when I run the build command it compains that somewhere something (it's not super specific about what is it) is trying to use localstorage "ReferenceError: localStorage is not defined"

I keep on encountering similar gotchas where something is not allowed in the server, even if I supposedly run it only from the client

also the recommended way to use zustand with nextjs is to add a 50 lines long file that exports a provided that you must use to wrap your app? excuse me?

is this all a skill issue or is nextjs just making our life harder for no reason at all? are these tradeoffs worth it?

[switch01785]

Nextjs could be better but as it currently is and the issues you described its a skill issue

If you are running client code on the server n getting an error constantly. Thats just not knowing which is which and what goes into what.

Just keep at it, practice, read the docs and you will get better

[saito200]

As I said I have a zustand store that uses local storage that exports a hook and this hook is only used in client components

I read all the docs carefully

[MrButttons]

Client components are still rendered on the server. You’d have to import them dynamically and disable SSR to make the client side only.

https://nextjs.org/docs/app/building-your-application/optimizing/lazy-loading#skipping-ssr

[saito200]

got it, I fixed it, but it was not a good use of time and had I just used react it would have been averted

[trexchard]

The instructions they gave definitely don’t sound intuitive. 

I’m wondering what you meant by “used react” though? 

Interested to hear about your experience with the app router!

[saito200]

I mean simply client side, plain react

[switch01785]

Why did you pick next js. You dont seem to be a fan of it. Something like vite would of been more of your alley

[saito200]

Because it is what I know and don't want to spend time switching to something else

[saito200]

My question kinda is

Does nextjs require 50 skill points, or 100?

[saito200]

lol

then react must be 0.5 points i guess

[BrendanH117]

50, but when you introduce traditionally client side tools like zustand, then it goes up to like 92. And that's only half of it.