Install Next.js & Tailwind CSS, involving Create first template

Next.js reference Link :

https://nextjs.org/docs/getting-started/installation

Starting Next.js

  1. Visual Studio -> Open Folder -> select folder you want, (it's 'desktop' I select)

or

  1. open terminal -> input the following cmd.

npx create-next-app@latest

Message says : needs Node.js >= v18.17.0 is required

You are using Node.js 18.16.0 --> For Next.js, Node.js version >= v18.17.0 is required.


Verifiy Node.js version and Install

Verify version

currently using - v18.16.0

Install 'higher version' >= 18.17.0

https://nodejs.org/en/download/package-manager

Download and Install



Run Next.js after installing proper Node.js version

After Instsallation higher version of Node.js (v20.15.1),

cd

cd imdb-next
npm run dev

(Allow Node.js -> depends on System.)



Cmd for running Next.js, including first template page

hm, As I think, When to run application, we need to use this following cmd everytime we need to use.

Next.js first template page (SNAPSHOT)

if you ctrl + click, you can see Next.js first template.

src/app/page.js

EXPLORER section : 바탕 화면 - desktop

Open imdb-next folder

you can find these files.