Cookies Not setted in Browser Cookies Client is Next.js APP Route and Node.js Server is outside the Next APP

[Noman-Ansarii]

Body

`import "dotenv/config";
import express from "express";
import cors from "cors";
import helmet from "helmet";
import { router, eventRouter } from "./routes/routes.js";
import session from "express-session";
import cookieParser from "cookie-parser";
import { rawBodyMiddleware } from "./Middleware/rawBody.js";
import initializeSqlConnection from "./DB/database.js";
import { addSqlConnection } from "./Middleware/SqlConnection.js";

const app = express();
const PORT = process.env.PORT || 3002;

app.use("/api/auth/stripe/webhook", rawBodyMiddleware);
app.use(helmet());
app.use(express.json());

const corsOptions = {
origin: [
"https://client.vercel.app",
// "https://opserver.vercel.app",
],
methods: ["GET", "POST", "PUT", "DELETE", "OPTIONS"],
credentials: true,
optionsSuccessStatus: 200,
};

app.use(cors(corsOptions));
app.options("*", cors(corsOptions));
app.use(cookieParser());

app.use(
session({
secret: process.env.JWT_SECRET,
resave: false,
saveUninitialized: false,
cookie: {
secure: process.env.NODE_ENV === 'production',
sameSite: "none",
maxAge: 3600000, // 1 hour
path: "/"
},
})
);

// Health check endpoint
app.get("/health", (req, res) => {
res.status(200).json({ status: "healthy" });
});

initializeSqlConnection();
app.use(addSqlConnection);

// Routes
app.get("/", (req, res) => {
res.send("AuraSphere");
});

app.use("/api/auth", router);
app.use("/api", eventRouter);

app.listen(PORT, () => {
console.log(🚀 Server is Running On Port: ${PORT});
});`

`const signin = async (req, res) => {
const { email, password } = req.body;
let connection = req.dbConnection;

try {
const [userResult] = await connection.execute(
"SELECT * FROM users WHERE email = ?",
[email]
);

if (userResult.length === 0) {
  return res
    .status(401)
    .json({ message: "User Not Found", success: false });
}

const user = userResult[0];
const isMatch = await bcrypt.compare(password, user.password);

if (!isMatch) {
  return res
    .status(401)
    .json({ message: "Invalid password", success: false });
}

const accessToken = jwt.sign(
  {
    id: user.id,
    username: user.username,
    email: user.email,
    role: user.role,
  },
  process.env.JWT_SECRET,
  { expiresIn: "1h" }
);

// Store JWT in Redis
await redis.set(`user:${user.id}:token`, accessToken, { EX: 60 * 60 });

// Hash the JWT
const JWT_Salt = await bcrypt.genSalt(10);
const hashedJWT = await bcrypt.hash(accessToken, JWT_Salt);

await redis.set(`user:${user.id}:hashedJWT`, hashedJWT, { EX: 60 * 60 });

// Set Cookies
res.cookie("access_token", accessToken, {
  secure: process.env.NODE_ENV === 'production',
  sameSite: "None",
  maxAge: 3600000, // 1 hour
  path: "/"
});

res.cookie("first_1", hashedJWT, {
  secure: process.env.NODE_ENV === 'production',
  sameSite: "none",
  maxAge: 3600000, // 1 hour
  path: "/"
});

return res.status(200).json({
  message: "User signed in successfully",
  success: true,
  user: { id: user.id, username: user.username, email: user.email },
});

} catch (error) {
console.error(error);
return res.status(500).json({
error: "Something went wrong, User signin failed",
success: false,
});
} finally {
if (connection) connection.release();
}
};`

the Cookie being set and after a reload/refresh the page cookies disappeared
I'm Hosting the the Server and Client Both on Vercel and i try to get better result i use docker but didn't work what is should need to do.

Client Page

` const handleSignIn = async (e) => {
e.preventDefault();
showLoading('Sign In...', true);

try {
  const response = await axios.post(
    `${process.env.NEXT_PUBLIC_API_URL}/api/auth/sign-in`,
    {
      email,
      password,
    },
    { withCredentials: true },
  );
  if (response.status === 200) {
    const { user, token } = response.data;
    signIn(user, token);
    router.push('/');
    showSuccess('Signin Successfully');
  }
} catch (err) {
  console.error(err);
  const errorMessage =
    err?.response?.data?.message || err.message || 'Something went wrong!';

  showError(errorMessage);
  hideLoading();
} finally {
  hideLoading();
}

};`

Guidelines

• I have read and understood this category's guidelines before making this post.