00:00:00 There are many different ways to create a Next.js application, but the quickest way to do it is through the automatic installation using the Next.js CLI.

00:00:10 The only thing you have to do is type in the command mpx create-next-app add-latest and then add the dot slash at the end for it to generate the app within

00:00:22 the current folder.

00:00:23 When you press enter, then we'll get a question.

00:00:26 In v16 of Next.js, we get this one single question that replaces the 10 questions that we had to answer in the previous versions of Next.js,

00:00:36 if you select the recommended default options, that is.

00:00:39 Thankfully, that's exactly what we'll do.

00:00:42 In the recommended defaults, we're using TypeScript, ESLint, Tailwind CSS, the AppRouter, and TurboPack, just as we wanted,

00:00:50 and everything that I'll teach in this course.

00:00:53 So press Enter, and now it'll install all the necessary dependencies, of which there are only three, React, React DOM, and Next,

00:01:02 and then a couple of dev dependencies, including TypeScript, different types, Tailwind CSS, and ESLint.

00:01:09 And that's it.

00:01:10 The app got successfully created, so you can now run npm run dev to run it on localhost 3000. If you head over there, you'll see a new Next.js boilerplate

00:01:21 inviting you to modify the page.dsx to get started.

00:01:24 So if you head back over to your code, you'll be able to see your files.

00:01:28 Head over into app and within page.dsx.

00:01:32 you can immediately remove everything that is in here and just run RAFCE to quickly spin up a new React functional component.

00:01:41 Within here, you can render an H1 that says, welcome to the ultimate Next.js course.

00:01:49 And you can also style it a bit using Tailwind to verify it works, such as giving it text-3xl to make it a bit larger.

00:01:56 If you head back, it should look something like this.