diff --git a/package.json b/package.json
index b3854825..e32a446f 100644
--- a/package.json
+++ b/package.json
@@ -86,6 +86,8 @@
     "idb": "^7.1.0",
     "jest": "^29.2.1",
     "lint-staged": "^13.0.3",
+    "loglevel": "^1.8.0",
+    "loglevel-plugin-prefix": "^0.8.4",
     "markdown-it": "^13.0.1",
     "markdown-it-container": "^3.0.0",
     "markdown-it-implicit-figures": "^0.10.0",
diff --git a/src/utils/logger.ts b/src/utils/logger.ts
new file mode 100644
index 00000000..14ce2b34
--- /dev/null
+++ b/src/utils/logger.ts
@@ -0,0 +1,9 @@
+import loglevel from 'loglevel'
+import prefix from 'loglevel-plugin-prefix'
+import { isDev } from './config'
+
+prefix.reg(loglevel)
+prefix.apply(loglevel, { template: '[%n]' })
+loglevel.setLevel(isDev ? loglevel.levels.TRACE : loglevel.levels.ERROR)
+
+export const getLogger = (name: string) => loglevel.getLogger(name)