Release v1.0.5 (#374)

* (SP: 3) [Backend] add Nova Poshta shipping foundation + checkout persistence + async label workflow (#364)

* (SP: 2) [Frontend] Reduce Vercel variable costs via caching and analytics cleanup (#367)

* perf(vercel): cut runtime costs via notification, blog cache, and analytics changes

* perf(blog): remove server searchParams usage to preserve ISR

* fix(build): align Netlify Node version and remove SpeedInsights import

* chore(release): bump version to 1.0.4

* (SP: 2) [Frontend] Remove [locale] layout force-dynamic and move auth to client-side (#370)

* refactor(frontend): remove locale layout dynamic auth and move header auth client-side

* fix(frontend): prevent stale auth responses in useAuth and remove redundant dashboard dynamic layout

* (SP: 2) [Frontend] Reduce auth overhead and sync auth state across tabs (#372)

* refactor(frontend): remove locale layout dynamic auth and move header auth client-side

* fix(frontend): prevent stale auth responses in useAuth and remove redundant dashboard dynamic layout

* feat(frontend): sync auth state across tabs via BroadcastChannel

* (SP: 2) [Frontend] Quizzes page ISR + client-side progress + GitHub stars cache (#371)

* perf(quiz-flow): move quiz progress to client-side fetch, enable ISR for quizzes page

- Move user progress fetch from SSR to client-side API (/api/quiz/progress)
- Remove force-dynamic and getCurrentUser() from quizzes page
- Add revalidate=300 for ISR caching
- Use window.history.replaceState for tab URL sync (avoid Next.js navigation)
- Add forceMount to TabsContent to prevent layout shift on tab switch
- Fix nested <main> — use <section> inside DynamicGridBackground
- Cache GitHub stars count in sessionStorage to avoid refetch + re-animation

* perf: replace useRef with useState lazy initializer in GitHubStarButton

Fixes React 19 react-hooks/refs ESLint error — useRef.current cannot
be read during render. Uses useState(getStoredStars) to capture the
sessionStorage value once on mount instead.

* fix: stop star icon trembling on hover in GitHubStarButton

* (SP: 1) [Frontend] Fix quiz timer flash and card layout shift on quizzes page (#373)

* perf(quiz-flow): move quiz progress to client-side fetch, enable ISR for quizzes page

- Move user progress fetch from SSR to client-side API (/api/quiz/progress)
- Remove force-dynamic and getCurrentUser() from quizzes page
- Add revalidate=300 for ISR caching
- Use window.history.replaceState for tab URL sync (avoid Next.js navigation)
- Add forceMount to TabsContent to prevent layout shift on tab switch
- Fix nested <main> — use <section> inside DynamicGridBackground
- Cache GitHub stars count in sessionStorage to avoid refetch + re-animation

* perf: replace useRef with useState lazy initializer in GitHubStarButton

Fixes React 19 react-hooks/refs ESLint error — useRef.current cannot
be read during render. Uses useState(getStoredStars) to capture the
sessionStorage value once on mount instead.

* fix: stop star icon trembling on hover in GitHubStarButton

* fix: eliminate quiz timer flash on language switch

Remove Suspense boundary (loading.tsx) that unmounted QuizContainer
during locale navigation. Synchronous session restore via useReducer
lazy initializer and correct timer initialization via useState lazy
initializer prevent any visible state reset on language switch

* fix: replace quiz card layout shift with skeleton grid during progress load

* chore(release): v1.0.5

---------

Co-authored-by: Liudmyla Sovetovs <milkaegik@gmail.com>
Co-authored-by: Lesia Soloviova <106915140+LesiaUKR@users.noreply.github.com>

Author: 3 people

CHANGELOG.md

@@ -747,3 +747,38 @@ and this project adheres to [Semantic Versioning](https://semver.org/).
 - Lower Vercel Function Invocations and CPU usage
 - Reduced origin data transfer for blog content
 - Improved overall runtime efficiency
+
+## [1.0.5] - 2026-02-26
+
+### Added
+
+- Auth improvements:
+  - Cross-tab authentication sync via BroadcastChannel
+  - Client-side auth handling in Header for faster UI updates
+
+### Changed
+
+- Quizzes performance:
+  - Quizzes page now uses ISR (revalidate: 300)
+  - User progress moved from SSR to client-side API (`/api/quiz/progress`)
+  - URL tab sync via `history.replaceState` without navigation
+  - GitHub stars cached in `sessionStorage` to prevent refetch and re-animation
+- Rendering optimization:
+  - Removed `force-dynamic` from locale layout
+  - Reduced authentication overhead and dynamic rendering
+  - Replaced nested `<main>` structure with semantic `<section>`
+
+### Fixed
+
+- Fixed quiz timer flash when switching language
+- Fixed layout shift on quizzes page (skeleton grid during progress loading)
+- Fixed GitHub star button hover trembling
+- Fixed React 19 `useRef` render warning (lazy `useState` initializer)
+- Prevented stale auth state across tabs
+- Eliminated layout shift when switching quiz tabs
+
+### Performance
+
+- Reduced server load by moving auth and progress logic to client
+- Improved ISR caching efficiency for quizzes page
+- Faster navigation and more stable UI during locale and tab changes

frontend/app/[locale]/layout.tsx

@@ -13,10 +13,8 @@ import { CookieBanner } from '@/components/shared/CookieBanner';
 import Footer from '@/components/shared/Footer';
 import { ScrollWatcher } from '@/components/shared/ScrollWatcher';
 import { ThemeProvider } from '@/components/theme/ThemeProvider';
+import { AuthProvider } from '@/hooks/useAuth';
 import { locales } from '@/i18n/config';
-import { getCurrentUser } from '@/lib/auth';
-
-export const dynamic = 'force-dynamic';
 
 const getCachedBlogCategories = unstable_cache(
   async () =>
@@ -41,22 +39,18 @@ export default async function LocaleLayout({
 
   if (!locales.includes(locale as any)) notFound();
 
-  const messages = await getMessages({ locale });
-  const user = await getCurrentUser();
-  const blogCategories = await getCachedBlogCategories();
+  const [messages, blogCategories] = await Promise.all([
+    getMessages({ locale }),
+    getCachedBlogCategories(),
+  ]);
 
-  const userExists = Boolean(user);
   const enableAdmin =
     (
       process.env.ENABLE_ADMIN_API ??
       process.env.NEXT_PUBLIC_ENABLE_ADMIN ??
       ''
     ).toLowerCase() === 'true';
 
-  const isAdmin = user?.role === 'admin';
-  const showAdminNavLink = Boolean(user) && isAdmin && enableAdmin;
-  const userId = user?.id ?? null;
-
   return (
     <NextIntlClientProvider messages={messages}>
       <ThemeProvider
@@ -65,20 +59,19 @@ export default async function LocaleLayout({
         enableSystem
         disableTransitionOnChange
       >
-        <AppChrome
-          userExists={userExists}
-          userId={userId}
-          showAdminLink={showAdminNavLink}
-          blogCategories={blogCategories}
-        >
-          <MainSwitcher
-            userExists={userExists}
-            showAdminLink={showAdminNavLink}
+        <AuthProvider>
+          <AppChrome
+            enableAdminFeature={enableAdmin}
             blogCategories={blogCategories}
           >
-            {children}
-          </MainSwitcher>
-        </AppChrome>
+            <MainSwitcher
+              enableAdminFeature={enableAdmin}
+              blogCategories={blogCategories}
+            >
+              {children}
+            </MainSwitcher>
+          </AppChrome>
+        </AuthProvider>
 
         <Footer />
         <Toaster position="top-right" richColors expand />

frontend/app/[locale]/quiz/[slug]/loading.tsx

@@ -5,9 +5,7 @@ import QuizzesSection from '@/components/quiz/QuizzesSection';
 import { DynamicGridBackground } from '@/components/shared/DynamicGridBackground';
 import {
   getActiveQuizzes,
-  getUserQuizzesProgress,
 } from '@/db/queries/quizzes/quiz';
-import { getCurrentUser } from '@/lib/auth';
 
 type PageProps = { params: Promise<{ locale: string }> };
 
@@ -23,22 +21,14 @@ export async function generateMetadata({
   };
 }
 
-export const dynamic = 'force-dynamic';
+export const revalidate = 300
 
 export default async function QuizzesPage({ params }: PageProps) {
   const { locale } = await params;
   const t = await getTranslations({ locale, namespace: 'quiz.list' });
-  const session = await getCurrentUser();
 
   const quizzes = await getActiveQuizzes(locale);
 
-  let userProgressMap: Record<string, any> = {};
-
-  if (session?.id) {
-    const progressMapData = await getUserQuizzesProgress(session.id);
-    userProgressMap = Object.fromEntries(progressMapData);
-  }
-
   if (!quizzes.length) {
     return (
       <div className="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8">
@@ -50,7 +40,7 @@ export default async function QuizzesPage({ params }: PageProps) {
 
   return (
     <DynamicGridBackground className="min-h-screen bg-gray-50 py-10 transition-colors duration-300 dark:bg-transparent">
-      <main className="relative z-10 mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
+      <section className="relative z-10 mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
         <div className="mb-8">
           <p className="text-sm font-semibold text-(--accent-primary)">
             {t('practice')}
@@ -59,8 +49,8 @@ export default async function QuizzesPage({ params }: PageProps) {
           <p className="text-gray-600 dark:text-gray-400">{t('subtitle')}</p>
         </div>
 
-        <QuizzesSection quizzes={quizzes} userProgressMap={userProgressMap} />
-      </main>
+        <QuizzesSection quizzes={quizzes} userProgressMap={{}} />
+      </section>
     </DynamicGridBackground>
   );
 }

frontend/app/[locale]/quizzes/page.tsx

@@ -2,9 +2,16 @@ import 'server-only';
 
 import { NextResponse } from 'next/server';
 
-import { getCurrentUser } from '@/lib/auth';
+import { getAuthSession } from '@/lib/auth';
 
 export async function GET() {
-  const user = await getCurrentUser();
-  return NextResponse.json({ user }, { status: 200 });
+  const session = await getAuthSession();
+  const payload = session ? { id: session.id, role: session.role } : null;
+
+  return NextResponse.json(payload, {
+    status: 200,
+    headers: {
+      'Cache-Control': 'no-store',
+    },
+  });
 }

frontend/app/api/auth/me/route.ts

@@ -0,0 +1,31 @@
+import { NextResponse } from 'next/server';
+
+import { getUserQuizzesProgress } from '@/db/queries/quizzes/quiz';
+import { getCurrentUser } from '@/lib/auth';
+
+export const runtime = 'nodejs';
+
+export async function GET() {
+  const user = await getCurrentUser();
+
+  if (!user?.id) {
+    return NextResponse.json({}, {
+      headers: { 'Cache-Control': 'no-store' },
+    });
+  }
+
+  const rawProgress = await getUserQuizzesProgress(user.id);
+  const progressMap: Record<string, { bestScore: number; totalQuestions: number; attemptsCount: number }> = {};
+
+  for (const [quizId, progress] of rawProgress) {
+    progressMap[quizId] = {
+      bestScore: progress.bestScore,
+      totalQuestions: progress.totalQuestions,
+      attemptsCount: progress.attemptsCount,
+    };
+  }
+
+  return NextResponse.json(progressMap, {
+    headers: { 'Cache-Control': 'no-store' },
+  });
+}

frontend/app/api/quiz/progress/route.ts

@@ -11,6 +11,7 @@ import { EmailField } from '@/components/auth/fields/EmailField';
 import { PasswordField } from '@/components/auth/fields/PasswordField';
 import { Button } from '@/components/ui/button';
 import { Link } from '@/i18n/routing';
+import { broadcastAuthUpdated } from '@/lib/auth-sync';
 
 type LoginFormProps = {
   locale: string;
@@ -59,6 +60,7 @@ export function LoginForm({ locale, returnTo }: LoginFormProps) {
         return;
       }
 
+      broadcastAuthUpdated();
       window.location.href = returnTo || `/${locale}/dashboard`;
     } catch (err) {
       console.error('Login request failed:', err);

frontend/components/auth/LoginForm.tsx

@@ -22,6 +22,7 @@ import {
   PASSWORD_MIN_LEN,
   PASSWORD_POLICY_REGEX,
 } from '@/lib/auth/signup-constraints';
+import { broadcastAuthUpdated } from '@/lib/auth-sync';
 
 type SignupFormProps = {
   locale: string;
@@ -173,6 +174,7 @@ export function SignupForm({ locale, returnTo }: SignupFormProps) {
         return;
       }
 
+      broadcastAuthUpdated();
       window.location.href = returnTo || `/${locale}/dashboard`;
     } catch {
       setError(t('errors.networkError'));

frontend/components/auth/SignupForm.tsx

@@ -5,25 +5,24 @@ import React from 'react';
 
 import { UnifiedHeader } from '@/components/header/UnifiedHeader';
 import { CartProvider } from '@/components/shop/CartProvider';
+import { useAuth } from '@/hooks/useAuth';
 
 type AppChromeProps = {
-  userExists: boolean;
-  userId?: string | null;
-  showAdminLink?: boolean;
+  enableAdminFeature?: boolean;
   blogCategories?: Array<{ _id: string; title: string }>;
   children: React.ReactNode;
 };
 
 export function AppChrome({
-  userExists,
-  userId = null,
-  showAdminLink = false,
+  enableAdminFeature = false,
   blogCategories = [],
   children,
 }: AppChromeProps) {
+  const { userExists, userId, isAdmin } = useAuth();
   const segments = useSelectedLayoutSegments();
   const isShop = segments.includes('shop');
   const isBlog = segments.includes('blog');
+  const showAdminLink = userExists && isAdmin && enableAdminFeature;
 
   if (isShop) {
     return (

frontend/components/header/AppChrome.tsx

@@ -4,6 +4,7 @@ import { usePathname } from 'next/navigation';
 import type { ReactNode } from 'react';
 
 import { UnifiedHeader } from '@/components/header/UnifiedHeader';
+import { useAuth } from '@/hooks/useAuth';
 import { locales } from '@/i18n/config';
 
 function isShopPath(pathname: string): boolean {
@@ -52,20 +53,20 @@ function isLeaderboardPath(pathname: string): boolean {
 
 type MainSwitcherProps = {
   children: ReactNode;
-  userExists: boolean;
-  showAdminLink?: boolean;
+  enableAdminFeature?: boolean;
   blogCategories?: Array<{ _id: string; title: string }>;
 };
 
 export function MainSwitcher({
   children,
-  userExists,
-  showAdminLink = false,
+  enableAdminFeature = false,
   blogCategories = [],
 }: MainSwitcherProps) {
+  const { userExists, isAdmin } = useAuth();
   const pathname = usePathname();
   const isQa = isQaPath(pathname);
   const isHome = isHomePath(pathname);
+  const showAdminLink = userExists && isAdmin && enableAdminFeature;
 
   if (isShopPath(pathname)) return <>{children}</>;