Merge branch 'feature/remove-view-transition' into integration/remove-view-transition
@bc26380ecbd5c20571034b88619bb92226171d74
--- app/_types/react-canary.d.ts
... | ... | @@ -1,4 +0,0 @@ |
| 1 | -// App Router는 React canary 릴리스로 빌드된다(Next.js가 내부적으로 번들) — stable | |
| 2 | -// `react` 패키지의 타입에는 없는 `ViewTransition` 등의 타입을 로드하기 위한 참조 전용 파일이다. | |
| 3 | -// 런타임 산출물은 없다. tsconfig의 `types` 배열 변경 없이 트리플 슬래시 참조만으로 전역 로드된다. | |
| 4 | -/// <reference types="react/canary" /> |
--- app/layout.tsx
+++ app/layout.tsx
... | ... | @@ -1,7 +1,6 @@ |
| 1 | 1 |
import type { Metadata } from "next";
|
| 2 | 2 |
import { Geist_Mono } from "next/font/google";
|
| 3 | 3 |
import localFont from "next/font/local"; |
| 4 |
-import { ViewTransition } from "react";
|
|
| 5 | 4 |
import { FeedbackHost } from "@/app/_components/feedback-host";
|
| 6 | 5 |
import { FeedbackProvider } from "@/app/_components/feedback-provider";
|
| 7 | 6 |
import { SplashGate } from "@/app/_components/splash-gate";
|
... | ... | @@ -118,10 +117,7 @@ |
| 118 | 117 |
<body className="min-h-full flex flex-col"> |
| 119 | 118 |
<SplashGate /> |
| 120 | 119 |
<FeedbackProvider> |
| 121 |
- {/* 라우트 그룹 간 이동을 포함한 모든 전환에 크로스페이드를 적용한다. 클래스명(layout-transition)에
|
|
| 122 |
- 대한 `::view-transition-old/new` 규칙은 design 레인이 app/globals.css에 제공한다. */} |
|
| 123 |
- <ViewTransition default="layout-transition">{children}</ViewTransition>
|
|
| 124 |
- {/* 피드백 오버레이는 전환 크로스페이드 대상이 아니므로 ViewTransition 바깥에 둔다. */}
|
|
| 120 |
+ {children}
|
|
| 125 | 121 |
<FeedbackHost /> |
| 126 | 122 |
</FeedbackProvider> |
| 127 | 123 |
</body> |
--- next.config.ts
+++ next.config.ts
... | ... | @@ -19,11 +19,6 @@ |
| 19 | 19 |
]; |
| 20 | 20 |
|
| 21 | 21 |
const nextConfig: NextConfig = {
|
| 22 |
- // 라우트 전환 애니메이션(React `<ViewTransition>`, app/layout.tsx) 활성화 — Next.js 공식 |
|
| 23 |
- // 가이드(view-transitions.md) 권장 방식. 미지원 브라우저에서는 애니메이션 없이 정상 동작한다. |
|
| 24 |
- experimental: {
|
|
| 25 |
- viewTransition: true, |
|
| 26 |
- }, |
|
| 27 | 22 |
async headers() {
|
| 28 | 23 |
return [ |
| 29 | 24 |
{
|
Add a comment
Delete comment
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?