🐞프로그래밍/Next.js

🐞프로그래밍/Next.js

[정보] NextAuth.js Type 에러 잡기 - CredentialsProvider / prisma

2024.02.07

수정 포인트는 2개이다. credentials의 type을 명시, 로그인 성공하고 return 되는 user 값을 any로 반환 import bcrypt from "bcrypt"; import NextAuth, { AuthOptions } from "next-auth"; import CredentialsProvider from "next-auth/providers/credentials"; import prismadb from "@/app/lib/prisma"; import { PrismaAdapter } from "@auth/prisma-adapter"; export const authOptions: AuthOptions = { providers: [ CredentialsProvider({ name: "..

🐞프로그래밍/Next.js

[Nextjs] api return 값 갱신 안되는 이유

2023.12.04

원인 fetch로 api를 호출 시 cache로 처리하기 때문이다. dev 환경에서는 cache 없이 갱신되서 잘되었지만 production 환경에서는 cache로 변경이 되지 않은 것이다. prisma의 findMany findDelete가 고장난줄 알았다 해결방법 api ts파일에 dynamic 지정 // /api/log/route.ts import prismadb from '@/app/libs/prismadb'; import { NextResponse } from 'next/server'; // 호출시 cache 없이 수행 export const dynamic = 'force-dynamic'; export async function GET(request: Request) { try { const l..

🐞프로그래밍/Next.js

[nextjs] 엑셀파일 다운로드

2023.11.27

nextjs에서 하도 api 단에서 파일을 저장하고 다시 불러오고 별 짓을 해보았지만 잘 되지않아서 json 배열을 받아 프론트에서 저장하는 것으로 변경했다. 출처 https://kwtjdtn.tistory.com/9 [Javascript] xlsx를 이용하여 json data를 엑셀 파일로 다운로드 하기 (초간단) 어드민 서비스에 JSON 데이터를 엑셀 파일로 변환하여 다운로드 할 수 있는 기능을 추가하게 되었다. 여러가지 방법들이 있겠지만 xlsx 라이브러리를 이용하기로 했다. (너무 간단하기 때문,,) 라 kwtjdtn.tistory.com import * as XLSX from 'xlsx'; const downloadExcel = (data) => { const worksheet = XLSX.ut..

🐞프로그래밍/Next.js

[Nextjs] 파일 업로드(file upload)

2023.11.22

클라이언트 const fileUpload = async (file: Blob) => { const formData = new FormData(); formData.append('file', file, file.name); // 파일 이름을 명시 try { const res = await fetch('/api/upload', { method: 'POST', body: formData, }); const data = await res.json(); console.log('서버 응답:', data); } catch (error) { console.error('파일 업로드 중 오류:', error); } }; export default fileUpload; 서버(api/upload/route.ts. import..

🐞프로그래밍/Next.js

[정보] next.js localhost:3000 접속 불가

2023.07.22

해결방법 프로젝트 폴더안의 .next 파일을 삭제하고 npm run dev 수행 원인설명 next.js에 처음 입문하고 intellij를 통해서 샘플 프로젝트를 dev로 실행하고자 했다. 그런데 나는 http://localhost:3000에서 서버가 실행되었다는 메시지만 확인하고 잘 되었나 보다라고 하고 실행했다. 그러나 접속이 불가하였다. 왜냐하면 정상적으로 서버가 올라오려면 위의 사진과 같이 다 나와야하는 것이다. 어쩌다 보니 powershell 또는 새로운 프로젝트에서 잘 되는 것을 보아 너무 의아해 했다 그러던 와중에 해결 법을 찾았다. 바로 프로젝트 폴더안의 .next 파일을 삭제하고 npm run dev 수행하면 되는 것이다. https://stackoverflow.com/questions/7..

이전
1
다음

'🐞프로그래밍/Next.js' 카테고리의 글 목록

티스토리툴바