fix errors in build

20-deploy-next.js-app-router-project-to-production-with-vercel/app/auth-button-client.tsx

@@ -1,11 +1,10 @@
 "use client";
 
-import {
-  Session,
-  createClientComponentClient,
-} from "@supabase/auth-helpers-nextjs";
+import { createClientComponentClient } from "@supabase/auth-helpers-nextjs";
 import { useRouter } from "next/navigation";
 
+import type { Session } from "@supabase/auth-helpers-nextjs";
+
 export default function AuthButtonClient({
   session,
 }: {

20-deploy-next.js-app-router-project-to-production-with-vercel/app/auth-button-server.tsx

@@ -2,6 +2,8 @@ import { createServerComponentClient } from "@supabase/auth-helpers-nextjs";
 import { cookies } from "next/headers";
 import AuthButtonClient from "./auth-button-client";
 
+export const dynamic = "force-dynamic";
+
 export default async function AuthButtonServer() {
   const supabase = createServerComponentClient<Database>({ cookies });
   const {

20-deploy-next.js-app-router-project-to-production-with-vercel/app/auth/callback/route.ts

@@ -1,7 +1,10 @@
 import { createRouteHandlerClient } from "@supabase/auth-helpers-nextjs";
 import { cookies } from "next/headers";
+import { NextResponse } from "next/server";
 
-import { NextResponse, type NextRequest } from "next/server";
+import type { NextRequest } from "next/server";
+
+export const dynamic = "force-dynamic";
 
 export async function GET(request: NextRequest) {
   const requestUrl = new URL(request.url);

20-deploy-next.js-app-router-project-to-production-with-vercel/app/login/page.tsx

@@ -1,9 +1,10 @@
 import { createServerComponentClient } from "@supabase/auth-helpers-nextjs";
 import { cookies } from "next/headers";
 import { redirect } from "next/navigation";
-import AuthButtonClient from "../auth-button-client";
 import GitHubButton from "./github-button";
 
+export const dynamic = "force-dynamic";
+
 export default async function Login() {
   const supabase = createServerComponentClient<Database>({ cookies });
 

20-deploy-next.js-app-router-project-to-production-with-vercel/app/new-tweet.tsx

@@ -1,7 +1,11 @@
-import { User, createServerActionClient } from "@supabase/auth-helpers-nextjs";
+import { createServerActionClient } from "@supabase/auth-helpers-nextjs";
 import { cookies } from "next/headers";
 import Image from "next/image";
 
+import type { User } from "@supabase/auth-helpers-nextjs";
+
+export const dynamic = "force-dynamic";
+
 export default function NewTweet({ user }: { user: User }) {
   const addTweet = async (formData: FormData) => {
     "use server";

20-deploy-next.js-app-router-project-to-production-with-vercel/app/page.tsx

@@ -3,9 +3,10 @@ import { cookies } from "next/headers";
 import AuthButtonServer from "./auth-button-server";
 import { redirect } from "next/navigation";
 import NewTweet from "./new-tweet";
-import Likes from "./likes";
 import Tweets from "./tweets";
 
+export const dynamic = "force-dynamic";
+
 export default async function Home() {
   const supabase = createServerComponentClient<Database>({ cookies });
 

20-deploy-next.js-app-router-project-to-production-with-vercel/package.json

@@ -23,5 +23,8 @@
     "react-dom": "18.2.0",
     "tailwindcss": "3.3.2",
     "typescript": "5.1.3"
+  },
+  "devDependencies": {
+    "encoding": "^0.1.13"
   }
 }