diff --git a/apps/web/package.json b/apps/web/package.json
index f7f897e9..a0eb2bf5 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -23,7 +23,6 @@
     "@auth/drizzle-adapter": "1.7.2",
     "@hookform/resolvers": "^3.9.1",
     "@icons-pack/react-simple-icons": "10.2.0",
-    "@nanostores/react": "^0.8.4",
     "@normy/react-query": "^0.17.1",
     "@number-flow/react": "^0.4.4",
     "@octokit/rest": "^21.1.0",
@@ -49,11 +48,11 @@
     "dayjs": "^1.11.13",
     "fast-xml-parser": "^4.5.1",
     "geist": "^1.3.1",
+    "jotai": "^2.11.3",
     "js-sha512": "^0.9.0",
     "lucide-react": "^0.469.0",
     "markdown-to-jsx": "^7.7.2",
     "motion": "^11.15.0",
-    "nanostores": "^0.11.3",
     "next": "^15.1.3",
     "next-auth": "5.0.0-beta.25",
     "next-intl": "^3.26.3",
diff --git a/apps/web/src/app/[locale]/(main)/guestbook/sign-in.tsx b/apps/web/src/app/[locale]/(main)/guestbook/sign-in.tsx
index a13c809c..4369d7f3 100644
--- a/apps/web/src/app/[locale]/(main)/guestbook/sign-in.tsx
+++ b/apps/web/src/app/[locale]/(main)/guestbook/sign-in.tsx
@@ -2,18 +2,20 @@
 
 import { useTranslations } from '@tszhong0411/i18n/client'
 import { Button } from '@tszhong0411/ui'
+import { useSetAtom } from 'jotai'
 
-import { setDialogs } from '@/store/dialogs'
+import { dialogsAtom } from '@/store/dialogs'
 
 const SignIn = () => {
   const t = useTranslations()
+  const setDialogs = useSetAtom(dialogsAtom)
 
   return (
     <>
       <Button
         className='dark:text-foreground bg-linear-to-br inline-block from-[#fcd34d] via-[#ef4444] to-[#ec4899] font-extrabold'
         onClick={() => {
-          setDialogs({ signIn: true })
+          setDialogs((dialogs) => ({ ...dialogs, signIn: true }))
         }}
       >
         {t('common.sign-in')}
diff --git a/apps/web/src/components/admin/admin-profile-dropdown.tsx b/apps/web/src/components/admin/admin-profile-dropdown.tsx
index 9dc05ca5..9a61727e 100644
--- a/apps/web/src/components/admin/admin-profile-dropdown.tsx
+++ b/apps/web/src/components/admin/admin-profile-dropdown.tsx
@@ -10,15 +10,17 @@ import {
   DropdownMenuTrigger,
   Skeleton
 } from '@tszhong0411/ui'
+import { useSetAtom } from 'jotai'
 import { useSession } from 'next-auth/react'
 
-import { setDialogs } from '@/store/dialogs'
+import { dialogsAtom } from '@/store/dialogs'
 import { getAvatarAbbreviation } from '@/utils/get-avatar-abbreviation'
 import { getDefaultUser } from '@/utils/get-default-user'
 
 const AdminProfileDropdown = () => {
   const { data, status } = useSession()
   const t = useTranslations()
+  const setDialogs = useSetAtom(dialogsAtom)
 
   if (status === 'loading') {
     return <Skeleton className='size-9 rounded-full' />
@@ -29,7 +31,7 @@ const AdminProfileDropdown = () => {
       <Button
         size='sm'
         onClick={() => {
-          setDialogs({ signIn: true })
+          setDialogs((dialogs) => ({ ...dialogs, signIn: true }))
         }}
       >
         {t('common.sign-in')}
diff --git a/apps/web/src/components/command-menu.tsx b/apps/web/src/components/command-menu.tsx
index 04efc3b0..8eeb78f4 100644
--- a/apps/web/src/components/command-menu.tsx
+++ b/apps/web/src/components/command-menu.tsx
@@ -16,6 +16,7 @@ import {
   Kbd,
   Logo
 } from '@tszhong0411/ui'
+import { useSetAtom } from 'jotai'
 import { CodeIcon, CommandIcon, LinkIcon, LogInIcon, LogOutIcon } from 'lucide-react'
 import { signOut, useSession } from 'next-auth/react'
 import { Fragment, useCallback, useEffect, useState } from 'react'
@@ -28,7 +29,7 @@ import {
   SITE_X_URL,
   SITE_YOUTUBE_URL
 } from '@/lib/constants'
-import { setDialogs } from '@/store/dialogs'
+import { dialogsAtom } from '@/store/dialogs'
 
 type Groups = Array<{
   name: string
@@ -45,6 +46,7 @@ const CommandMenu = () => {
   const [copy] = useCopyToClipboard()
   const { status } = useSession()
   const t = useTranslations()
+  const setDialogs = useSetAtom(dialogsAtom)
 
   const isSelectingCommand = [t('common.sign-out'), t('command-menu.actions.copy-link')].includes(
     selectingValue
@@ -88,7 +90,7 @@ const CommandMenu = () => {
                 icon: <LogInIcon className='mr-3 size-4' />,
                 onSelect: () => {
                   setIsOpen(false)
-                  setDialogs({ signIn: true })
+                  setDialogs((dialogs) => ({ ...dialogs, signIn: true }))
                 }
               }
             ])
diff --git a/apps/web/src/components/comments/unauthorized-overlay.tsx b/apps/web/src/components/comments/unauthorized-overlay.tsx
index 6ebc5f79..5174c4b5 100644
--- a/apps/web/src/components/comments/unauthorized-overlay.tsx
+++ b/apps/web/src/components/comments/unauthorized-overlay.tsx
@@ -1,17 +1,19 @@
 import { useTranslations } from '@tszhong0411/i18n/client'
 import { Button } from '@tszhong0411/ui'
+import { useSetAtom } from 'jotai'
 
-import { setDialogs } from '@/store/dialogs'
+import { dialogsAtom } from '@/store/dialogs'
 
 const UnauthorizedOverlay = () => {
   const t = useTranslations()
+  const setDialogs = useSetAtom(dialogsAtom)
 
   return (
     <div className='absolute inset-0 flex items-center justify-center rounded-lg bg-black/5 backdrop-blur-[0.8px]'>
       <Button
         size='sm'
         onClick={() => {
-          setDialogs({ signIn: true })
+          setDialogs((dialogs) => ({ ...dialogs, signIn: true }))
         }}
       >
         {t('common.sign-in')}
diff --git a/apps/web/src/components/sign-in-dialog.tsx b/apps/web/src/components/sign-in-dialog.tsx
index fa7276f9..8a2a3a0a 100644
--- a/apps/web/src/components/sign-in-dialog.tsx
+++ b/apps/web/src/components/sign-in-dialog.tsx
@@ -1,7 +1,6 @@
 'use client'
 
 import { SiGithub } from '@icons-pack/react-simple-icons'
-import { useStore } from '@nanostores/react'
 import { useTranslations } from '@tszhong0411/i18n/client'
 import {
   Button,
@@ -11,11 +10,12 @@ import {
   DialogHeader,
   DialogTitle
 } from '@tszhong0411/ui'
+import { useAtom } from 'jotai'
 import { Loader2Icon } from 'lucide-react'
 import { signIn } from 'next-auth/react'
 import { useState } from 'react'
 
-import { dialogs, setDialogs } from '@/store/dialogs'
+import { dialogsAtom } from '@/store/dialogs'
 
 const GoogleIcon = () => {
   return (
@@ -47,16 +47,16 @@ const GoogleIcon = () => {
 }
 
 const SignInDialog = () => {
-  const { signIn: isOpen } = useStore(dialogs)
+  const [dialogs, setDialogs] = useAtom(dialogsAtom)
   const [isGitHubLoading, setIsGitHubLoading] = useState(false)
   const [isGoogleLoading, setIsGoogleLoading] = useState(false)
   const t = useTranslations()
 
   return (
     <Dialog
-      open={isOpen}
+      open={dialogs.signIn}
       onOpenChange={(v) => {
-        setDialogs({ signIn: v })
+        setDialogs((d) => ({ ...d, signIn: v }))
       }}
     >
       <DialogContent className='sm:max-w-[425px]'>
diff --git a/apps/web/src/store/dialogs.ts b/apps/web/src/store/dialogs.ts
index 668f0415..ef7ced74 100644
--- a/apps/web/src/store/dialogs.ts
+++ b/apps/web/src/store/dialogs.ts
@@ -1,13 +1,9 @@
-import { atom } from 'nanostores'
+import { atom } from 'jotai'
 
-type DialogsState = {
+type Dialogs = {
   signIn: boolean
 }
 
-export const dialogs = atom<DialogsState>({
+export const dialogsAtom = atom<Dialogs>({
   signIn: false
 })
-
-export const setDialogs = (value: DialogsState) => {
-  dialogs.set({ ...dialogs.get(), ...value })
-}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 65f70110..55b88d3e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -130,7 +130,7 @@ importers:
         version: 0.7.1
       geist:
         specifier: ^1.3.1
-        version: 1.3.1(next@15.1.3(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.50.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))
+        version: 1.3.1(next@15.1.3(@opentelemetry/api@1.9.0)(@playwright/test@1.50.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))
       hast-util-to-jsx-runtime:
         specifier: ^2.3.2
         version: 2.3.2
@@ -139,7 +139,7 @@ importers:
         version: 0.469.0(react@19.0.0)
       next:
         specifier: ^15.1.3
-        version: 15.1.3(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.50.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 15.1.3(@opentelemetry/api@1.9.0)(@playwright/test@1.50.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       next-themes:
         specifier: ^0.4.4
         version: 0.4.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
@@ -216,9 +216,6 @@ importers:
       '@icons-pack/react-simple-icons':
         specifier: 10.2.0
         version: 10.2.0(react@19.0.0)
-      '@nanostores/react':
-        specifier: ^0.8.4
-        version: 0.8.4(nanostores@0.11.3)(react@19.0.0)
       '@normy/react-query':
         specifier: ^0.17.1
         version: 0.17.1(@tanstack/react-query@5.62.15(react@19.0.0))
@@ -294,6 +291,9 @@ importers:
       geist:
         specifier: ^1.3.1
         version: 1.3.1(next@15.1.3(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.50.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))
+      jotai:
+        specifier: ^2.11.3
+        version: 2.11.3(@types/react@19.0.2)(react@19.0.0)
       js-sha512:
         specifier: ^0.9.0
         version: 0.9.0
@@ -306,9 +306,6 @@ importers:
       motion:
         specifier: ^11.15.0
         version: 11.15.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      nanostores:
-        specifier: ^0.11.3
-        version: 0.11.3
       next:
         specifier: ^15.1.3
         version: 15.1.3(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.50.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
@@ -595,7 +592,7 @@ importers:
     dependencies:
       next-intl:
         specifier: ^3.26.3
-        version: 3.26.3(next@15.1.3(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.50.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)
+        version: 3.26.3(next@15.1.3(@opentelemetry/api@1.9.0)(@playwright/test@1.50.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)
     devDependencies:
       '@tszhong0411/eslint-config':
         specifier: workspace:*
@@ -608,7 +605,7 @@ importers:
         version: 19.0.2
       next:
         specifier: ^15.1.3
-        version: 15.1.3(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.50.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 15.1.3(@opentelemetry/api@1.9.0)(@playwright/test@1.50.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
 
   packages/kv:
     dependencies:
@@ -724,7 +721,7 @@ importers:
         version: 19.0.3(@types/react@19.0.2)
       next:
         specifier: ^15.1.3
-        version: 15.1.3(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.50.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 15.1.3(@opentelemetry/api@1.9.0)(@playwright/test@1.50.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       shiki:
         specifier: ^1.24.4
         version: 1.24.4
@@ -780,7 +777,7 @@ importers:
     dependencies:
       next:
         specifier: ^15.1.3
-        version: 15.1.3(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.50.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 15.1.3(@opentelemetry/api@1.9.0)(@playwright/test@1.50.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       typescript:
         specifier: 5.x
         version: 5.5.4
@@ -931,7 +928,7 @@ importers:
         version: 19.0.3(@types/react@19.0.2)
       next:
         specifier: ^15.1.3
-        version: 15.1.3(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.50.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 15.1.3(@opentelemetry/api@1.9.0)(@playwright/test@1.50.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       react:
         specifier: 19.0.0
         version: 19.0.0
@@ -3521,13 +3518,6 @@ packages:
   '@mdx-js/mdx@3.1.0':
     resolution: {integrity: sha512-/QxEhPAvGwbQmy1Px8F899L5Uc2KZ6JtXwlCgJmjSTBedwOZkByYcBG4GceIGPXRDsmfxhHazuS+hlOShRLeDw==}
 
-  '@nanostores/react@0.8.4':
-    resolution: {integrity: sha512-EciHSzDXg7GmGODjegGG1VldPEinbAK+12/Uz5+MAdHmxf082Rl6eXqKFxAAu4pZAcr5dNTpv6wMfEe7XacjkQ==}
-    engines: {node: ^18.0.0 || >=20.0.0}
-    peerDependencies:
-      nanostores: ^0.9.0 || ^0.10.0 || ^0.11.0
-      react: '>=18.0.0'
-
   '@next/bundle-analyzer@15.1.3':
     resolution: {integrity: sha512-dh5i2KBONWVhQzJnL10sv9+ImsKgGtOHHeA1dWp/H3MXphWBt1uGjXCwPCcitwimvNncHBmxaOyTm2FwfOLRSA==}
 
@@ -8307,6 +8297,18 @@ packages:
   jose@5.9.6:
     resolution: {integrity: sha512-AMlnetc9+CV9asI19zHmrgS/WYsWUwCn2R7RzlbJWD7F9eWYUTGyBmU9o6PxngtLGOiDGPRu+Uc4fhKzbpteZQ==}
 
+  jotai@2.11.3:
+    resolution: {integrity: sha512-B/PsewAQ0UOS5e2+TTWegUPQ3SCLPCjPY24LYUjfn2EorGlluTA2dFjVLgF1+xHLjK9Jit3y5mKHyMG3Xq/GZg==}
+    engines: {node: '>=12.20.0'}
+    peerDependencies:
+      '@types/react': '>=17.0.0'
+      react: '>=17.0.0'
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      react:
+        optional: true
+
   joycon@3.1.1:
     resolution: {integrity: sha512-34wB/Y7MW7bzjKRjUKTa46I2Z7eV62Rkhva+KkopW7Qvv/OSWBqvkSY7vusOPrNuZcUG3tApvdVgNB8POj3SPw==}
     engines: {node: '>=10'}
@@ -9177,10 +9179,6 @@ packages:
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
 
-  nanostores@0.11.3:
-    resolution: {integrity: sha512-TUes3xKIX33re4QzdxwZ6tdbodjmn3tWXCEc1uokiEmo14sI1EaGYNs2k3bU2pyyGNmBqFGAVl6jAGWd06AVIg==}
-    engines: {node: ^18.0.0 || >=20.0.0}
-
   natural-compare@1.4.0:
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
 
@@ -14426,11 +14424,6 @@ snapshots:
       - acorn
       - supports-color
 
-  '@nanostores/react@0.8.4(nanostores@0.11.3)(react@19.0.0)':
-    dependencies:
-      nanostores: 0.11.3
-      react: 19.0.0
-
   '@next/bundle-analyzer@15.1.3':
     dependencies:
       webpack-bundle-analyzer: 4.10.1
@@ -19428,6 +19421,10 @@ snapshots:
     dependencies:
       next: 15.1.3(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.50.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
 
+  geist@1.3.1(next@15.1.3(@opentelemetry/api@1.9.0)(@playwright/test@1.50.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)):
+    dependencies:
+      next: 15.1.3(@opentelemetry/api@1.9.0)(@playwright/test@1.50.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+
   gensequence@7.0.0: {}
 
   gensync@1.0.0-beta.2: {}
@@ -20206,6 +20203,11 @@ snapshots:
 
   jose@5.9.6: {}
 
+  jotai@2.11.3(@types/react@19.0.2)(react@19.0.0):
+    optionalDependencies:
+      '@types/react': 19.0.2
+      react: 19.0.0
+
   joycon@3.1.1: {}
 
   js-beautify@1.15.1:
@@ -21418,8 +21420,6 @@ snapshots:
 
   nanoid@3.3.8: {}
 
-  nanostores@0.11.3: {}
-
   natural-compare@1.4.0: {}
 
   negotiator@0.6.3: {}
@@ -21446,6 +21446,14 @@ snapshots:
       react: 19.0.0
       use-intl: 3.26.3(react@19.0.0)
 
+  next-intl@3.26.3(next@15.1.3(@opentelemetry/api@1.9.0)(@playwright/test@1.50.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0):
+    dependencies:
+      '@formatjs/intl-localematcher': 0.5.9
+      negotiator: 1.0.0
+      next: 15.1.3(@opentelemetry/api@1.9.0)(@playwright/test@1.50.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      react: 19.0.0
+      use-intl: 3.26.3(react@19.0.0)
+
   next-themes@0.4.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
     dependencies:
       react: 19.0.0
@@ -21505,6 +21513,33 @@ snapshots:
       - '@babel/core'
       - babel-plugin-macros
 
+  next@15.1.3(@opentelemetry/api@1.9.0)(@playwright/test@1.50.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+    dependencies:
+      '@next/env': 15.1.3
+      '@swc/counter': 0.1.3
+      '@swc/helpers': 0.5.15
+      busboy: 1.6.0
+      caniuse-lite: 1.0.30001690
+      postcss: 8.4.31
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+      styled-jsx: 5.1.6(@babel/core@7.24.5)(react@19.0.0)
+    optionalDependencies:
+      '@next/swc-darwin-arm64': 15.1.3
+      '@next/swc-darwin-x64': 15.1.3
+      '@next/swc-linux-arm64-gnu': 15.1.3
+      '@next/swc-linux-arm64-musl': 15.1.3
+      '@next/swc-linux-x64-gnu': 15.1.3
+      '@next/swc-linux-x64-musl': 15.1.3
+      '@next/swc-win32-arm64-msvc': 15.1.3
+      '@next/swc-win32-x64-msvc': 15.1.3
+      '@opentelemetry/api': 1.9.0
+      '@playwright/test': 1.50.0
+      sharp: 0.33.5
+    transitivePeerDependencies:
+      - '@babel/core'
+      - babel-plugin-macros
+
   no-case@2.3.2:
     dependencies:
       lower-case: 1.1.4