Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Verwendung von Serveraktionen in Next.js | Erweiterte Next.js-Funktionen und Optimierungen
Next.js 14 Mastery Für Den Aufbau Moderner Webanwendungen

bookVerwendung von Serveraktionen in Next.js

Fokus auf CRUD-Operationen. Bisher wurden lediglich Daten vom Server gelesen und dem Benutzer angezeigt. Nun liegt der Schwerpunkt auf dem Erstellen, Aktualisieren und Löschen von Daten. All dies wird für die Rechnungsseite umgesetzt.

Theorie

Vor der Implementierung wird der Begriff Server Actions in Next.js betrachtet.

Server Actions ermöglichen das Ausführen spezieller Logik direkt auf dem Server. Anstatt komplexe Methoden zur Datenänderung zu entwickeln, können diese Aktionen genutzt werden.

Warum sind Server Actions wichtig?

Webanwendungen müssen sicher sein, da sie auf unterschiedliche Weise angegriffen werden können. Server Actions tragen erheblich zur Sicherheit bei. Sie verwenden verschiedene Techniken wie spezielle Anfragen, codierte Nachrichten, strenge Prüfungen und Einschränkungen, um die Anwendung vor Angriffen zu schützen, Daten zu sichern und sicherzustellen, dass nur autorisierte Personen Zugriff erhalten.

Wie verwendet man Formulare mit Server Actions?

Es ist möglich, Formulare zu erstellen, die Server Actions nutzen. Vereinfacht gesagt, wird ein spezieller Code im Formular eingefügt, der angibt, welche Aktion ausgeführt werden soll. Diese Aktion erhält automatisch die im Formular eingegebenen Daten.

// 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>;
}

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 6. Kapitel 4

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Suggested prompts:

Can you explain more about how Server Actions improve security?

What are some common use cases for Server Actions in Next.js?

Can you show an example of how to update or delete data using Server Actions?

Awesome!

Completion rate improved to 2.08

bookVerwendung von Serveraktionen in Next.js

Swipe um das Menü anzuzeigen

Fokus auf CRUD-Operationen. Bisher wurden lediglich Daten vom Server gelesen und dem Benutzer angezeigt. Nun liegt der Schwerpunkt auf dem Erstellen, Aktualisieren und Löschen von Daten. All dies wird für die Rechnungsseite umgesetzt.

Theorie

Vor der Implementierung wird der Begriff Server Actions in Next.js betrachtet.

Server Actions ermöglichen das Ausführen spezieller Logik direkt auf dem Server. Anstatt komplexe Methoden zur Datenänderung zu entwickeln, können diese Aktionen genutzt werden.

Warum sind Server Actions wichtig?

Webanwendungen müssen sicher sein, da sie auf unterschiedliche Weise angegriffen werden können. Server Actions tragen erheblich zur Sicherheit bei. Sie verwenden verschiedene Techniken wie spezielle Anfragen, codierte Nachrichten, strenge Prüfungen und Einschränkungen, um die Anwendung vor Angriffen zu schützen, Daten zu sichern und sicherzustellen, dass nur autorisierte Personen Zugriff erhalten.

Wie verwendet man Formulare mit Server Actions?

Es ist möglich, Formulare zu erstellen, die Server Actions nutzen. Vereinfacht gesagt, wird ein spezieller Code im Formular eingefügt, der angibt, welche Aktion ausgeführt werden soll. Diese Aktion erhält automatisch die im Formular eingegebenen Daten.

// 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>;
}

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 6. Kapitel 4
some-alt