Fokus på CRUD-operationer. Tidligere har vi kun læst data fra serveren og vist det til brugeren. Nu skifter vi fokus til oprettelse, opdatering og sletning af data. Alt dette udføres for fakturasiden.

Teori

Før implementering gennemgås begrebet Server Actions i Next.js.

Server Actions muliggør kørsel af speciel kode direkte på serveren. I stedet for at oprette komplekse metoder til at ændre data, kan disse handlinger anvendes.

Hvorfor er Server Actions vigtige?

Webapplikationer skal være sikre, da de kan udsættes for forskellige angreb. Server Actions bidrager væsentligt til sikkerheden. De anvender forskellige teknikker såsom særlige forespørgsler, kodede beskeder, strenge kontroller og begrænsninger for at beskytte applikationen mod angreb, sikre data og sikre, at kun autoriserede personer har adgang.

Hvordan bruger vi formularer med Server Actions?

Vi kan oprette formularer, der anvender Server Actions. Kort sagt indsætter vi en særlig kode i formularen for at angive, hvilken handling der skal udføres. Denne handling modtager automatisk de data, vi indtaster i formularen.

// Server Component
export default function Page() {
  // Action
  async function create(formData: FormData) {
    'use server';
 
    // Logic to change data...
  }
 
  // Put the action in the `action` attribute
  return <form action={create}>...</form>;
}