fix: Next.js template throws server cookie decrypt error

packages/devextreme-cli/src/templates/nextjs/application/src/middleware.ts

@@ -16,16 +16,25 @@ async function _DEMO_logIn() {
   return await _DEMO_logIn();
 
   // In production, you will need to redirect unauthorized users
-  // return NextResponse.redirect(new URL('/login', req.nextUrl))
+  // return NextResponse.redirect(new URL('/auth/login', req.nextUrl))
 }
 
 export default async function middleware(req<%=#isTypeScript%>: NextRequest<%=/isTypeScript%>) {
   const path = req.nextUrl.pathname;
-
+
+  if (!isProtectedRoute(path)) {
+    return NextResponse.next();
+  }
+
   const cookie = (await cookies()).get('session')?.value;
+
+  if (!cookie) {
+    return await redirectUnauthorized(req);
+  }
+
   const session = await decrypt(cookie);
- 
-  if (isProtectedRoute(path) && !session?.userId) {
+
+  if (!session?.userId) {
     return await redirectUnauthorized(req);
   }
 

packages/devextreme-cli/testing/app-template.test.shared.js

@@ -283,14 +283,7 @@ module.exports = (env, { port = 8080, urls = {} } = {}) => {
                                     await page.waitForTimeout(3000);
                                     const image = await takeScreenshot();
 
-                                    const isProblemTest = env.engine.startsWith('nextjs')
-                                      && theme === 'material'
-                                      && viewportName === 'large'
-                                      && layout === 'side-nav-outer-toolbar';
-
-                                    compareSnapshot(image, 'create-account', {
-                                        threshold: isProblemTest ? 0.025 : customConfig.threshold
-                                    });
+                                    compareSnapshot(image, 'create-account');
                                 });
 
                                 it('Reset password page', async() => {