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