[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
- vscode venv
- nextjs 파라미터 넘기기
- bs4 크롤링
- dvd 효과
- css marquee
- 화이팅
- 자바스크립트
- 리액트 컴포넌트
- 글래스모피즘 애니메이션 구현
- getserversideprops redirect
- NextJS
- 백준 10989 파이썬
- nuxt 공식문서 한글
- 10989 파이썬
- 파이썬 정렬
- 리액트 스크롤
- 리액트 파라미터 넘기기
- 파이썬 flask
- 파이썬 크롤링
- 움직이는 글래스모피즘
- nuxt 공식문서
- next.js 리다이렉트
- 카페음료테스트
- nextjs 스크롤
- 글래스모피즘 구현
- Til
- css 글래스모피즘
- 리액트 라우터
- react router
- 리액트
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함