NextJS, add More

들어가기
component를 바로 import하는게 아니라, 사용할 때 import를 함.

1. dynamic import

import dynamin from 'next/dynamic'

const Button = dynamic(()=>import('@components/Button',{ssr:true/false}));

여기서 ssr도 설정이 가능한데 server side rendering
이거는 정확히 뜻을 잘 모르겠음.

Button component를 import 할 때, 사용하는 순간에 import함.
import Button from '@components/Button' ==>그 page가 render될떄, 바로 import됨

2. Lazy

-lord import

import loading 시간이 길어질떄, 다른 page를 보여주는 기능