Skip to content

Feature/#298: Middleware로 서버측 리다이렉션 적용 구현 #191

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
juyesu merged 7 commits into from
Jul 26, 2025
Merged

Feature/#298: Middleware로 서버측 리다이렉션 적용 구현 #191

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
feb066f
chore: js-cookie 라이브러리 추가
juyesu Jul 17, 2025
53cd456
feat: middleware를 통한 리다이렉트 구현 (기존 파일 위치를 src아래로 변경)
juyesu Jul 17, 2025
e8bf636
refactor: 미들웨어 적용에 따라 각 컴포넌트에서 리다이렉트하는 로직을 삭제, 리다이렉트 시 토스트를 출력하는 Clie…
juyesu Jul 17, 2025
2fa23e0
fix: 미들웨어와의 충돌을 방지하기 위해서 로그아웃 시 라우트 전환을 social 페이지로 변경
juyesu Jul 17, 2025
c188dd9
feat: redirect_error 쿠키를 감지하고 조건부로 에러 토스트를 출력하는 컴포넌트 구현
juyesu Jul 17, 2025
b6ad578
refactor: 로그인 이후 브라우저 뒤로 가기를 통해 로그인 페이지로 돌아가는 문제를 방지하기 위해서 router.pus…
juyesu Jul 17, 2025
c685ac9
refactor: 컴포넌트 네이밍을 명시적으로 변경 ClientSideHandler -> RedirectErrorToastH…
juyesu Jul 20, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Empty file removed middleware.ts
View file
Open in desktop
Empty file.
225 changes: 16 additions & 209 deletions package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 2 additions & 0 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,6 +25,7 @@
"axios": "^1.9.0",
"date-fns": "^4.1.0",
"dompurify": "^3.2.6",
"js-cookie": "^3.0.5",
"lucide-react": "^0.511.0",
"next": "15.3.2",
"react": "^19.0.0",
Expand Down Expand Up @@ -53,6 +54,7 @@
"@testing-library/react": "^16.3.0",
"@types/dompurify": "^3.2.0",
"@types/jest": "^30.0.0",
"@types/js-cookie": "^3.0.6",
"@types/node": "^20",
"@types/react": "^19",
"@types/react-dom": "^19",
Expand Down
12 changes: 2 additions & 10 deletions src/app/auths/signin/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,7 @@
import SignInForm from './_components/SignInForm';
import getMyInfoOnServer from '@/providers/auth-provider/getMyInfoOnServer';
import { headers } from 'next/headers';
import { redirect } from 'next/navigation';
import LinkToSignUp from './_components/LinkToSignUp';
import type { Metadata } from 'next';
import RedirectErrorToastHandler from '@/components/logic/RedirectErrorToastHandler';

export const metadata: Metadata = {
title: '로그인 - WeWrite',
Expand All @@ -27,13 +25,6 @@ export const metadata: Metadata = {
};

const SignIn = async () => {
const { isSignIn } = await getMyInfoOnServer();
const referer = (await headers()).get('referer');

if (isSignIn) {
redirect(referer ?? '/');
}

return (
<div className="flex h-screen w-full flex-col items-center justify-center">
<div className="flex max-h-[478px] w-[343px] flex-col gap-10 rounded-3xl bg-white px-4 py-6 sm:px-4 md:w-[608px] md:px-13 lg:max-h-[478px] lg:w-[508px]">
Expand All @@ -44,6 +35,7 @@ const SignIn = async () => {
<SignInForm />
<LinkToSignUp />
</div>
<RedirectErrorToastHandler />
</div>
);
};
Expand Down
10 changes: 0 additions & 10 deletions src/app/auths/signup/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,5 @@
import getMyInfoOnServer from '@/providers/auth-provider/getMyInfoOnServer';
import SignupForm from './_components/SignupForm';
import LinkToSignIn from './_components/LinkToSignIn';
import { redirect } from 'next/navigation';
import { headers } from 'next/headers';
import type { Metadata } from 'next';

export const metadata: Metadata = {
Expand All @@ -27,13 +24,6 @@ export const metadata: Metadata = {
};

const SignUp = async () => {
const { isSignIn } = await getMyInfoOnServer();
const referer = (await headers()).get('referer');

if (isSignIn) {
redirect(referer ?? '/');
}

return (
<div className="mt-6 flex h-screen w-full items-center justify-center">
<div className="flex min-h-[680px] w-[343px] flex-col gap-10 rounded-3xl bg-white px-4 py-6 md:w-[608px] md:px-16 lg:min-h-[710px] lg:w-[508px]">
Expand Down
14 changes: 9 additions & 5 deletions src/app/mypage/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,13 +1,17 @@
import RedirectErrorToastHandler from '@/components/logic/RedirectErrorToastHandler';
import MyProfile from './_components/my-profile/MyProfile';
import MySocialList from './_components/my-social-list/MySocialList';

const MyPage = () => {
return (
<section className="mx-auto mt-4 w-full md:w-[696px] lg:w-[996px]">
<h1 className="text-write-main text-2xl font-semibold">마이 페이지</h1>
<MyProfile />
<MySocialList />
</section>
<>
<section className="mx-auto mt-4 w-full md:w-[696px] lg:w-[996px]">
<h1 className="text-write-main text-2xl font-semibold">마이 페이지</h1>
<MyProfile />
<MySocialList />
</section>
<RedirectErrorToastHandler />
</>
);
};

Expand Down
Loading