nextjs3 Nextjs 미들웨어 토큰 유효성 검증, 미들웨어 런타임 짧은 지식으로 인해 글의 신뢰성이 높지 않습니다. 정확한 내용은 공식문서를 참고해 주세요. 목차)1. 서론2. Nextjs 미들웨어 작동원리3. 미들웨어에서 토큰 유효성 검증 (미들웨어 런타임에 따른 트러블 슈팅) 1. 서론이 글은 Nextjs middleware에서 토큰 유효성 검증을 하며, 미들웨어에 대해 배운 내용을 공유한 글입니다.미들웨어는 edge runtime에서 실행되고 따라서 jsonwebtoken라이브러리를 직접 사용할 수 없었다.crypto등 일부 노드 모듈을 지원하지 않기 때문이다. 그런데 이 에러가 바로 로그로 찍히지 않고 엉뚱하게 a,b,c,,,기타 모듈이 설치되지 않았다는 에러 로그가 나와 문제 해결에 헤메었던 기억에 이 글을 작성한다. 얼마 전에 reddit에서 "Why We .. 2024. 9. 22. ServerAction, useFormStatus, useFormState (Next.js 회원가입 구현 + use-server와 server-only의 차이) 짧은 지식으로 인해 글의 신뢰성이 높지 않습니다. 정확한 내용은 공식문서를 참고해 주세요. server action과 useFormState, useFormState를 이용한 로그인 회원가입을 구현했다. 레퍼런스는 맨 밑에 첨부하고 간단한 설명을 덧붙였다.코드는 강의를 보고 거의 따라한 거지만 useFormState 등의 훅에 대해 찾아보고 느낀 점과 타입스크립트로 변환하며 겪은 어려움에 대해서도 정리해 보았다. 목차) 1. 서버액션, useFormState, useFormStatus의 장점2. 코드 설명3. 타입스크립트를 적용하며 힘들었던 점(번외) use-server(auth.ts)와 server-only(authTools.ts)의 차이 1. 서버액션, useFormState의 장점 서버액션으로 서버.. 2024. 8. 15. Next.js의 특징(왜 Next.js를 쓰나, 서버사이드렌더링, 서버사이드렌더링 원리, 서버액션, 서버리스함수, API Route, hydrate) 짧은 지식으로 인해 글의 신뢰성이 높지 않습니다. 정확한 내용은 공식문서를 참고해주세요. 몇달 전 부트캠프에서 백엔드 코드 없이 웹앱을 만들 수 있는지 궁금했었다.그때 알게 된 두가지 방법이 firebase(or supabase)를 이용하는 방법과 넥스트제이에스로 구현하는 방법이었다.그때는 참 미지의 세계처럼 느껴졌는데 next.js를 공부할 일이 생겨 지난 일주일간 next에 대해 공부하고 보니 어렴풋이 next.js의 특징을 알게 되었다. 그때의 나에게 넥스트제이에스를 설명한다면 이렇게 설명해주고 싶다. 목차)1. 왜 Next.js를 쓰나2. Next.js의 장점, 특징(서버사이드렌더링 말고 무슨 장점이 있나) 2-1. 서버사이드 렌더링 2-2. serverless function(서버 액션과 A.. 2024. 8. 6. 이전 1 다음
