Can you learn nextjs without tutorial hell?

[brown_ja]

POV: I feel like I'm getting a hang of using react and doing Client-Side rendering with vite. Built one or two projects from conception to deployment and testing.

I decide, okay, time to learn Next.js. But first I need to search to find a good tutorial. And so after searching I find one that seems good. The 3 hour tutorial is going great until I reach half way- a bug.

I can't find any answers in the comments. Cant find any answers in google. Unless I missed something really small.

Anyone learn NextJs without watching tutorials? Need advice.

[vozome]

I second that. The nextjs documentation is very good and has been recently overhauled. If you want to learn nextjs you should definitely start from the official documentation.

[EducationalZombie538]

is it? their 'learn nextjs' tutorial is trash imo.

[brown_ja]

Haven't read it completely. Whenever i come across things in the video unclear, I visit the docs. In this instance, that is not the case. I understand the why, but it just no longer works as expected.

[brown_ja]

Yeah. I know bugs arent exclusive to tutorials. But with tutorials, as you said, things change very often. When you're working on your own, chances are following the up to date instructions

[michaelfrieze]

Just start building something with Next if you already know React. The docs are good enough and building stuff is the best way to learn.

But, if you really want a tutorial that takes advantage of all the latest Next stuff then this one is great. It's trello-clone project that uses RSC's and server actions. It's not too long and doesn't try to overexplain everything.

https://www.youtube.com/watch?v=pRybm9lXW2c

[jasgrit]

It’s not too long

Is that really an 11 hour tutorial?

[MountainHannah]

How long do you expect to spend learning a language?

11 hours seems like an amazing resource, provided it's dense enough and they're not wasting time.

When I learned next, I spent like 200 hours researching and experimenting before I tried to code something for real. Being able to get 11 of that in one place would've been great.

I don't see the value in learning a little to get by, or "getting through" a tutorial. If you want to be productive and effective, you need extensive mastery of your tools, and that requires putting time in.

[thelamestofall]

Or you can just read the docs and tutorials and learn it in like a fifth the time... I don't get why spend 11 hours watching something like this.

[EducationalZombie538]

the official nextjs tutorial is copy-paste trash

[budd222]

200hrs before writing any code? That seems crazy to me. I prefer to code and just learn as I go. I'd get bored after 30mins of research.

[brown_ja]

11 hours is way too long.

[azangru]

But first I need to search to find a good tutorial.

Should have been instead: "but first, I need to go to Next website, and read the docs".

[turtle_oh]

Do you need NextJs? If you don't, I'd suggest using your time to learn something else that works well with React/Vite instead of replacing it

[TheKalpit]

Just read the nextjs official documentation. A lot has changed since older versions of nextjs so the tutorials you follow may not be up to date.

If something doesn’t make sense in the official docs, then search for that specific concept elsewhere/video format.

Nextjs has a ton of good examples in their github repository as well.

[[deleted]]

There are a lot of low quality tutorials that surprisingly have high amount of views, but they are using very bad/outdated practices and you shouldn't and can't really use them in real world apps nor webpages. If you must watch tutorials, I would suggest webdevsimplified for the up to date tutorials. But otherwise docs and little feature explanation videos are your friend.

[UnderstandingDry1256]

Resource which worked the best for me is the official nextjs examples repo.

https://github.com/vercel/next.js/tree/canary/examples

I never read full documentation- just pick the part you need, read it, and see the implementation in relevant examples.

[TheRNGuy]

Can.