nextjs-framework
  • nextjs-sj-prime-base
  • Getting Started
    • Quickstart
    • Project Structure
    • Code Convention
  • 신규 프로젝트 생성 가이드
  • 라이브러리 개발 및 배포
  • # 고고컴퍼니 어드민 개발 서버 배포
  • Port 설정 방법
  • 에러 해결 방법
  • StoryBook 설명
  • COMPONENTS/UI
    • Tooltip
    • CompactIconButton
    • IconButton
    • FormAsset
    • InputField
    • Dropzone
    • Select
    • DataTable
    • TableHead
    • TableHeadDropdownMenu
    • TableCell
    • TableCellSelect
    • Tag
    • Tabs
    • Chip
    • Command
    • FilterSelect
    • FilterMultiSelect
    • FilterDate
    • DatePicker
    • Toast
  • Timer
  • Components/layout
    • page-header
    • info-card
    • search-filter
    • table-header
    • form
  • Custom Hook
    • use-form
  • use-form-file
  • use-timer
  • Util
    • validation
    • middleware.ts
  • Components/미사용
    • input-box
    • single-select
    • multi-select
    • range-date-picker
    • radio-button-group
    • checkbox-group
    • list-table
    • pagination
    • toggle
Powered by GitBook
On this page
  1. Util

middleware.ts

/src/middleware.ts

PreviousvalidationNextinput-box

Last updated 1 month ago

  • Next.js에서 요청을 처리하기 전에 특정 코드를 실행할 수 있는 기능을 제공

  • /src 폴더 하위에 middleware.ts 라는 파일명으로 파일이 존재할 경우 자동으로 적용

해당 파일에서 로그인 토큰에 대한 인증 처리를 구현해놓았으며,

토큰 유효할 경우 요청한 페이지로, 토큰이 유효하지 않을 경우 로그인 페이지로 redirect

https://nextjs.org/docs/app/building-your-application/routing/middleware