공통으로 사용할 레이아웃js 생성

component > Layout.js

import NavBar from './NavBar'

export default function Layout**( {children} )** {
    return <>
        <NavBar />
        <div>**{children}**</div>
    </>
}

_app.js

import '../styles/globals.css'
import Layout from './component/Layout'

function MyApp({ Component, pageProps }) {
  return (
    <Layout>
      <Component {...pageProps} />
    </Layout>
  )

}

export default MyApp

이미지 등 파일들은 Public 폴더에 넣습니다. 그리고 사용할 때에는 경로를 다 적지 않고 ‘/파일이름’ 만 사용해도 가능

<img src=”/image.svg” alt=”a”/>

img 태그를 쓰지 말라는 경고가 뜰 텐데..

next image를 사용하면 됩니다.

#2.1 Fetching Data (11:35) https://nomadcoders.co/nextjs-fundamentals/lectures/3446

movie API 발급방법 확인 가능