관리 메뉴

가끔 보자, 하늘.

NextJS/Hello page 만들기 - Only Code 본문

개발 이야기/개발 및 서비스

NextJS/Hello page 만들기 - Only Code

가온아 2022. 8. 11. 17:20

샘플 코드가 기나긴 설명보다 좋을 때가 있습니다. 잘 이해 안되는 건 댓글 혹은 해당 키워드를 구글링 해보시면 바로 확인할 수 있습니다.

mkdir ssr && cd "$_"
npm init -y
npm install --save react react-dom next
vi package.json
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
 (...)
 "scripts": {
    "dev" : "next"
    .
 }
 (...)
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
 
mkdir pages && cd "$_"
vi index.js
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
export default () => (<div><p>Hello!</p></div>)
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
npm run dev

.next/server : server side

.next/static : client side

(*full source code link)

반응형