빌드 시 DynamicServerError 뜨는거 해결

Author: liberaldev

src/app/lib/delete-account.ts

@@ -3,13 +3,15 @@
 import {cookies} from "next/headers";
 
 export async function deleteAccount(initialState: any, formData: FormData) {
+    const sessionCookieValue = cookies().get('session')?.value
+
     const res = await fetch('http://localhost:8000/account', {
         method: 'DELETE',
         cache: 'no-store',
         headers: {
             'Accept': 'application/json',
             'Content-Type': 'application/json',
-            'Authorization': `Bearer ${cookies().get('session')?.value}`
+            'Authorization': `Bearer ${sessionCookieValue}`
         },
         body: JSON.stringify({
             password: formData.get('password')?.toString()

src/app/lib/email-change-verification.ts

@@ -3,14 +3,15 @@
 import {cookies} from "next/headers";
 
 export async function emailChangeVerification(initialState: any, formData: FormData) {
+    const sessionToken = cookies().get('session')?.value
     try {
         const res = await fetch('http://localhost:8000/account/email-verification', {
             method: 'POST',
             cache: 'no-store',
             headers: {
                 'Accept': 'application/json',
                 'Content-Type': 'application/json',
-                'Authorization': `Bearer ${cookies().get('session')?.value}`
+                'Authorization': `Bearer ${sessionToken}`
             },
             body: JSON.stringify({
                 code: formData.get('code')?.toString(),

src/app/lib/email-verification.ts

@@ -4,14 +4,15 @@ import {redirect} from "next/navigation";
 import {cookies} from "next/headers";
 
 export async function emailVerification(initialState: any, formData: FormData) {
+    const sessionToken = cookies().get('session')?.value
     try {
         const res = await fetch('http://localhost:8000/account/email-verification', {
             method: 'POST',
             cache: 'no-store',
             headers: {
                 'Accept': 'application/json',
                 'Content-Type': 'application/json',
-                'Authorization': `Bearer ${cookies().get('session')?.value}`
+                'Authorization': `Bearer ${sessionToken}`
             },
             body: JSON.stringify({
                 code: formData.get('code')?.toString(),

src/app/lib/get-recommend-history.ts

@@ -5,6 +5,8 @@ import {RecommendHistoryElement} from "@/app/types/recommend-history-element";
 import {notFound} from "next/navigation";
 
 export async function getRecommendHistory(cursorId?: number): Promise<RecommendHistoryElement[]> {
+    const sessionToken = cookies().get('session')?.value
+
     let url = 'http://localhost:8000/account/recommend-history'
 
     if (cursorId !== undefined) {
@@ -14,7 +16,7 @@ export async function getRecommendHistory(cursorId?: number): Promise<RecommendH
     const res = await fetch(url, {
         cache: 'no-store',
         headers: {
-            'Authorization': `Bearer ${cookies().get('session')?.value}`
+            'Authorization': `Bearer ${sessionToken}`
         }
     })
 

src/app/lib/get-survey-result.ts

@@ -14,8 +14,10 @@ export async function getSurveyResult(answer: Array<any>) {
         'Content-Type': 'application/json',
     }
 
-    if (cookies().has('session'))
-        headers.Authorization = `Bearer ${cookies().get('session')?.value}`;
+    if (cookies().has('session')) {
+        const sessionToken = cookies().get('session')?.value
+        headers.Authorization = `Bearer ${sessionToken}`;
+    }
 
     const res = await fetch('http://localhost:8000/survey', {
         method: 'POST',

src/app/lib/get-userinfo.ts

@@ -2,11 +2,15 @@ import {cookies} from "next/headers";
 import type {AccountInfo} from "@/app/types/account-info";
 
 export async function getUserInfo(): Promise<AccountInfo|null|-1> {
+    const sessionToken = cookies().get('session')?.value
+
+    const authorization = "Bearer " + sessionToken
+
     try {
         const res = await fetch('http://localhost:8000/account', {
             cache: 'no-store',
             headers: {
-                authorization: `Bearer ${cookies().get('session')?.value}`
+                authorization: authorization
             }
         })
 

src/app/lib/isLoggedIn.ts

@@ -3,11 +3,15 @@
 import {cookies} from "next/headers";
 
 export async function isLoggedIn () {
-    if (cookies().has('session')) {
+    const hasSession = cookies().has('session')
+
+    if (hasSession) {
+        const sessionToken = cookies().get('session')?.value
+
         const res = await fetch('http://localhost:8000/account', {
             cache: 'no-store',
             headers: {
-                authorization: `Bearer ${cookies().get('session')?.value}`
+                authorization: `Bearer ${sessionToken}`
             }
         })
 

src/app/lib/password-change.ts

@@ -3,13 +3,15 @@
 import {cookies} from "next/headers";
 
 export async function passwordChange(prevState: any, formData: FormData) {
+    const sessionToken = cookies().get('session')?.value
+
     const res = await fetch('http://localhost:8000/account/password', {
         method: 'PATCH',
         cache: 'no-store',
         headers: {
             'Accept': 'application/json',
             'Content-Type': 'application/json',
-            'authorization': `Bearer ${cookies().get('session')?.value}`
+            'authorization': `Bearer ${sessionToken}`
         },
         body: JSON.stringify({
             password: formData.get('password')?.toString(),

src/app/lib/request-email-change.ts

@@ -3,13 +3,15 @@
 import {cookies} from "next/headers";
 
 export async function requestEmailChange(password: string, newEmail: string):Promise<true|number> {
+    const sessionToken = cookies().get('session')?.value
+
     const res = await fetch('http://localhost:8000/account/email', {
         method: 'PATCH',
         cache: 'no-store',
         headers: {
             'Accept': 'application/json',
             'Content-Type': 'application/json',
-            'Authorization': `Bearer ${cookies().get('session')?.value}`
+            'Authorization': `Bearer ${sessionToken}`
         },
         body: JSON.stringify({
             password: password,

src/app/lib/verification-email-resend.ts

@@ -3,10 +3,12 @@
 import {cookies} from "next/headers";
 
 export async function verificationEmailResend() {
-    const res = await fetch('http://localhost:8000/account/verification-mail-resend', {
+    const sessionToken = cookies().get('session')?.value
+
+    await fetch('http://localhost:8000/account/verification-mail-resend', {
         cache: 'no-store',
         headers: {
-            'Authorization': `Bearer ${cookies().get('session')?.value}`
+            'Authorization': `Bearer ${sessionToken}`
         }
     })
 }