Preskoči na glavni sadržaj
Zee Akademija · Lekcija 13 · Forme & Plaćanja — Server Actions & Stripe

Next.js Server Actions: Obrada formi bez API ruta

Zaboravite na komplicirano ručno pisanje fetch poziva i API ruta. Server Actions omogućuju pozivanje serverske funkcije izravno iz forme.

Zatražite besplatnu ponuduSljedeća lekcija

Što ćete naučiti

  • Server Actions se definiraju s direktivom "use server" na vrhu funkcije.
  • Podaci forme stižu sigurno na server kao FormData objekt.
  • Zod validacija: Uvijek provjerite je li email stvaran i je li poruka kraća od limita prije spremanja.
  • Email notifikacije: Nakon provjere, Resend šalje instant obavijest vlasniku weba na mobitel.

Primjer sigurne Server Action funkcije

U src/actions/contact.ts definirajte serversku funkciju koja prima podatke forme, validira ih Zod shemom i šalje email.

Korak po korak

  1. Instalacija Zod validacije i Resend email servisa

    npm install zod resend

    Standardni stack za provjeru unosa i pouzdanu isporuku emailova s weba.

Savjet iz prakse

Uvijek podesite DKIM i SPF zapise za vašu domenu u Resend postavkama. To jamči da emailovi stižu izravno u Inbox, a ne u Junk/Spam sandučić!