# app router

Next.js app router 기반에서 msw(browser) 세팅하기(module not found 오류 해결)
MSW 세팅에 관한 내용이므로 개념에 관한 부분은 설명하지 않고 넘어갑니다. 개념은 공식문서를 참고하거나 다른 레퍼런스를 참고해 주세요과거에 page route 시절 msw를 세팅 해본적이 있어, app router 기반에서도 유사하게 구성 해보았으나 잘 되지 않았다(
Next.JS에 리액트 쿼리 적용하기
이번 글은 Next.JS 13.4버전 이상의 App Router에 리액트 쿼리를 적용하는 방법을 정리해보겠다

App Router + Data Fetching (NEXT.JS 13)
NEXT.JS 13버전의 공식문서를 통해 앱라우팅, 데이터패칭을 이해하고 NEXT.JS를 제대로 써보자

땔감특집! Next.js App Router 납품 후기
타오를 뿐인 SI SM 밖에 못하는 땔감새끼가 어디 감히 신성한 Next.js 13, 그것도 앱 라우터를 영접하느냐? 어자피 땔감 능력은 땔감일 뿐이거늘.
5.Next.js App Router에 대해 알아보자(5. 라우트 그룹 사용하기)
app 디렉토리는 일반적으로 URL 경로에 따라서 폴더들이 계층을 가지고 있습니다. 하지만 개발자가 특정 폴더를 라우트 그룹이라고 표시를 하면 특정 폴더를 라우트 URL 패스에 포함되지 않도록 막을 수 있습니다. 이것을 사용하면 URL 경로 구조에 영향을 주지 않고
Next.js App Router에 대해 알아보자(3. 페이지와 레이아웃)
페이지 경로에 대한 고유 UI입니다. page.tsx에서 만듭니다. 페이지에 대해 다음 사실을 알면 도움이 됩니다. > 페이지는 모든 라우터 서브트리에 리프노드입니다. 페이지는 기본적으로 서버 컴포넌트로 구성되지만 클라이언트 컴포넌트로도 사용이 가능합니다. 페이지는
Next.js App Router에 대해 알아보자(1. 개요)
Next.js에서 나온 애플리케이션의 뼈대는 라우팅입니다. 따라서 라우팅에 대해 반드시 이해해야 한다. 용어 정리 라우터 용어를 정리해봅시다. > tree: 부모 - 자식의 계층 관계로 폴더 구조를 생각하면 쉽다. subtree: 트리에 새로운 부분으로 루트와 리프

Next.js v13 App Router로 제품 만들기: 이제 더 이상 Axios를 쓰지 않기로 했습니다
Next.js 13버전의 App Router는 fetch 사용을 권장합니다. Axios를 쓰다가 fetch로 넘어가면서 느낀 불편함을 어떻게 해소했는지, Next.js에서 fetch를 잘 사용하려면 무엇을 고려해야하는지 정리했습니다.

[번역] Next.js13 App Router - Routing - Route Handlers
App Router - Routing - Route Handlers
NextJS 13.4 App Router + TailwindCss - ganOverflow 회고
NextJS 13.4 App Router 회고를 간단히 tailwindcss 사용기부터 시작하려고 한다.많은 장점이 있지만, 우리가 이번에 tailwind를 사용하기로 결정한 가장 큰 이유는 Next팀이 장려하고 있기 때문.를 CLI로 입력하면,이 메세지가 뿅 나타난다

[번역] Next.js13 App Router - Routing - Intercepting Routes
App Router - Routing - Intercepting Routes

[번역] Next.js13 App Router - Routing - Parallel Routes
App Router - Routing - Parallel Routes

[번역] Next.js13 App Router - Routing - Error Handling
App Router - Routing - Error Handling

[번역] Next.js13 App Router - Routing - Loading UI and Streaming
App Router - Routing - Loading UI and Streaming
[번역] Next.js13 App Router - Routing - Dynamic Routes
App Router - Routing - Dynamic Routes

[번역] Next.js13 App Router - Routing - Route Groups
App Router - Routing - Route Groups
[번역] Next.js13 App Router - Routing - Linking and Navigating
App Router - Routing - Linking and Navigating