[TIL] Next.js App Router 알아보기

approuter 앱라우터는 정말 잘써야 하기 때문에 개념을 확실히 알고 갈 것

앱라우터 약속
next js docs -> file conventions

1. 파일 이름에 규칙이 있다
2. 경로자체가 url이 된다
3. 변화하는 값은 예를 들면 id(파라미터값) [] 대괄호를 써서 만들어줌 -> id값은 string 타입
4. 해당 페이지부분만 렌더링이 된다!

레이아웃과 페이지의 관계
레이아웃 페이지 /페이지 /레이아웃
-> 리액트 라우터 돔에 아울렛처럼 부모자식관계 개념 route안의 route같은

_얘도 경로에 안잡히고 프라이빗하게 됨
(providers) -> 이렇게 괄호를 넣어서 만들면 레이아웃을 만들 수 있으나 경로에는 안들어감
app - () - 메인
(public)
(private)
모든공통은 layout에 칠드런(프롭스)를 내려주고 타입지정을 해줌

슈퍼베이스
셋팅즈 -> api -> key정보 첫번째 쓸거임
-> key 두번째는 프라이빗한 키임

아무나 수정할 수 없는거는 서버로 관리
누구나 수정할 수 있는거는 클라이언트