סיכום: פעולות שרת
חלק מהיחידה היסודות של Next.js במסלול ה-React של Coddy. שיעור 33 מתוך 47.
אתגר
בינוניסיכום הפרק: ספר האורחים שלמטה לא שומר דבר ולא מתעדכן אף פעם. בנה את כל התהליך: טופס → פעולה → דף מעודכן.
- ב־
app/actions.js, סמן את הקובץ באמצעות'use server'בתור השורה הראשונה שלו, ואחרי קריאת השמירה הוסף אתrevalidatePath('/')(מיובא מ־'next/cache'). - ב־
app/page.jsx, ייבא אתaddGuestמ־'./actions'ועטוף את שדה הקלט ואת הכפתור בתוך<form>עםid="guest-form"ו־action={addGuest}. - הוסף לשדה הקלט את
name="name": זהו המפתח שהפעולה קוראת באמצעותformData.get('name').
נסו בעצמכם
import './globals.css';
export const metadata = {
title: 'My App',
};
export default function RootLayout({ children }) {
return (
<html lang="en">
<body>
{children}
</body>
</html>
);
}