Next.js 14 - Middleware, Matcher
ยท
♣๏ธ Next.js 14
โœ… Middleware, Matcher ์‚ฌ์šฉ ์˜ˆ์‹œ(/middleware.ts)import { NextRequest, NextResponse } from "next/server";import getSession from "./lib/session";interface Routes { [key: string]: boolean;}const publicOnlyUrls: Routes = { "/": true, "/login": true, "/sms": true, "/create-account": true, "/github/start": true, "/github/complete": true,};export async function middleware(request: NextRequest) { con..
Next.js 12 - Middleware
ยท
♠๏ธ Next.js 12
โœ… Middleware ์ƒ์„ฑ ๋ฐฉ๋ฒ•๊ธฐ์กด: /pages/_middleware.tsNext.js 12.2.0 ๋ณ€๊ฒฝ ํ›„: /middleware.ts(ํ•จ์ˆ˜๋Š” ๊ผญ export default์ผ ํ•„์š”๋Š” ์—†๋‹ค.) โœ… ํŠน์ • route์—์„œ๋งŒ ์ž‘๋™ํ•˜๋Š” Middleware ์ƒ์„ฑ ๋ฐฉ๋ฒ•๊ธฐ์กด์›ํ•˜๋Š” route์—์„œ _middleware.ts ์ƒ์„ฑ ํ›„ ๋ฏธ๋“ค์›จ์–ด ์ž‘์„ฑ ๋ณ€๊ฒฝ ํ›„import type { NextRequest, NextFetchEvent } from "next/server";export function middleware(req: NextRequest, ev: NextFetchEvent) { console.log(`it works! global middleware!`); if (req.nextUrl.pathname.start..