diff --git a/app/assets/css/main.css b/app/assets/css/main.css
index 6adab29..e93aab5 100644
--- a/app/assets/css/main.css
+++ b/app/assets/css/main.css
@@ -1,5 +1,6 @@
 @import "tailwindcss";
 @import "@nuxt/ui";
+@plugin "@tailwindcss/typography";
 
 @theme {
   --color-brand-50: #f0faf0;
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 89de151..f1fc0ba 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -10,7 +10,8 @@ export default defineNuxtConfig({
     '@nuxt/eslint',
     '@nuxtjs/sitemap',
     'nuxt-gtag',
-    '@nuxt/image'
+    '@nuxt/image',
+    '@nuxt/content'
   ],
   components: [
     {
@@ -61,5 +62,21 @@ export default defineNuxtConfig({
   gtag: {
   id: '',
   enabled: import.meta.env.NODE_ENV === 'production',
-}
+},
+  content: {
+    build: {
+      markdown: {
+        highlight: {
+          theme: {
+            default: 'github-light',
+            dark: 'github-dark'
+          },
+          langs: ['kotlin', 'java', 'typescript', 'shell', 'bash', 'json', 'vue', 'html', 'css']
+        }
+      }
+    },
+    experimental: {
+      sqliteConnector: 'native'
+    }
+  }
 })