<form action={updateQuiz}>
  <!-- input fields -->
</form>

export async function updateQuiz(formData) {
    const cookieStore = cookies();const supabase = createServerComponentClient({cookies : () => cookieStore});const {data: {session}} = await supabase.auth.getSession();const user = session?.user;
    if (!user) {console.error("User is not authenticated - updateQuiz server action");return;}const id = formData.get('id');const name = formData.get('name');const category = formData.get('category');const description = formData.get('description');const { data: quizData, error: quizError } = await supabase.from('quiz').update({name, category, description}).match({id, user_id: user.id}).select();if (quizError) {return} if (quizData.length !== 1) {return} const quiz = quizData[0];
const { error: questionsError } = await supabase.from('question').delete().eq('quiz_id', quiz.id);
let questionNumber = 1; while (true) {if (formData.get(`q${questionNumber}`) === null){break} else 

{let questionText = formData.get(`q${questionNumber}`);let choice1 = formData.get(`q${questionNumber}c1`);let choice2 = formData.get(`q${questionNumber}c2`);let choice3 = formData.get(`q${questionNumber}c3`);let choice4 = formData.get(`q${questionNumber}c4`);const { data: questionData, error: questionError } = await supabase.from('question').insert([{ 'question_text': questionText, 'quiz_id': quiz.id, 'question_number': questionNumber }]).select(); const question = questionData[0]; const { data: choice1Data, error: choice1Error } = await supabase.from('choice').insert({ 'question_id': question.id, 'choice_text': choice1, 'is_correct': true }).select(); const { data: choice2Data, error: choice2Error } = await supabase.from('choice').insert({ 'question_id': question.id, 'choice_text': choice2, 'is_correct': false }).select()
const { data: choice3Data, error: choice3Error } = await supabase.from('choice').insert({ 'question_id': question.id, 'choice_text': choice3, 'is_correct': false }).select()
const { data: choice4Data, error: choice4Error } = await supabase.from('choice').insert({ 'question_id': question.id, 'choice_text': choice4, 'is_correct': false }).select()
        }questionNumber++}if (formData.get('next') === 'close') {revalidatePath(`/quizzes`); redirect('/quizzes')
    } else if (formData.get('next') === 'continue') {revalidatePath(`/quiz/${id}`)}}

const { error } = await supabase
  .from('countries')
  .insert([
    { id: 1, name: 'Nepal' },
    { id: 1, name: 'Vietnam' },
  ])

 const addTask = async (newTask) => {
    if (newTask.title !== "") {
      if (user) {
        const tasksCollectionRef = collection(db, "tasks");
        try {
          const newTaskWithUser = { ...newTask, userId: user.uid};
          const docRef = await addDoc(tasksCollectionRef, newTaskWithUser);
          const taskId = docRef.id;
          const taskWithId = { ...newTask, id: taskId};
          const newTasks = [taskWithId, ...tasks];
          setTasks(newTasks);
        } catch (error) {}
      } else {
        const newTasks = [newTask, ...tasks];
        setTasks(newTasks);
        window.localStorage.setItem('tasks', JSON.stringify(newTasks));
      }
    }
  }

Also, I have noticed that using server actions with Next.js has produced slower results compared to React + some sort of requests to backend using fetch

<form action={serverAction}>
    <button type="submit" name="next" value="close">Save and Close</button>
    <button type="submit" name="next" value="continue">Save and Continue Editing</button>
</form>

onKeyPress={(e) => { e.key === 'Enter' && e.preventDefault(); }}