Next.js + React.js tutorial - YOU REALLY should be using Next.js

Подписаться 773 тыс.

Просмотров 27 тыс.

50% 1

Next.js should be your go-to for any React.js work these days. If you're using Create React App...STOP! You're missing out on the joys of Next.js.
This tutorial covers Next.js for building React.js apps, websites, blogs. Almost web development you do with React will benefit from Next.js.
Next.js is perfect for building an SPA (single page app) with React.
Next.js is an amazing SSG (static site generator).
Next.js is a great node.js server for your frontend UI.
...there's almost nothing Next.js isn't great for.
~-~~-~~~-~~-~
Also watch: "Tailwind CSS - why CSS utility classes save so much time"
• Tailwind CSS - why CSS...
~-~~-~~~-~~-~

Опубликовано:

26 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 85

@unitygamermaker9941 3 года назад

Where were you I missed you 😭😭 but finally after more than a year you are back

@learncodeacademy 3 года назад

Yeah...was way too long. I actually super missed doing videos.

@csmithDevCove 3 года назад

Dude I need you to create videos more often. You were the first RU-vid person that got me into web dev years ago. At this point when you post it's like nostalgia for me lol.keep it going sir.

@learncodeacademy 3 года назад

Nostalgia, haha. Thanks for the love. After a lot of transitions for about a year, I'm happy to be getting back in the swing of videos.

@xenialxerous2441 3 года назад

@@learncodeacademy Yes, I totally agree with him. I rewatch most of your videos whenever needed. I've an opinion about you that, for me, you are the authority when it comes to web dev and Javascript. Love to see you more often!!

@MaxRovensky 3 года назад

I learned JavaScript and React from your channel years ago. I then went on to work at Vercel (then ZEIT), including partly on Next.js for 2 years until last December. I'm now an accomplished software engineer and couldn't be happier with my life. Thank you for what you do!

@ouss 3 года назад

did you do front or backend dev?

@MaxRovensky 3 года назад

@@ouss both A lot of the dashboard is my work, entire team invite system, both back and front, large chunks of git integrations and more that I won't remember off the top of my head

@webunlocked 3 года назад

Ohhh he is back! 🥳

@robertgregg7028 Год назад

Haven't even watched this video yet but have just completed some other courses on redux as a project I am working on uses an older version of Redux. You are a phenomenal teacher and vert grateful to have found this channel. I hope you have continued to hug your wife! haha

@andylinkOFFICIAL 3 года назад

welcome back dude. watching your vids since 2014.

@MarcoAntonio-gi4tz 3 года назад

It's been some time, I used to watch and study your videos to prep for web dev (I think I watched all). And if you are planning to come regularly you have a strong base audience for what I see in the comments. I hope you have plans for: Web Dev RoadMap 2021. It was one of my favorite videos. Welcome back.

@learncodeacademy 3 года назад

I'm working on that video now, actually! I don't always do it annually, as I usually wait for the moment of "there's enough new stuff to say"

@shafu_xyz 3 года назад

Quick and to the point! great video! would like to see more videos!

@learncodeacademy 3 года назад

I'm working on more of my favorite react tools.

@anilloutombam 3 года назад

Dman man long time.... Welcome back, good to see you back🙏🙏

@learncodeacademy 3 года назад

Appreciate it!

@jazzmaster89 3 года назад

Been meaning to create a project using Next, this was my motivation. Great content, thanks for the info.

@matthewao 3 года назад

Simple and concise, I love it!

@learncodeacademy 3 года назад

Thank you!

@micoberss5579 3 года назад

One of the best webdev youtubers is back.

@learncodeacademy 3 года назад

🙇 Haha. Well thank you very much!

@jeffery_tang 3 года назад

WELCOME BACK!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

@NoNo-pz4lm 3 года назад

Hoping to see your yearly state of web development rundown for 2021! Thanks for continuing to create content

@learncodeacademy 3 года назад

I'll be doing it fairly soon ~1mo.

@xenialxerous2441 3 года назад

Hey there! You may not believe me, I check your account/channel every now and then to make sure whether you've uploaded something new esp the one video that you do almost every year about must know tech.. Love your content, learnt a lot from you. Ever indebted and lots of love and respect 🤗

@learncodeacademy 3 года назад

Dang! Thanks so much for sticking with me. I appreciate it!

@yashsolanki069 2 года назад

This video truly shows the awesomeness of nextjs. Great work ser!!🔥

@limapix 3 года назад

Thanks for the video, that will be definitely useful for me as I use React at work but I haven't used Next.js yet! 🙂

@learncodeacademy 3 года назад

Oh, you're gonna love it!

@patrickc.6183 3 года назад

Great content, and it's awesome to see you back to making videos!

@learncodeacademy 3 года назад

Thanks a ton!

@AbiodunSam 2 года назад

exactly what I'm looking for. Thanks 🤝

@mabroorahmad2182 3 года назад

Oh you are back! Thanks!

@sayyidishaq7797 3 года назад

The legend is back

@haans8 3 года назад

its been a long time since i learn html, css and responsive web design, missed your voice haha

@learncodeacademy 3 года назад

Brings you back to "How to Train Your Dragon" from what I hear :)

@GifCoDigital 3 года назад

Good to see you back mate!

@learncodeacademy 3 года назад

Hey, thanks!

@shaineelnayak3465 3 года назад

Simple yet satisfying

@trevorlahey6175 3 года назад

So great to see you're back. Right on point with the tech and especially with your way of teaching. It's really the best learning content I've come across on YT, really concise and on point with a great pace. I learnt React from you years ago, and have since then actually had a few times where I thought "You know, I could really use a video by @LearnCode.academy on this and that subject, wonder what he is up to nowadays" - so please, keep doing more videos!

@Gigusx 3 года назад

Could you give some (quick) examples of those apps you don't think you'd use Next.js for? Thanks for the video!

@learncodeacademy 3 года назад

The only scenario I can think of is if you want it to be really light on JS and you don't want React to begin with. Then I'd probably do something more along the lines of just a static site generator (eleventy maybe?) and svelte for any superlight JS work?

@Gigusx 3 года назад

@@learncodeacademy Damn, that'd be very few cases indeed! I guess it highlights how much progress Next has achieved, and how much people like working with it. Thanks for all the insights, will definitely give it a try! :)

@Adam-eats 3 года назад

Welcome back friend!

@learncodeacademy 3 года назад

Thanks!

@webhelp4574 3 года назад

Welcome back mate... Please create a new React series.

@tobara 3 года назад

Nice, in bite-size. Plz make this a series.

@learncodeacademy 3 года назад

Already on that! There's a little more to show about Next past the intro layer coming in another video, then...some of my other favorite react tools.

@kotopult 3 года назад

Yay, you are back! Still using keyboard you advised 😄

@learncodeacademy 3 года назад

Hah nice! I only recommend things I personally love, so glad I didn't steer you wrong.

@andriykuts1981 3 года назад

Awesome explanation, thank you!

@learncodeacademy 3 года назад

Glad you enjoyed it!

@oleksandrdiatchenko1192 2 года назад

Cool intro! Thank you.

@parasbuda9174 3 года назад

loved it very much plzz make a ecommerce site using next js plllzzzzz

@alexandrmandryka7536 Год назад

Hi. Thank you for video. It's relly cool. Tell me, how do, that prefetch will not work on hover? I see one like a bug.

@ytwatcher181 3 года назад

Thank you for a new tutorial! 1) How do we manage state in next js? I guess we can use _app.js for this purpose, can’t we? 2)Can we use plugins for react in next js(react-spring, redux-toolkit etc)?

@learncodeacademy 3 года назад

It's full-on react, so you can use anything you want! Next.js is really the server-layer + routing + SSR/production environment goodies (or static site generation if you want to go that route). My favorite way is to use mobx-react-lite, but lots of people use react hooks or redux. I have a video coming up on mobx-react-lite soon.

@eduardolopezcolmenero 3 года назад

Great video!!! 🤘🏻I’m really new on react so my question is do we have to use nextjs or create react app? It is just one or other? Basically I have to choose one?

@TheRisingSilver 3 года назад

what did you use to make your terminal look like that?

@jackfairfield1109 3 года назад

Hey Will. Thanks for putting this together! I'm definitely going to try out Next.js in my next project. Do you see this as a full replacement for react router and express.js? Or is there still value to using those tools? Thanks.

@learncodeacademy 3 года назад

React router for sure. I haven't touched react router in a long time due to Next. Express...it depends. Next also supports backend routes by adding an /API folder nextjs.org/docs/api-routes/introduction If you want an API to be its own backend that deploys independently, then you'd still want express, apollo server, etc. But for any application where you want it all in the same server, then absolutely. Just-next is all you need!

@jackfairfield1109 3 года назад

@@learncodeacademy Thanks a bunch! Been a longtime fan. You're the man!

@shubhamverma7613 6 месяцев назад

Hi.. Could you please provide the GitHub link of these setup/code?

@bhuvaneshdesai3053 3 года назад

Hi, i already have a react app, i want to make a particular route in react app as separate next.js app for SEO. please can you tell me how to do or where to start from

@mushfikf.rahman9700 3 года назад

After long time ❤️

@learncodeacademy 3 года назад

Yes. TOO LONG.

@imraff 2 года назад

2:46 "and now I can go to /products and also get... Hi" Watching this on 4/20 was too perfect.

@belminmuranovic8109 2 года назад

Is it possible to create a mobile app with nextjs?

@masterkhoa 3 года назад

I think this video is a bit outdated. Nowadays you should use "yarn create next-app" instead. Can you explain why you didn't use it?

@aundefined 3 года назад

Do Nuxt.js next!

@md.mahbuburrahman6155 3 года назад

Great tutorial Can you please let me know which color schema you are using at vscode?

@learncodeacademy 3 года назад

Sure! I'm using the "rainglow" package, the "rebellion" theme on that.

@damo190 3 года назад

Bro, will u make a detailed video on web accessibility and aria attributes?

@learncodeacademy 3 года назад

This may be one of the few areas I'm not passionate enough about to do an "authoritative" tutorial on. There are others out there where accessibility is their passion and they have more research and opinion on the matter.

@MarcelRobitaille 3 года назад

Long time no see

@tusharpapnai2907 3 года назад

long time mate

@learncodeacademy 3 года назад

Yes, too long

@prudhvichinnam1488 3 года назад

Do react modern tutorials

@learncodeacademy 3 года назад

This is ...kind of a roll into that - at a higher level. Going to be releasing multiple videos on the tooling people should be defaulting to for React work.

@kennyb5537 2 года назад

This video is mis-informing people. There are so many reasons why you wouldnt use NEXTJS ... BS

@limapix 3 года назад

Hey Will! Wow, great to see you back on RU-vid! 😃 You're one the guys on RU-vid who inspired me the most to become a front-end developer. At that time, I was working in a call center in Ireland. And now, I work as a front-end developer in Barcelona! 😎 And I have my RU-vid channel too...but in French! 🇫🇷

@learncodeacademy 3 года назад

Hey thanks! Wow. Amazing to hear what little I've done has been of help to you. Way to go starting a channel! You'll be amazed how much it can grow over time. Best of luck to you.