NextJs 풀스택 앱 구축

기존 damf4 사이트 리뉴얼을 위해 NextJs를 사용해 풀스택을 구축한 경험이다.리뉴얼하며 사이트에 체류 시간을 늘리기 위해서 댓글 시스템과 별점 시스템, 라인업 시스템을 구축할 예정이다. 그 과정을 위해 먼저 인증처리를 한 후 나머지 과정을 진행하려한다. 자세한

지난 포스트에 이어서 이번에는 직접적인 로그인 로직을 작성합니다. Next.js 13 규칙으로 API 파일은 route.ts여야 합니다. > npm i -D @types/bcryptjs 먼저 비밀번호의 안전을 위해 bcrypt를 설치합니다. > npx prism

이전 로그인 로직을 만드는 과정에서 발생한 Prisma의 replica set에 관한 문제입니다.기본적으로 Prisma는 ORM이기에 SQL을 중점으로 만들어 졌습니다. 하지만 MongoDB를 사용하면 필연적으로 replica set오류를 볼것입니다. 물론 MongoD

지난 시간에 이어서 보안강화를 위해 토큰을 적용한다. 먼저 API를 만들어 유저만 이용할 수 있도록한다. app/api/user/[id]/route.ts

사용자가 간편하고 또한 개발에서 관리도 편한 로그인 방법인 Oauth2.0을 구현 해보자!먼저 카카오 디벨로퍼에 가입하고 새로운 앱을 등록하는 과정입니다.어플리케이션추가Javascript key .env저장Redirect URI 등록 (HOST/api/auth/call

오늘은 NextJs React-Query Prisma을 이용해 SSR 구현을 만든 과정을 정리한다.먼저 각 모듈을 사용한 이유는 NextJs: SEO최적화, Image, Link등 최적화 후에 vercel을 통한 무료배포React-Query: 적절한 캐싱, DB를 통한