Next JS Сборщик ПК

Space of React

требуется вход

Войдите, чтобы смотреть видео

Видеоуроки, интерактивный редактор и сохранение прогресса — бесплатно, сразу после входа.

Закончили урок?

Войдите, чтобы отмечать прогресс

Урок

Next JS Сборщик ПК — УрокУдаление и публикация сборки — Next JS Сборщик ПК | Max Roslow | Space of React

В форме:


<input type="hidden" name="buildId" value={b.id} />
<input type="hidden" name="isPublic" value={b.isPublic ? "false" : "true"} />

На сервере (Server Action):


export async function setBuildPublicAction(formData: FormData) {
    const buildId = Number(formData.get('buildId'

Автоматическая передача — клик по <Button type="submit"> отправляет все hidden поля
НЕ нужно fetch() или axios.post() — нативный <form>
НЕ нужны внешние библиотеки — чистый Next.js + React
TypeScript автоматически типизирует formData.get('buildId')
Оптимистично — useActionState обновляет UI до ответа сервера


// ❌ Ручной fetch
const handleClick = async () => {
    await fetch('/api/set-public', {
        method