[Next.js] url에 파라미터 넘기지 않을 때 디폴트 값 설정해주기
이런 상황이 있을 수 있다. 예를 들어 sample.com이라는 사이트의 상품 리스트 페이지는 sample.com/lists 라고 치자. 근데 리스트 페이지는 어디나 그렇듯 소팅을 해야하고 전체 목록을 보여준다고 해도 ‘전체’ 카테고리가 선택 돼 있을 것이다. 때문에 sample.com/lists?sort=all 등의 파라미터를 설정해야하는데, sample.com/lists로 파라미터 없이 접속했을 때 에러로 인한 리다이렉트가 아닌 디폴트로 sort=all 등의 파라미터를 설정해줄 수는 없을까? Nextjs의 장점인 ssr을 사용하면 설정하기 쉽다. 원리는, 서버사이드에서 파라미터를 파싱해서 없으면 해당 파라미터를 가진 url로 리다이렉트 시켜주고 그렇지 않으면 원래대로 넘기는 방식이다. 아래와 같이 설..
Basic_Studies/React & Next.js
2022. 7. 21. 11:48
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 카페음료테스트
- 파이썬 크롤링
- 자바스크립트
- 글래스모피즘 애니메이션 구현
- 리액트 컴포넌트
- NextJS
- nuxt 공식문서
- 파이썬 정렬
- 리액트
- 파이썬 flask
- nuxt 공식문서 한글
- 움직이는 글래스모피즘
- 글래스모피즘 구현
- 백준 10989 파이썬
- 화이팅
- nextjs 스크롤
- bs4 크롤링
- Til
- 리액트 라우터
- css marquee
- next.js 리다이렉트
- 리액트 파라미터 넘기기
- getserversideprops redirect
- dvd 효과
- 리액트 스크롤
- react router
- nextjs 파라미터 넘기기
- 10989 파이썬
- vscode venv
- css 글래스모피즘
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
글 보관함