tailwindCss 꼭 사용해야하나요?

디자인을 다른것으로 대체하거나(emotion이나 Styped-componenent같은 CSS in JS) 디자인 신경 끄고 개발건에 집중해서 공부하겠다 하면 tailwindCSS 사용 안해도 됩니다.

회원가입-status 201 Ok- 리다이렉트 안되는 현상

회원가입 요청 후 한참뒤에 찍힌 로그입니다.아래 첨부한 이미지에 const signInResult의 값이 찍히지 않습니다. Next-auth에서 처리하는 signIn의 status와 responser값까지는 찍히고 SignIn부분의 로그는 안찍혀요201{id: 'zr',nickname: 'zr',image: '/upload/scr-2024-02-214.07.171709446258471.png'}[auth][error] CallbackRouteError: Read more at https://errors.authjs.dev#callbackrouteerror[auth][cause]: TypeError: fetch failedat node:internal/deps/undici/undici:12345:11[auth][details]: {"name": "HeadersTimeoutError","code": "UND_ERR_HEADERS_TIMEOUT","message": "Headers Timeout Error","provider": "credentials"}CallbackRouteError: Read more at https://errors.authjs.dev#callbackrouteerrorat Module.callback (webpack-internal:///(action-browser)/./node_modules/next-auth/node_modules/@auth/core/lib/actions/callback/index.js:437:23)at async AuthInternal (webpack-internal:///(action-browser)/./node_modules/next-auth/node_modules/@auth/core/lib/index.js:67:24)at async Auth (webpack-internal:///(action-browser)/./node_modules/next-auth/node_modules/@auth/core/index.js:126:34)at async signIn (webpack-internal:///(action-browser)/./node_modules/next-auth/lib/actions.js:57:17)at async $$ACTION_0 (webpack-internal:///(action-browser)/./src/app/(beforeLogin)/_lib/signup.ts:54:30)at async /Users/jungjuyoung/dev/next-app-router-z/ch4/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:38:489at async tX (/Users/jungjuyoung/dev/next-app-router-z/ch4/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:37:5313)at async rl (/Users/jungjuyoung/dev/next-app-router-z/ch4/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:38:23339)at async doRender (/Users/jungjuyoung/dev/next-app-router-z/ch4/node_modules/next/dist/server/base-server.js:1406:30)at async cacheEntry.responseCache.get.routeKind (/Users/jungjuyoung/dev/next-app-router-z/ch4/node_modules/next/dist/server/base-server.js:1567:28)at async DevServer.renderToResponseWithComponentsImpl (/Users/jungjuyoung/dev/next-app-router-z/ch4/node_modules/next/dist/server/base-server.js:1475:28)at async DevServer.renderPageComponent (/Users/jungjuyoung/dev/next-app-router-z/ch4/node_modules/next/dist/server/base-server.js:1852:24)at async DevServer.renderToResponseImpl (/Users/jungjuyoung/dev/next-app-router-z/ch4/node_modules/next/dist/server/base-server.js:1890:32)at async DevServer.pipeImpl (/Users/jungjuyoung/dev/next-app-router-z/ch4/node_modules/next/dist/server/base-server.js:902:25)at async NextNodeServer.handleCatchallRenderRequest (/Users/jungjuyoung/dev/next-app-router-z/ch4/node_modules/next/dist/server/next-server.js:266:17)at async DevServer.handleRequestImpl (/Users/jungjuyoung/dev/next-app-router-z/ch4/node_modules/next/dist/server/base-server.js:798:17) {type: 'CallbackRouteError',kind: 'error',[cause]: {err: TypeError: fetch failedat node:internal/deps/undici/undici:12345:11 {cause: [HeadersTimeoutError]},name: 'HeadersTimeoutError',code: 'UND_ERR_HEADERS_TIMEOUT',message: 'Headers Timeout Error',provider: 'credentials'}}

MacOs, PostgreSQL16 설치, pgAdmin 4에서 connection 오류

맥북 포맷해서 다시 재설치해도 postgresql 똑같이 비번틀리다고 나오네요 ㅠㅜ (일부러 비번도 쉬운걸로 설정해놨는데....)

[CallbackRouter Error] 회원가입->DB입력 성공-> 자동로그인 안됨

auth.ts파일 import NextAuth from "next-auth" import CredentialsProvider from "next-auth/providers/credentials"; import { NextResponse } from "next/server"; export const { handlers: { GET, POST }, auth, signIn, } = NextAuth({ pages: { signIn: '/i/flow/login', newUser: '/i/flow/signup', }, providers: [ CredentialsProvider({ async authorize(credentials) { const authResponse = await fetch(`${process.env.AUTH_URL}/api/login`, { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ id: credentials.username, password: credentials.password, }), }) console.log('[auth] CredentialsProvider authResponse: ',authResponse) if (!authResponse.ok) { return null } const user = await authResponse.json() console.log('user', user); return { email: user.id, name: user.nickname, image: user.image, ...user, } }, }), ] });

[CallbackRouter Error] 회원가입->DB입력 성공-> 자동로그인 안됨

signup파일 "use server"; import { redirect } from "next/navigation"; import { signIn } from "@/auth"; export default async function onSubmit(prevState: any, formData: FormData) { if (!formData.get('id') || !(formData.get('id') as string)?.trim()) { return { message: 'no_id' }; } if (!formData.get('name') || !(formData.get('name') as string)?.trim()) { return { message: 'no_name' }; } if (!formData.get('password') || !(formData.get('password') as string)?.trim()) { return { message: 'no_password' }; } if (!formData.get('image')) { return { message: 'no_image' }; } formData.set('nickname',formData.get('name') as string); let shouldRedirect = false; try { const response = await fetch(`${process.env.NEXT_PUBLIC_BASE_URL}/api/users`, { method: 'post', body: formData, credentials: 'include', }) console.log(response.status); if (response.status === 403) { return { message: 'user_exists' }; } console.log('response: ', await response.json()) shouldRedirect = true; await signIn("credentials", { username: formData.get('id'), password: formData.get('password'), redirect: false, }) console.log('signIn shouldRedirect: ',shouldRedirect) } catch (err) { console.error(err); return; } if (shouldRedirect) { redirect('/home'); // try/catch문 안에서 X } }