npx cresate-next-app@latest
/kay-test >> main > npx create-next-app@latest
Need to install the following packages:
create-next-app@14.1.0
Ok to proceed? (y) y
✔ What is your project named? … my-app
✔ Would you like to use TypeScript? … No / Yes
✔ Would you like to use ESLint? … No / Yes
✔ Would you like to use Tailwind CSS? … No / Yes
✔ Would you like to use `src/` directory? … No / Yes
✔ Would you like to use App Router? (recommended) … No / Yes
✔ Would you like to customize the default import alias (@/*)? … No / Yes
Creating a new Next.js app in /Users/imhun/Documents/hun_test/kay-test/my-app.
Using npm.
Initializing project with template: app-tw
Installing dependencies:
- react
- react-dom
- next
Installing devDependencies:
- typescript
- @types/node
- @types/react
- @types/react-dom
- autoprefixer
- postcss
- tailwindcss
- eslint
- eslint-config-next
added 363 packages, and audited 364 packages in 14s
129 packages are looking for funding
run `npm fund` for details
found 0 vulnerabilities
Success! Created my-app at /설치디렉토리경로/my-app
생성된 구조
page.tsx : 메인 페이지
app : 코드들이 들어가는곳.
layout.tsx : 레이아웃
public : 이미지, js등 static 파일.
next.config.js : nexjs 설정 파일
실행
cd my-app
npm run dev