【Next jsで学ぶReact講座 #1】Reactを学ぶにはNext.jsから入ると効率が良い理由。Next.jsのセットアップからVercelへのデプロイまで！

Today, I'd like to start a course on using X and JS. So let's get started. Okay, so let's get started, but first I'll explain why we're using Next.js to structure our projects. Of course, you can structure projects using only X, but actually, using only X can present many pitfalls for beginners. For example, routing is a particular issue. With X, you have to

write the code yourself to link the URL to the screen, which can be very difficult. Also, for example, if you want to use a facility module, you might have to tweak the settings in the package. And when you want to implement server-side rendering, using only X can be very difficult. In that sense, if you try to learn using only X, you'll actually stumble over things other than the syntax, and I've

recently come to think that it's not really suitable for learning. So this time, we'll be using Next.js. Of course, Nextgen is an active framework, but you can learn with it, so learning with Next.js is a great way to learn. I think that's a good idea, so let's get started. What you see on the screen now is the Next JS homepage, and when you open it, the

frame is labeled as 4 Productions. If you look at the bottom, you'll see "y next js," which lists the reasons and features of why you should use Next JS. I'd like to take a look at each one, but first of all, Next JS has many features. Trying to remember all of these features would be quite difficult for a beginner.

So, this time, we'll only use the parts of Next JS that are suitable for learning and gaining initial knowledge. So, there are 12 of these, and there are many more, but instead of trying to remember them all, focus on learning and gaining knowledge by using the minimum of Next JS. Let's take a look at each one. First, there's