is there any way to delete all cookies with one command

[alirezamehrabi]

Summary

for delete cookies in next.js 14 i'm using this code
`'use server'

import { cookies } from 'next/headers'

async function create(data) {
cookies().delete('name')
}
`
with this code i always should put name on delete and delete on by one and i think it's not good idea.

is there any better way to delete all cookies with on command?

Additional information

No response

Example

No response

[icyJoseph]

🤔 maybe?

 cookieStore.getAll().forEach((cookie) => {
    cookieStore.delete(cookie.name);
  });

[0xtz]

const cookieStore = cookies();

// clear the session cookie
cookieStore.getAll().forEach((cookie) => {
    cookieStore.delete(cookie.name);
});

[HamedSiaban]

In the cookies docs You can clearly see that there is a clear() method for this use case, but unfortunately this method won't work and will cause a 500 server error.
There is no other documentations about this anywhere. May be it was working in older versions and then it got removed but they forgot to update docs.
Very Odd!

[icyJoseph]

On the contrary, it has been added by:

• Docs: Rewrite cookies page to follow template, add missing methods #69614

Perhaps it is not 100% supported yet, but that wasn't in the docs before. As you can see it was added 3 months ago, to the docs.

What error do you see when you use it?

[HamedSiaban]

What error do you see when you use it?

First let me include a reproducible example from my code in case there is a problem with it:

nextjs version: 15.0.3
react version: 18

//app/auth/actions
"use server"
export async function logout() {
  const cookieStore = await cookies();
  cookieStore.clear();
  redirect("/login");
}

//components/logoutButton
"use client"
export default function LogoutButton() {
  const handleLogout = () => {
    startTransition(async () => {
      try {
        await logout();
      } catch (error) {
        console.log(error);
      }
    });
  };
return ...

This causes
cookieStore.clear is not a function
in browser logs
and

⨯ app/login/actions.ts (64:15) @ logout
 POST / 500 in 148ms
 ⨯ TypeError: cookieStore.clear is not a function
    at logout (./app/login/actions.ts:64:15)
digest: "353436877"

in server logs.

I made a thought provoking observation when I was trying to make it work:
Removing await from cookies() function makes it work and only leaves you with a warning:

Error: Route "/" used `cookies().clear()`. `cookies()` should be awaited before using its value. Learn more: https://nextjs.org/docs/messages/sync-dynamic-apis
    at createCookiesAccessError (node_modules/next/src/server/request/cookies.ts:564:9)
    at getMessage (node_modules/next/src/server/create-deduped-by-callsite-server-error-logger.ts:46:20)
    at warnForSyncAccess (node_modules/next/src/server/request/cookies.ts:550:2)
    at syncIODev (node_modules/next/src/server/request/cookies.ts:497:8)
    at logout (app/login/actions.ts:64:14)
    at apply (webpack://next/dist/src/server/app-render/action-handler.ts:881:44)
    at async handleAction (webpack://next/dist/src/server/app-render/action-handler.ts:617:4)
    at async renderToHTMLOrFlightImpl (webpack://next/dist/src/server/app-render/app-render.tsx:1310:34)
    at async doRender (node_modules/next/src/server/base-server.ts:2666:21)
    at async responseGenerator (node_modules/next/src/server/base-server.ts:3027:21)
    at async DevServer.renderToResponseWithComponentsImpl (node_modules/next/src/server/base-server.ts:3039:23)
    at async DevServer.renderPageComponent (node_modules/next/src/server/base-server.ts:3597:15)
    at async DevServer.renderToResponseImpl (node_modules/next/src/server/base-server.ts:3659:23)
    at async DevServer.pipeImpl (node_modules/next/src/server/base-server.ts:1698:20)
    at async NextNodeServer.handleCatchallRenderRequest (node_modules/next/src/server/next-server.ts:1034:6)
    at async DevServer.handleRequestImpl (node_modules/next/src/server/base-server.ts:1462:8)
    at async (node_modules/next/src/server/dev/next-dev-server.ts:514:13)
    at async Span.traceAsyncFn (node_modules/next/src/trace/trace.ts:143:13)
    at async DevServer.handleRequest (node_modules/next/src/server/dev/next-dev-server.ts:512:19)
    at async invokeRender (node_modules/next/src/server/lib/router-server.ts:284:10)
    at async handleRequest (node_modules/next/src/server/lib/router-server.ts:530:15)
    at async requestHandlerImpl (node_modules/next/src/server/lib/router-server.ts:576:6)
    at async Server.requestListener (node_modules/next/src/server/lib/start-server.ts:146:6)
  62 |   // });
  63 |
> 64 |   cookieStore.clear();
     |              ^
  65 |   redirect("/login");
  66 | }
  67 |

Looking at cookies api version history, we can see:

v15.0.0-RC --> cookies is now an async function.

So I think right now the problem is after this update, clear function is available for cookies promises (with a warning because it's obsolete), but not for an awaited cookies object.