#

npx create-next-app nextjs --use-npm --example "https://github.com/vercel/next-learn-starter/tree/master/learn-starter"

cd nextjs-blog npm run dev

npx create-next-app nextjs-blog --use-npm --example "https://github.com/vercel/next-learn-starter/tree/master/navigate-between-pages-starter"

bash

lsof -i tcp:3000 kill -9 PID

npx create-next-app nextjs-blog --use-npm --example "https://github.com/vercel/next-learn-starter/tree/master/assets-metadata-css-starter"

npx create-next-app nextjs-blog --use-npm --example "https://github.com/vercel/next-learn-starter/tree/master/data-fetching-starter"

npx create-next-app nextjs-blog --use-npm --example "https://github.com/vercel/next-learn-starter/tree/master/dynamic-routes-starter"

npx create-next-app nextjs-blog --use-npm --example "https://github.com/vercel/next-learn-starter/tree/master/api-routes-starter"

npx create-next-app nextjs-blog --use-npm --example "https://github.com/vercel/next-learn-starter/tree/master/basics-final"

npx create-next-app next-js npm run dev

https://react.semantic-ui.com/usage

npm install semantic-ui-react semantic-ui-css import 'semantic-ui-css/semantic.min.css'

autoimport (https://marketplace.visualstudio.com/items?itemName=NuclleaR.vscode-extension-auto-import)

gnb

<Menu.Item name='home' active={activeItem === 'home'} onClick={this.handleItemClick} /> <Menu.Item name='messages' active={activeItem === 'messages'} onClick={this.handleItemClick} /> <Menu.Item name='friends' active={activeItem === 'friends'} onClick={this.handleItemClick} />

docu https://nextjs.org/docs/advanced-features/custom-document

[2]

http://makeup-api.herokuapp.com/api/v1/products.json?brand=maybelline

npm install axios

dynamic routes

https://nextjs.org/docs/routing/dynamic-routes

import { useRouter } from 'next/router'

const Post = () => { const router = useRouter() const { pid } = router.query

return

Post: {id}

}

export default Post

next/link

nextjs deploy

git clone cd next-web npm install npm run build pm2 list pm2 stop 0 pm2 delete 0

pm2 start server.js

nextjs

pm2 start npm --name 'myserver' -- start -p 3000

문자열 끝 공백

http://mwultong.blogspot.com/2007/02/cr-lf-enter-key-match-regex.html