🚀 add cicd

.claude/skills/nextjs-coding-standards/SKILL.md

@@ -15,7 +15,6 @@ Reference this skill when writing or reviewing code to ensure consistency with p
 ### Files and Directories
 
 **Use kebab-case for all file names:**
-
 ```
 ✅ user-profile.tsx
 ✅ blog-post-card.tsx
@@ -27,14 +26,12 @@ Reference this skill when writing or reviewing code to ensure consistency with p
 ```
 
 **Why kebab-case?**
-
 - Cross-platform compatibility (Windows vs Unix)
 - URL-friendly (file names often map to routes)
 - Easier to parse and read
 - Industry standard for Next.js projects
 
 **Special Next.js Files:**
-
 ```
 page.tsx          # Route pages
 layout.tsx        # Layout components
@@ -47,7 +44,6 @@ route.ts          # API route handlers
 ### Component Names (Inside Files)
 
 **Use PascalCase for component names:**
-
 ```typescript
 // File: user-profile.tsx
 export function UserProfile() {
@@ -63,7 +59,6 @@ export default function BlogPostCard() {
 ### Variables, Functions, Props
 
 **Use camelCase:**
-
 ```typescript
 // Variables
 const userSettings = {}
@@ -88,11 +83,10 @@ function useMarkdown() {}
 ### Constants
 
 **Use SCREAMING_SNAKE_CASE:**
-
 ```typescript
-const API_BASE_URL = 'https://api.example.com'
+const API_BASE_URL = "https://api.example.com"
 const MAX_RETRIES = 3
-const DEFAULT_LOCALE = 'ro-RO'
+const DEFAULT_LOCALE = "ro-RO"
 ```
 
 ---
@@ -139,7 +133,10 @@ export async function POST(request: NextRequest) {
   const parsed = bodySchema.safeParse(json)
 
   if (!parsed.success) {
-    return NextResponse.json({ error: 'Validation failed', details: parsed.error }, { status: 400 })
+    return NextResponse.json(
+      { error: 'Validation failed', details: parsed.error },
+      { status: 400 }
+    )
   }
 
   // parsed.data is fully typed
@@ -149,7 +146,6 @@ export async function POST(request: NextRequest) {
 ```
 
 **Key Points:**
-
 - Use `safeParse()` instead of `parse()` to avoid try/catch
 - Return structured error responses
 - Use appropriate HTTP status codes
@@ -158,7 +154,6 @@ export async function POST(request: NextRequest) {
 ### Error Handling
 
 **Return meaningful status codes:**
-
 ```typescript
 200 // Success
 201 // Created
@@ -170,13 +165,12 @@ export async function POST(request: NextRequest) {
 ```
 
 **Structured error responses:**
-
 ```typescript
 return NextResponse.json(
   {
     error: 'Resource not found',
     code: 'NOT_FOUND',
-    timestamp: new Date().toISOString(),
+    timestamp: new Date().toISOString()
   },
   { status: 404 }
 )
@@ -288,7 +282,7 @@ module.exports = {
     extend: {
       colors: {
         'dark-primary': '#18181b',
-        accent: {
+        'accent': {
           DEFAULT: '#164e63',
           hover: '#155e75',
         },
@@ -386,7 +380,6 @@ export function Card({ children, className = "" }) {
 ```
 
 **Standard breakpoints:**
-
 ```
 sm: 640px   // Small tablets
 md: 768px   // Tablets
@@ -466,21 +459,18 @@ content/                 # Content files (outside app/)
 ### lib/ Organization
 
 **Modules in lib/:**
-
 - Substantial business logic (markdown.ts, seo.ts)
 - API clients and data fetching
 - Database connections
 - Authentication logic
 
 **Utils in lib/utils.ts:**
-
 - Pure helper functions
 - Formatters (formatDate, formatCurrency)
 - Validators (isEmail, isValidUrl)
 - String manipulations
 
 **Types in lib/types/:**
-
 - Shared TypeScript interfaces
 - API response types
 - Domain models
@@ -489,7 +479,6 @@ content/                 # Content files (outside app/)
 ### Component Organization
 
 **By domain/feature:**
-
 ```
 components/
 ├── blog/               # Blog-specific
@@ -506,7 +495,6 @@ components/
 ```
 
 **Not by type:**
-
 ```
 ❌ Don't organize like this:
 components/
@@ -519,7 +507,6 @@ components/
 ### Public Assets
 
 **Organize by feature:**
-
 ```
 public/
 ├── blog/
@@ -532,7 +519,6 @@ public/
 ```
 
 **Naming conventions:**
-
 - Use descriptive names: `hero-background.jpg` not `img1.jpg`
 - Use kebab-case: `user-avatar.png`
 - Include dimensions for images: `logo-512x512.png`
@@ -544,10 +530,9 @@ public/
 ### Type Safety
 
 **Avoid `any`:**
-
 ```typescript
 // ❌ Bad
-function processData(data: any) {}
+function processData(data: any) { }
 
 // ✅ Good
 function processData(data: unknown) {
@@ -561,7 +546,7 @@ interface PostData {
   title: string
   content: string
 }
-function processData(data: PostData) {}
+function processData(data: PostData) { }
 ```
 
 ### Infer Types from Zod
@@ -680,7 +665,6 @@ export function InteractiveCard({ title }) {
 ```
 
 **When to use 'use client':**
-
 - Using React hooks (useState, useEffect, etc.)
 - Using event handlers (onClick, onChange, etc.)
 - Using browser APIs (window, localStorage, etc.)
@@ -759,7 +743,7 @@ export async function generateStaticParams() {
 
 ```typescript
 // In frontmatter
-date: '2025-01-15'
+date: "2025-01-15"
 
 // For display
 formatDate(post.frontmatter.date) // "15 ianuarie 2025" (Romanian)

.dockerignore

@@ -1,43 +0,0 @@
-# Git
-.git
-.github
-.gitignore
-
-# Dependencies
-node_modules
-
-# Next.js
-.next
-out
-
-# Environment files
-.env*           # Exclude all .env files
-!.env           # EXCEPT .env (needed for build from CI/CD)
-!.env.example   # Keep example
-
-# Logs
-*.log
-npm-debug.log*
-logs/
-
-# Documentation
-*.md
-!README.md
-specs/
-
-# IDE
-.vscode
-.idea
-
-# OS
-.DS_Store
-Thumbs.db
-
-# Testing
-.coverage
-.nyc_output
-
-# Misc
-*.swp
-*.swo
-*~

.env.example

@@ -1,37 +0,0 @@
-# ============================================
-# PRODUCTION CONFIGURATION
-# ============================================
-
-# Site URL (REQUIRED for production)
-# Used for: SEO metadata, OpenGraph, Schema.org, sitemaps
-NEXT_PUBLIC_SITE_URL=https://yourdomain.com
-
-# ============================================
-# SERVER CONFIGURATION
-# ============================================
-
-# Application port (default: 3030)
-PORT=3030
-
-# Node environment (production/development)
-NODE_ENV=production
-
-# Disable Next.js telemetry
-NEXT_TELEMETRY_DISABLED=1
-
-# ============================================
-# OPTIONAL: ANALYTICS & MONITORING
-# ============================================
-
-# Google Analytics ID (optional)
-# NEXT_PUBLIC_GA_ID=G-XXXXXXXXXX
-
-# Sentry DSN for error tracking (optional)
-# SENTRY_DSN=https://xxx@sentry.io/xxx
-
-# ============================================
-# BUILD CONFIGURATION
-# ============================================
-
-# Hostname for Next.js server
-HOSTNAME=0.0.0.0

.gitea/workflows/main.yml

@@ -9,16 +9,12 @@
 #   - PRODUCTION_HOST: IP address or hostname of production server
 #   - PRODUCTION_USER: SSH username (e.g., 'deployer')
 #   - SSH_PRIVATE_KEY: Private SSH key for authentication
+#   - REGISTRY_USERNAME: Docker registry username (optional, if registry requires auth)
+#   - REGISTRY_PASSWORD: Docker registry password (optional, if registry requires auth)
 #
 # Environment Variables (configured below):
 #   - REGISTRY: Docker registry URL
 #   - IMAGE_NAME: Docker image name
-#
-# Docker Registry Configuration:
-#   - Current registry (repository.workspace:5000) is INSECURE - no authentication required
-#   - Registry login steps are SKIPPED to avoid 7+ minute timeout delays
-#   - Docker push/pull operations work without credentials
-#   - If switching to authenticated registry: uncomment login steps and configure secrets
 
 name: Build and Deploy Next.js Blog to Production
 
@@ -40,32 +36,26 @@ jobs:
   # ============================================
   lint:
     name: 🔍 Code Quality Checks
-    runs-on: node-22
+    runs-on: ubuntu-latest
-    # env:
-    #   ACTIONS_RUNTIME_URL: http://192.168.1.53:3000 # Setează la nivel de job
 
     steps:
       - name: 🔎 Checkout code
         uses: actions/checkout@v4
-        # with:
-        #   github-server-url: ${{ env.ACTIONS_RUNTIME_URL }}
 
-      # - name: 📦 Setup Node.js
+      - name: 📦 Setup Node.js
-      #   uses: actions/setup-node@v4
+        uses: actions/setup-node@v4
-      #   with:
+        with:
-      #     node-version: "22"
+          node-version: "20"
-      #     cache: "npm"
+          cache: "npm"
 
       - name: 📥 Install dependencies
         run: npm ci
 
       - name: 🔍 Run ESLint
         run: npm run lint
-        continue-on-error: true
 
       - name: 💅 Check code formatting (Prettier)
         run: npm run format:check
-        continue-on-error: true
 
       - name: 🔤 TypeScript type checking
         run: npx tsc --noEmit
@@ -89,49 +79,15 @@ jobs:
       - name: 🔎 Checkout code
         uses: actions/checkout@v4
 
-      - name: 📝 Create .env file from Gitea secrets
+      - name: 🔐 Log in to Docker Registry (if credentials provided)
         run: |
-          echo "Creating .env file for Docker build..."
+          if [ -n "${{ secrets.REGISTRY_USERNAME }}" ] && [ -n "${{ secrets.REGISTRY_PASSWORD }}" ]; then
-          cat > .env << EOF
+            echo "Logging into ${{ env.REGISTRY }} with credentials..."
-          # Build-time environment variables
+            echo "${{ secrets.REGISTRY_PASSWORD }}" | docker login ${{ env.REGISTRY }} -u "${{ secrets.REGISTRY_USERNAME }}" --password-stdin
-          NEXT_PUBLIC_SITE_URL=${{ vars.NEXT_PUBLIC_SITE_URL }}
+            echo "✅ Login successful"
-          NODE_ENV=production
+          else
-          NEXT_TELEMETRY_DISABLED=1
+            echo "⚠️ No registry credentials provided - using insecure/public registry"
-
+          fi
-          # Add other build-time variables here as needed
-          # NEXT_PUBLIC_GA_ID=${{ vars.NEXT_PUBLIC_GA_ID }}
-          EOF
-
-          echo "✅ .env file created successfully"
-          echo "Preview (secrets masked):"
-          cat .env | sed 's/=.*/=***MASKED***/g'
-
-      # Insecure registry configuration - no authentication required
-      # The registry at repository.workspace:5000 does not require login
-      # Docker push/pull operations work without credentials
-      - name: ℹ️ Registry configuration (insecure - no login required)
-        run: |
-          echo "=== Docker Registry Configuration ==="
-          echo "Registry: ${{ env.REGISTRY }}"
-          echo "Type: Insecure (no authentication required)"
-          echo ""
-          echo "ℹ️ Skipping registry login - insecure registry allows push/pull without credentials"
-          echo ""
-          echo "If your registry requires authentication in the future:"
-          echo "  1. Set REGISTRY_USERNAME and REGISTRY_PASSWORD secrets in Gitea"
-          echo "  2. Uncomment the login step below this message"
-          echo "  3. Change registry URL to authenticated registry"
-
-      # Uncomment this step if registry requires authentication in the future
-      # - name: 🔐 Log in to Docker Registry
-      #   timeout-minutes: 1
-      #   run: |
-      #     if [ -n "${{ secrets.REGISTRY_USERNAME }}" ] && [ -n "${{ secrets.REGISTRY_PASSWORD }}" ]; then
-      #       echo "Attempting login to ${{ env.REGISTRY }}..."
-      #       timeout 30s bash -c 'echo "${{ secrets.REGISTRY_PASSWORD }}" | docker login ${{ env.REGISTRY }} -u "${{ secrets.REGISTRY_USERNAME }}" --password-stdin' || {
-      #         echo "⚠️ Login failed - continuing anyway"
-      #       }
-      #     fi
 
       - name: 🏗️ Build Docker image
         timeout-minutes: 30
@@ -146,11 +102,11 @@ jobs:
           # - Uses Dockerfile.nextjs from project root
           # - Tags image with both 'latest' and commit SHA
           # - Enables inline cache for faster subsequent builds
-          # -t ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}:${{ github.sha }} ❗ do this if deploying on PR creation
           docker build \
             --progress=plain \
             --build-arg BUILDKIT_INLINE_CACHE=1 \
             -t ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}:latest \
+            -t ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}:${{ github.sha }} \
             -f Dockerfile.nextjs \
             .
 
@@ -164,15 +120,11 @@ jobs:
 
           # Push both tags (latest and commit SHA)
           docker push ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}:latest
-          # docker push ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}:${{ github.sha }}
+          docker push ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}:${{ github.sha }}
 
           echo "✅ Image pushed successfully"
           echo "  - ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}:latest"
-          
+          echo "  - ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}:${{ github.sha }}"
-          # Clean up sensitive files
-          rm -f .env
-          echo "✅ Cleaned up .env file"
-          # echo "  - ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}:${{ github.sha }}"
 
   # ============================================
   # Job 2: Deploy to Production Server
@@ -183,41 +135,42 @@ jobs:
     needs: [build-and-push] # Wait for build job to complete
     environment:
       name: production
-      url: http://192.168.1.54:3030 # Update with your actual production URL
+      url: http://your-production-url.com # Update with your actual production URL
 
     steps:
       - name: 🔎 Checkout code (for docker-compose file)
         uses: actions/checkout@v4
 
-      # Verify Docker is accessible on production server
+      - name: 🔐 Validate Registry Access on Production Server
-      # Registry authentication is not required for insecure registry
-      - name: ℹ️ Verify production server Docker access
         uses: appleboy/ssh-action@v1.0.3
+        env:
+          REGISTRY_PASSWORD: ${{ secrets.REGISTRY_PASSWORD }}
+          REGISTRY_USERNAME: ${{ secrets.REGISTRY_USERNAME }}
+          REGISTRY_URL: ${{ env.REGISTRY }}
         with:
-          host: ${{ vars.PRODUCTION_HOST }}
+          host: ${{ secrets.PRODUCTION_HOST }}
-          username: ${{ vars.PRODUCTION_USER }}
+          username: ${{ secrets.PRODUCTION_USER }}
           key: ${{ secrets.SSH_PRIVATE_KEY }}
           port: 22
+          envs: REGISTRY_PASSWORD,REGISTRY_USERNAME,REGISTRY_URL
           script: |
-            echo "=== Verifying Docker is accessible ==="
+            echo "=== Validating Docker Registry access ==="
-            docker info > /dev/null 2>&1 || {
+            if [ -n "$REGISTRY_USERNAME" ] && [ -n "$REGISTRY_PASSWORD" ]; then
-              echo "❌ Docker is not running or user has no access"
+              echo "Logging into $REGISTRY_URL with credentials..."
-              echo "Please ensure Docker is installed and user is in docker group"
+              echo "$REGISTRY_PASSWORD" | docker login "$REGISTRY_URL" -u "$REGISTRY_USERNAME" --password-stdin
-              exit 1
+              echo "✅ Registry authentication successful"
-            }
+            else
-            echo "✅ Docker is accessible"
+              echo "⚠️ No registry credentials - using insecure/public registry"
-
+              echo "Testing registry connectivity..."
-            echo ""
+              curl -f "http://$REGISTRY_URL/v2/" || { echo "❌ Registry not accessible"; exit 1; }
-            echo "=== Registry Configuration ==="
+              echo "✅ Registry is accessible"
-            echo "Registry: ${{ env.REGISTRY }}"
+            fi
-            echo "Type: Insecure (no authentication)"
-            echo "ℹ️ Skipping registry login - push/pull will work without credentials"
 
       - name: 📁 Ensure application directory structure
         uses: appleboy/ssh-action@v1.0.3
         with:
-          host: ${{ vars.PRODUCTION_HOST }}
+          host: ${{ secrets.PRODUCTION_HOST }}
-          username: ${{ vars.PRODUCTION_USER }}
+          username: ${{ secrets.PRODUCTION_USER }}
           key: ${{ secrets.SSH_PRIVATE_KEY }}
           port: 22
           script: |
@@ -251,8 +204,8 @@ jobs:
       - name: 📦 Copy docker-compose.prod.yml to server
         uses: appleboy/scp-action@v0.1.7
         with:
-          host: ${{ vars.PRODUCTION_HOST }}
+          host: ${{ secrets.PRODUCTION_HOST }}
-          username: ${{ vars.PRODUCTION_USER }}
+          username: ${{ secrets.PRODUCTION_USER }}
           key: ${{ secrets.SSH_PRIVATE_KEY }}
           port: 22
           source: "docker-compose.prod.yml"
@@ -262,14 +215,13 @@ jobs:
       - name: 🐳 Deploy application via Docker Compose
         uses: appleboy/ssh-action@v1.0.3
         env:
-          # Optional: only needed if registry requires authentication
           REGISTRY_PASSWORD: ${{ secrets.REGISTRY_PASSWORD || '' }}
           REGISTRY_USERNAME: ${{ secrets.REGISTRY_USERNAME || '' }}
           REGISTRY_URL: ${{ env.REGISTRY }}
           IMAGE_FULL: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}:latest
         with:
-          host: ${{ vars.PRODUCTION_HOST }}
+          host: ${{ secrets.PRODUCTION_HOST }}
-          username: ${{ vars.PRODUCTION_USER }}
+          username: ${{ secrets.PRODUCTION_USER }}
           key: ${{ secrets.SSH_PRIVATE_KEY }}
           port: 22
           envs: REGISTRY_PASSWORD,REGISTRY_USERNAME,REGISTRY_URL,IMAGE_FULL
@@ -278,12 +230,14 @@ jobs:
             echo "=== Starting deployment to production server ==="
             cd /opt/mypage
 
-            # Registry configuration - insecure registry does not require authentication
+            # Log in to Docker registry (if credentials are configured)
-            echo "=== Registry Configuration ==="
+            if [ -n "$REGISTRY_USERNAME" ] && [ -n "$REGISTRY_PASSWORD" ]; then
-            echo "Registry: $REGISTRY_URL"
+              echo "=== Logging in to Docker registry ==="
-            echo "Type: Insecure (no authentication required)"
+              echo "$REGISTRY_PASSWORD" | docker login "$REGISTRY_URL" -u "$REGISTRY_USERNAME" --password-stdin
-            echo "ℹ️ Skipping registry login"
+              echo "✅ Registry login successful"
-            echo ""
+            else
+              echo "⚠️ No registry credentials - using insecure/public registry (no login required)"
+            fi
 
             # Pull latest image from registry
             echo "=== Pulling latest Docker image ==="
@@ -324,8 +278,8 @@ jobs:
       - name: ❤️ Health check
         uses: appleboy/ssh-action@v1.0.3
         with:
-          host: ${{ vars.PRODUCTION_HOST }}
+          host: ${{ secrets.PRODUCTION_HOST }}
-          username: ${{ vars.PRODUCTION_USER }}
+          username: ${{ secrets.PRODUCTION_USER }}
           key: ${{ secrets.SSH_PRIVATE_KEY }}
           port: 22
           script: |

.gitea/workflows/pr-checks.yml

@@ -1,34 +0,0 @@
-name: PR Checks
-
-on:
-  pull_request:
-    types: [opened, synchronize, reopened, ready_for_review]
-
-jobs:
-  lint-and-build:
-    runs-on: node-22
-
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: 📥 Install dependencies
-        run: npm ci
-
-      - name: 🔍 Run ESLint
-        run: npm run lint
-        continue-on-error: true
-
-      - name: 💅 Check code formatting (Prettier)
-        run: npm run format:check
-        continue-on-error: true
-
-      - name: 🔤 TypeScript type checking
-        run: npx tsc --noEmit
-
-      - name: ✅ All quality checks passed
-        run: |
-          echo "✅ All code quality checks passed successfully!"
-          echo "  - ESLint: No linting errors"
-          echo "  - Prettier: Code is properly formatted"
-          echo "  - TypeScript: No type errors"

.gitea/workflows/staging.yml

@@ -1,384 +0,0 @@
-# Gitea Actions Workflow for Next.js Blog Application - Staging Environment
-# This workflow builds a Docker image and deploys it to staging
-#
-# Workflow triggers:
-#   - Push to staging branch (automatic deployment)
-#   - Manual trigger via workflow_dispatch
-#
-# Required Secrets (configure in Gitea repository settings):
-#   - PRODUCTION_HOST: IP address or hostname of production server (same server hosts staging)
-#   - PRODUCTION_USER: SSH username (e.g., 'deployer')
-#   - SSH_PRIVATE_KEY: Private SSH key for authentication
-#
-# Environment Variables (configured below):
-#   - REGISTRY: Docker registry URL
-#   - IMAGE_NAME: Docker image name
-#
-# Docker Registry Configuration:
-#   - Current registry (repository.workspace:5000) is INSECURE - no authentication required
-#   - Registry login steps are SKIPPED to avoid 7+ minute timeout delays
-#   - Docker push/pull operations work without credentials
-#   - If switching to authenticated registry: uncomment login steps and configure secrets
-
-name: Build and Deploy Next.js Blog to Staging
-
-on:
-  push:
-    branches:
-      - staging # Trigger on push to staging branch
-  workflow_dispatch: # Allow manual trigger from Gitea UI
-
-env:
-  # Docker registry configuration
-  # Update this to match your private registry URL
-  REGISTRY: repository.workspace:5000
-  IMAGE_NAME: mypage
-
-jobs:
-  # ============================================
-  # Job 1: Code Quality Checks (Linting)
-  # ============================================
-  lint:
-    name: 🔍 Code Quality Checks
-    runs-on: node-22
-    # env:
-    #   ACTIONS_RUNTIME_URL: http://192.168.1.53:3000 # Setează la nivel de job
-
-    steps:
-      - name: 🔎 Checkout code
-        uses: actions/checkout@v4
-        # with:
-        #   github-server-url: ${{ env.ACTIONS_RUNTIME_URL }}
-
-      # - name: 📦 Setup Node.js
-      #   uses: actions/setup-node@v4
-      #   with:
-      #     node-version: "22"
-      #     cache: "npm"
-
-      - name: 📥 Install dependencies
-        run: npm ci
-
-      - name: 🔍 Run ESLint
-        run: npm run lint
-        continue-on-error: true
-
-      - name: 💅 Check code formatting (Prettier)
-        run: npm run format:check
-        continue-on-error: true
-
-      - name: 🔤 TypeScript type checking
-        run: npx tsc --noEmit
-
-      - name: ✅ All quality checks passed
-        run: |
-          echo "✅ All code quality checks passed successfully!"
-          echo "  - ESLint: No linting errors"
-          echo "  - Prettier: Code is properly formatted"
-          echo "  - TypeScript: No type errors"
-
-  # ============================================
-  # Job 2: Build and Push Docker Image
-  # ============================================
-  build-and-push:
-    name: 🏗️ Build and Push Docker Image
-    runs-on: ubuntu-latest
-    needs: [lint] # Wait for lint job to complete successfully
-
-    steps:
-      - name: 🔎 Checkout code
-        uses: actions/checkout@v4
-
-      - name: 📝 Create .env file from Gitea secrets
-        run: |
-          echo "Creating .env file for Docker build..."
-          cat > .env << EOF
-          # Build-time environment variables
-          NEXT_PUBLIC_SITE_URL=${{ vars.NEXT_PUBLIC_SITE_URL }}
-          NODE_ENV=production
-          NEXT_TELEMETRY_DISABLED=1
-
-          # Add other build-time variables here as needed
-          # NEXT_PUBLIC_GA_ID=${{ vars.NEXT_PUBLIC_GA_ID }}
-          EOF
-
-          echo "✅ .env file created successfully"
-          echo "Preview (secrets masked):"
-          cat .env | sed 's/=.*/=***MASKED***/g'
-
-      # Insecure registry configuration - no authentication required
-      # The registry at repository.workspace:5000 does not require login
-      # Docker push/pull operations work without credentials
-      - name: ℹ️ Registry configuration (insecure - no login required)
-        run: |
-          echo "=== Docker Registry Configuration ==="
-          echo "Registry: ${{ env.REGISTRY }}"
-          echo "Type: Insecure (no authentication required)"
-          echo ""
-          echo "ℹ️ Skipping registry login - insecure registry allows push/pull without credentials"
-          echo ""
-          echo "If your registry requires authentication in the future:"
-          echo "  1. Set REGISTRY_USERNAME and REGISTRY_PASSWORD secrets in Gitea"
-          echo "  2. Uncomment the login step below this message"
-          echo "  3. Change registry URL to authenticated registry"
-
-      # Uncomment this step if registry requires authentication in the future
-      # - name: 🔐 Log in to Docker Registry
-      #   timeout-minutes: 1
-      #   run: |
-      #     if [ -n "${{ secrets.REGISTRY_USERNAME }}" ] && [ -n "${{ secrets.REGISTRY_PASSWORD }}" ]; then
-      #       echo "Attempting login to ${{ env.REGISTRY }}..."
-      #       timeout 30s bash -c 'echo "${{ secrets.REGISTRY_PASSWORD }}" | docker login ${{ env.REGISTRY }} -u "${{ secrets.REGISTRY_USERNAME }}" --password-stdin' || {
-      #         echo "⚠️ Login failed - continuing anyway"
-      #       }
-      #     fi
-
-      - name: 🏗️ Build Docker image
-        timeout-minutes: 30
-        env:
-          DOCKER_BUILDKIT: 1 # Enable BuildKit for faster builds and better caching
-        run: |
-          echo "Building Next.js Docker image with BuildKit (staging)..."
-          echo "Build context size:"
-          du -sh . 2>/dev/null || echo "Cannot measure context size"
-
-          # Build the Docker image for staging
-          # - Uses Dockerfile.nextjs from project root
-          # - Tags image with 'staging' tag
-          # - Enables inline cache for faster subsequent builds
-          docker build \
-            --progress=plain \
-            --build-arg BUILDKIT_INLINE_CACHE=1 \
-            -t ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}:staging \
-            -f Dockerfile.nextjs \
-            .
-
-          echo "✅ Build successful"
-          echo "Image size:"
-          docker images ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}:staging
-
-      - name: 🚀 Push Docker image to registry
-        run: |
-          echo "Pushing staging image to registry..."
-
-          # Push staging tag
-          docker push ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}:staging
-
-          echo "✅ Image pushed successfully"
-          echo "  - ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}:staging"
-
-  # ============================================
-  # Job 3: Deploy to Staging Server
-  # ============================================
-  deploy-staging:
-    name: 🚀 Deploy to Staging
-    runs-on: ubuntu-latest
-    needs: [build-and-push] # Wait for build job to complete
-    environment:
-      name: staging
-      url: http://192.168.1.54:3031
-
-    steps:
-      - name: 🔎 Checkout code (for docker-compose file)
-        uses: actions/checkout@v4
-
-      # Verify Docker is accessible on staging server
-      # Registry authentication is not required for insecure registry
-      - name: ℹ️ Verify staging server Docker access
-        uses: appleboy/ssh-action@v1.0.3
-        with:
-          host: ${{ vars.PRODUCTION_HOST }}
-          username: ${{ vars.PRODUCTION_USER }}
-          key: ${{ secrets.SSH_PRIVATE_KEY }}
-          port: 22
-          script: |
-            echo "=== Verifying Docker is accessible ==="
-            docker info > /dev/null 2>&1 || {
-              echo "❌ Docker is not running or user has no access"
-              echo "Please ensure Docker is installed and user is in docker group"
-              exit 1
-            }
-            echo "✅ Docker is accessible"
-
-            echo ""
-            echo "=== Registry Configuration ==="
-            echo "Registry: ${{ env.REGISTRY }}"
-            echo "Type: Insecure (no authentication)"
-            echo "ℹ️ Skipping registry login - push/pull will work without credentials"
-
-      - name: 📁 Ensure staging directory structure
-        uses: appleboy/ssh-action@v1.0.3
-        with:
-          host: ${{ vars.PRODUCTION_HOST }}
-          username: ${{ vars.PRODUCTION_USER }}
-          key: ${{ secrets.SSH_PRIVATE_KEY }}
-          port: 22
-          script: |
-            echo "=== Ensuring staging directory structure ==="
-
-            # Verify base directory exists and is writable
-            # Update /opt/mypage-staging to match your deployment directory
-            if [ ! -d /opt/mypage-staging ]; then
-              echo "❌ /opt/mypage-staging does not exist!"
-              echo "Please run manually on staging server:"
-              echo "  sudo mkdir -p /opt/mypage-staging"
-              echo "  sudo chown -R deployer:docker /opt/mypage-staging"
-              echo "  sudo chmod -R 775 /opt/mypage-staging"
-              exit 1
-            fi
-
-            if [ ! -w /opt/mypage-staging ]; then
-              echo "❌ /opt/mypage-staging is not writable by $USER user"
-              echo "Please run manually on staging server:"
-              echo "  sudo chown -R deployer:docker /opt/mypage-staging"
-              echo "  sudo chmod -R 775 /opt/mypage-staging"
-              exit 1
-            fi
-
-            # Create data directories for logs
-            mkdir -p /opt/mypage-staging/data/logs || { echo "❌ Failed to create logs directory"; exit 1; }
-
-            echo "✅ Directory structure ready"
-            ls -la /opt/mypage-staging
-
-      - name: 📦 Copy docker-compose.staging.yml to staging server
-        uses: appleboy/scp-action@v0.1.7
-        with:
-          host: ${{ vars.PRODUCTION_HOST }}
-          username: ${{ vars.PRODUCTION_USER }}
-          key: ${{ secrets.SSH_PRIVATE_KEY }}
-          port: 22
-          source: "docker-compose.staging.yml"
-          target: "/opt/mypage-staging/"
-          overwrite: true
-
-      - name: 🐳 Deploy application via Docker Compose
-        uses: appleboy/ssh-action@v1.0.3
-        env:
-          # Optional: only needed if registry requires authentication
-          REGISTRY_PASSWORD: ${{ secrets.REGISTRY_PASSWORD || '' }}
-          REGISTRY_USERNAME: ${{ secrets.REGISTRY_USERNAME || '' }}
-          REGISTRY_URL: ${{ env.REGISTRY }}
-          IMAGE_FULL: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}:staging
-        with:
-          host: ${{ vars.PRODUCTION_HOST }}
-          username: ${{ vars.PRODUCTION_USER }}
-          key: ${{ secrets.SSH_PRIVATE_KEY }}
-          port: 22
-          envs: REGISTRY_PASSWORD,REGISTRY_USERNAME,REGISTRY_URL,IMAGE_FULL
-          script_stop: true # Stop execution on any error
-          script: |
-            echo "=== Starting deployment to staging server ==="
-            cd /opt/mypage-staging
-
-            # Registry configuration - insecure registry does not require authentication
-            echo "=== Registry Configuration ==="
-            echo "Registry: $REGISTRY_URL"
-            echo "Type: Insecure (no authentication required)"
-            echo "ℹ️ Skipping registry login"
-            echo ""
-
-            # Verify docker-compose.staging.yml exists (copied by previous step)
-            if [ ! -f docker-compose.staging.yml ]; then
-              echo "❌ docker-compose.staging.yml not found in /opt/mypage-staging"
-              echo "File should have been copied by CI/CD workflow"
-              exit 1
-            fi
-            echo "✅ Using docker-compose.staging.yml"
-
-            # Pull latest staging image from registry
-            echo "=== Pulling latest Docker image (staging) ==="
-            docker pull "$IMAGE_FULL"
-
-            if [ $? -ne 0 ]; then
-              echo "❌ Failed to pull image, aborting deployment"
-              exit 1
-            fi
-
-            # Deploy new container
-            # - Stops old container
-            # - Removes old container
-            # - Creates and starts new container with fresh image
-            echo "=== Deploying new staging container ==="
-            docker compose -f docker-compose.staging.yml up -d --force-recreate
-
-            if [ $? -ne 0 ]; then
-              echo "❌ Failed to deploy new container"
-              echo "Check logs above for errors"
-              exit 1
-            fi
-
-            # Check container status
-            echo "=== Container Status ==="
-            docker compose -f docker-compose.staging.yml ps
-
-            # Show recent logs for debugging
-            echo "=== Recent application logs ==="
-            docker compose -f docker-compose.staging.yml logs --tail=50
-
-            # Clean up old/unused images to save disk space
-            echo "=== Cleaning up old Docker images ==="
-            docker image prune -f
-
-            echo "✅ Staging deployment completed successfully ==="
-
-      - name: ❤️ Health check
-        uses: appleboy/ssh-action@v1.0.3
-        with:
-          host: ${{ vars.PRODUCTION_HOST }}
-          username: ${{ vars.PRODUCTION_USER }}
-          key: ${{ secrets.SSH_PRIVATE_KEY }}
-          port: 22
-          script: |
-            echo "=== Performing health check ==="
-            cd /opt/mypage-staging
-            max_attempts=15
-            attempt=1
-
-            # Wait for container to be healthy (respect start_period from health check)
-            echo "Waiting for application to start (40s start period)..."
-            sleep 40
-
-            # Retry health check up to 15 times
-            while [ $attempt -le $max_attempts ]; do
-              # Check if application responds at port 3031
-              if curl -f http://localhost:3031/ > /dev/null 2>&1; then
-                echo "✅ Health check passed!"
-                echo "Application is healthy and responding to requests"
-                exit 0
-              fi
-              echo "Attempt $attempt/$max_attempts: Health check failed, retrying in 5s..."
-              sleep 5
-              attempt=$((attempt + 1))
-            done
-
-            # Health check failed - gather diagnostic information
-            echo "❌ Health check failed after $max_attempts attempts"
-            echo ""
-            echo "=== Container Status ==="
-            docker compose -f docker-compose.staging.yml ps
-            echo ""
-            echo "=== Container Health ==="
-            docker inspect mypage-staging --format='{{.State.Health.Status}}' 2>/dev/null || echo "No health status"
-            echo ""
-            echo "=== Recent Application Logs ==="
-            docker compose -f docker-compose.staging.yml logs --tail=100
-
-            exit 1
-
-      - name: 📊 Deployment summary
-        if: always() # Run even if previous steps fail
-        run: |
-          echo "### 🚀 Deployment Summary" >> $GITHUB_STEP_SUMMARY
-          echo "" >> $GITHUB_STEP_SUMMARY
-          echo "- **Environment**: Staging" >> $GITHUB_STEP_SUMMARY
-          echo "- **Image**: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}:staging" >> $GITHUB_STEP_SUMMARY
-          echo "- **Commit**: \`${{ github.sha }}\`" >> $GITHUB_STEP_SUMMARY
-          echo "- **Workflow Run**: #${{ github.run_number }}" >> $GITHUB_STEP_SUMMARY
-          echo "- **Triggered By**: ${{ github.actor }}" >> $GITHUB_STEP_SUMMARY
-          echo "- **Status**: ${{ job.status }}" >> $GITHUB_STEP_SUMMARY
-          echo "" >> $GITHUB_STEP_SUMMARY
-          echo "**Next Steps:**" >> $GITHUB_STEP_SUMMARY
-          echo "1. Verify application is accessible at http://192.168.1.54:3031" >> $GITHUB_STEP_SUMMARY
-          echo "2. Check application logs for any errors" >> $GITHUB_STEP_SUMMARY
-          echo "3. Test staging features before promoting to production" >> $GITHUB_STEP_SUMMARY

.gitignore

@@ -16,9 +16,3 @@ yarn-error.log*
 .vercel
 *.tsbuildinfo
 next-env.d.ts
-
-# Build artifacts (copied images)
-public/blog/**/*.jpg
-public/blog/**/*.png
-public/blog/**/*.webp
-public/blog/**/*.gif

.prettierignore

@@ -1,9 +0,0 @@
-node_modules
-.next
-out
-build
-dist
-.cache
-package-lock.json
-public
-coverage

.prettierrc

@@ -1,7 +0,0 @@
-{
-  "semi": false,
-  "singleQuote": true,
-  "printWidth": 100,
-  "arrowParens": "avoid",
-  "trailingComma": "es5"
-}

CLAUDE.md

@@ -74,12 +74,11 @@ lib/
 ```
 
 **Frontmatter Schema:**
-
 ```yaml
 ---
 title: string              # Required
 description: string        # Required
-date: 'YYYY-MM-DD' # Required, ISO format
+date: "YYYY-MM-DD"        # Required, ISO format
 author: string             # Required
 tags: [string, string?, string?]  # Max 3 tags
 image?: string             # Optional hero image
@@ -108,25 +107,20 @@ components/
 ### File Naming Conventions
 
 **Files and Directories:**
-
 - Use **kebab-case** for all file names: `user-profile.tsx`, `blog-post.tsx`
 - Special Next.js files: `page.tsx`, `layout.tsx`, `not-found.tsx`, `loading.tsx`
 
 **Component Names (inside files):**
-
 - Use **PascalCase**: `export function UserProfile()`, `export default BlogPost`
 
 **Variables, Functions, Props:**
-
 - Use **camelCase**: `const userSettings = {}`, `function handleSubmit() {}`
 - Hooks: `useTheme`, `useMarkdown`
 
 **Constants:**
-
 - Use **SCREAMING_SNAKE_CASE**: `const API_BASE_URL = "..."`
 
 **Why kebab-case for files?**
-
 - Cross-platform compatibility (Windows vs Unix)
 - URL-friendly (file names often map to routes)
 - Easier to parse and read
@@ -158,7 +152,6 @@ export default function RootLayout({ children }) {
 ```
 
 **Client Component for Toggle:**
-
 ```typescript
 // components/theme-toggle.tsx
 'use client'
@@ -180,7 +173,6 @@ export function ThemeToggle() {
 ```
 
 **Tailwind Configuration:**
-
 ```javascript
 // tailwind.config.js
 module.exports = {
@@ -190,15 +182,14 @@ module.exports = {
       colors: {
         // Define custom colors for consistency
         'dark-primary': '#18181b',
-        accent: { DEFAULT: '#164e63', hover: '#155e75' },
+        'accent': { DEFAULT: '#164e63', hover: '#155e75' }
-      },
+      }
-    },
+    }
-  },
+  }
 }
 ```
 
 **CSS Variables Pattern:**
-
 ```css
 /* globals.css */
 :root {
@@ -228,7 +219,6 @@ module.exports = {
 ### Next.js 16 Specific Patterns
 
 **Async Server Components:**
-
 ```typescript
 // app/blog/page.tsx
 export default async function BlogPage() {
@@ -238,7 +228,6 @@ export default async function BlogPage() {
 ```
 
 **Static Generation with Dynamic Routes:**
-
 ```typescript
 // app/blog/[...slug]/page.tsx
 export async function generateStaticParams() {
@@ -253,7 +242,6 @@ export async function generateMetadata({ params }) {
 ```
 
 **Parallel Routes for Layout Composition:**
-
 ```typescript
 // app/layout.tsx
 export default function RootLayout({
@@ -290,14 +278,12 @@ export default function RootLayout({
 ### Styling Guidelines
 
 **Color Palette:**
-
 - Backgrounds: `zinc-900`, `slate-900`, `slate-800`
 - Accents: `cyan-900`, `emerald-900`, `teal-900`
 - Text: `slate-100`, `slate-300`, `slate-500`
 - Borders: `border-2`, `border-4` (thick, sharp)
 
 **Design Tokens:**
-
 - **NO rounded corners:** Use `rounded-none` or omit (default is sharp)
 - **Monospace fonts:** Apply `font-mono` for terminal aesthetic
 - **Uppercase labels:** Use `uppercase tracking-wider` for headers
@@ -305,7 +291,6 @@ export default function RootLayout({
 - **Classification labels:** Add metadata like "FILE#001", "DOCUMENT LEVEL-1"
 
 **Typography:**
-
 - Primary font: `JetBrains Mono` (monospace)
 - Headings: `font-mono font-bold uppercase`
 - Body: `font-mono text-sm`

Dockerfile.nextjs

@@ -5,7 +5,7 @@
 # ============================================
 # Stage 1: Dependencies Installation
 # ============================================
-FROM node:22-alpine AS deps
+FROM node:20-alpine AS deps
 
 # Install libc6-compat for better compatibility
 RUN apk add --no-cache libc6-compat
@@ -24,18 +24,13 @@ RUN npm ci
 # ============================================
 # Stage 2: Build Next.js Application
 # ============================================
-FROM node:22-alpine AS builder
+FROM node:20-alpine AS builder
 
 WORKDIR /app
 
 # Copy dependencies from deps stage
 COPY --from=deps /app/node_modules ./node_modules
 
-# Copy .env file for build-time variables
-# This file is created by CI/CD workflow from Gitea secrets
-# NEXT_PUBLIC_* variables are embedded in client-side bundle during build
-COPY .env* ./
-
 # Copy all application source code
 # This includes:
 # - app/ directory (Next.js 16 App Router)
@@ -62,7 +57,7 @@ RUN npm run build
 # ============================================
 # Stage 3: Production Runtime
 # ============================================
-FROM node:22-alpine AS runner
+FROM node:20-alpine AS runner
 
 # Install curl for health checks
 RUN apk add --no-cache curl

app/@breadcrumbs/about/page.tsx

@@ -1,4 +1,4 @@
-import { Breadcrumbs } from '@/components/layout/Breadcrumbs'
+import { Breadcrumbs } from '@/components/layout/Breadcrumbs';
 
 export default function AboutBreadcrumb() {
   return (
@@ -11,5 +11,5 @@ export default function AboutBreadcrumb() {
         },
       ]}
     />
-  )
+  );
 }

app/@breadcrumbs/blog/[...slug]/page.tsx

@@ -1,10 +1,10 @@
-import { Breadcrumbs } from '@/components/layout/Breadcrumbs'
+import { Breadcrumbs } from '@/components/layout/Breadcrumbs';
-import { getPostBySlug } from '@/lib/markdown'
+import { getPostBySlug } from '@/lib/markdown';
 
 interface BreadcrumbItem {
-  label: string
+  label: string;
-  href: string
+  href: string;
-  current?: boolean
+  current?: boolean;
 }
 
 function formatDirectoryName(name: string): string {
@@ -12,34 +12,34 @@ function formatDirectoryName(name: string): string {
     tech: 'Tehnologie',
     design: 'Design',
     tutorial: 'Tutoriale',
-  }
+  };
 
-  return directoryNames[name] || name.charAt(0).toUpperCase() + name.slice(1)
+  return directoryNames[name] || name.charAt(0).toUpperCase() + name.slice(1);
 }
 
 export default async function BlogPostBreadcrumb({
   params,
 }: {
-  params: Promise<{ slug: string[] }>
+  params: Promise<{ slug: string[] }>;
 }) {
-  const { slug } = await params
+  const { slug } = await params;
-  const slugPath = slug.join('/')
+  const slugPath = slug.join('/');
-  const post = await getPostBySlug(slugPath)
+  const post = getPostBySlug(slugPath);
 
   const items: BreadcrumbItem[] = [
     {
       label: 'Blog',
       href: '/blog',
     },
-  ]
+  ];
 
   if (slug.length > 1) {
     for (let i = 0; i < slug.length - 1; i++) {
-      const segmentPath = slug.slice(0, i + 1).join('/')
+      const segmentPath = slug.slice(0, i + 1).join('/');
       items.push({
         label: formatDirectoryName(slug[i]),
         href: `/blog/${segmentPath}`,
-      })
+      });
     }
   }
 
@@ -47,7 +47,7 @@ export default async function BlogPostBreadcrumb({
     label: post ? post.frontmatter.title : slug[slug.length - 1],
     href: `/blog/${slugPath}`,
     current: true,
-  })
+  });
 
-  return <Breadcrumbs items={items} />
+  return <Breadcrumbs items={items} />;
 }

app/@breadcrumbs/blog/page.tsx

@@ -1,4 +1,4 @@
-import { Breadcrumbs } from '@/components/layout/Breadcrumbs'
+import { Breadcrumbs } from '@/components/layout/Breadcrumbs';
 
 export default function BlogBreadcrumb() {
   return (
@@ -11,5 +11,5 @@ export default function BlogBreadcrumb() {
         },
       ]}
     />
-  )
+  );
 }

app/@breadcrumbs/default.tsx

@@ -0,0 +1,7 @@
+'use client';
+
+import { Breadcrumbs } from '@/components/layout/Breadcrumbs';
+
+export default function DefaultBreadcrumb() {
+  return <Breadcrumbs />;
+}

app/@breadcrumbs/tags/[tag]/page.tsx

@@ -1,11 +1,15 @@
-import { Breadcrumbs } from '@/components/layout/Breadcrumbs'
+import { Breadcrumbs } from '@/components/layout/Breadcrumbs';
 
-export default async function TagBreadcrumb({ params }: { params: Promise<{ tag: string }> }) {
+export default async function TagBreadcrumb({
-  const { tag } = await params
+  params,
+}: {
+  params: Promise<{ tag: string }>;
+}) {
+  const { tag } = await params;
   const tagName = tag
     .split('-')
     .map(word => word.charAt(0).toUpperCase() + word.slice(1))
-    .join(' ')
+    .join(' ');
 
   return (
     <Breadcrumbs
@@ -21,5 +25,5 @@ export default async function TagBreadcrumb({ params }: { params: Promise<{ tag:
         },
       ]}
     />
-  )
+  );
 }

app/@breadcrumbs/tags/page.tsx

@@ -1,4 +1,4 @@
-import { Breadcrumbs } from '@/components/layout/Breadcrumbs'
+import { Breadcrumbs } from '@/components/layout/Breadcrumbs';
 
 export default function TagsBreadcrumb() {
   return (
@@ -11,5 +11,5 @@ export default function TagsBreadcrumb() {
         },
       ]}
     />
-  )
+  );
 }

app/[locale]/@breadcrumbs/default.tsx

@@ -1,7 +0,0 @@
-'use client'
-
-import { Breadcrumbs } from '@/components/layout/Breadcrumbs'
-
-export default function DefaultBreadcrumb() {
-  return <Breadcrumbs />
-}

app/[locale]/about/page.tsx

@@ -1,259 +0,0 @@
-import { Metadata } from 'next'
-import { Navbar } from '@/components/blog/navbar'
-import {setRequestLocale} from 'next-intl/server'
-
-export const metadata: Metadata = {
-  title: 'About',
-  description: 'Learn more about me and this blog',
-}
-
-type Props = {
-  params: Promise<{locale: string}>
-}
-
-export default async function AboutPage({params}: Props) {
-  const {locale} = await params
-  setRequestLocale(locale)
-  return (
-    <>
-      <Navbar />
-      <div className="min-h-screen bg-[rgb(var(--bg-primary))]">
-        <div className="max-w-4xl mx-auto px-6 py-16">
-          {/* Classification Header */}
-          <div className="border-2 border-[rgb(var(--border-primary))] p-8 mb-10">
-            <p className="text-[rgb(var(--text-muted))] font-mono text-xs uppercase tracking-widest mb-4">
-              &gt;&gt; _DOC://PUBLIC_ACCESS
-            </p>
-            <h1 className="text-4xl md:text-5xl font-mono font-bold uppercase text-[rgb(var(--text-primary))] tracking-tight">
-              ABOUT ME_
-            </h1>
-          </div>
-
-          {/* Main Content */}
-          <div className="space-y-8">
-            {/* Introduction Section */}
-            <section className="border-2 border-[rgb(var(--border-primary))]  p-8">
-              <div className="border-l-4 border-[var(--neon-cyan)] pl-6">
-                <p className="font-mono text-base text-[rgb(var(--text-primary))] leading-relaxed mb-4">
-                  Welcome to my corner of the internet! This is where I share my thoughts, opinions,
-                  and experiences - from tech adventures to life as a family man. Yes, I love
-                  technology, but there&apos;s so much more to life than just code and servers.
-                </p>
-                <p className="font-mono text-sm text-[rgb(var(--text-muted))] uppercase tracking-wider">
-                  STATUS: ACTIVE // ROLE: DAD + DEV + LIFE ENTHUSIAST
-                </p>
-              </div>
-            </section>
-
-            {/* Life & Values Section */}
-            <section className="border-2 border-[rgb(var(--border-primary))]  p-8">
-              <h2 className="text-2xl font-mono font-bold uppercase text-[rgb(var(--text-primary))] mb-6 pb-3 border-b-2 border-[rgb(var(--border-primary))]">
-                &gt; LIFE & VALUES
-              </h2>
-              <div className="space-y-4">
-                <div className="border-l-4 border-[var(--neon-pink)] pl-6">
-                  <h3 className="font-mono text-sm font-bold text-[var(--neon-pink)] uppercase mb-2">
-                    [FAMILY FIRST]
-                  </h3>
-                  <p className="font-mono text-sm text-[rgb(var(--text-primary))] leading-relaxed">
-                    Being a dad to an amazing toddler is my most important role. Family time is
-                    sacred - whether it&apos;s building block towers, exploring parks, or just
-                    enjoying the chaos of everyday life together. Tech can wait; these moments
-                    can&apos;t.
-                  </p>
-                </div>
-                <div className="border-l-4 border-[var(--neon-cyan)] pl-6">
-                  <h3 className="font-mono text-sm font-bold text-[var(--neon-cyan)] uppercase mb-2">
-                    [ACTIVE LIFESTYLE]
-                  </h3>
-                  <p className="font-mono text-sm text-[rgb(var(--text-primary))] leading-relaxed">
-                    I believe in keeping the body active. Whether it&apos;s hitting the gym, playing
-                    sports, or just staying on the move - physical activity keeps me sharp,
-                    balanced, and ready for whatever life throws my way.
-                  </p>
-                </div>
-                <div className="border-l-4 border-[var(--neon-green)] pl-6">
-                  <h3 className="font-mono text-sm font-bold text-[var(--neon-green)] uppercase mb-2">
-                    [ENJOYING THE SIMPLE THINGS]
-                  </h3>
-                  <p className="font-mono text-sm text-[rgb(var(--text-primary))] leading-relaxed">
-                    Life&apos;s too short not to enjoy it. A good drink, a relaxing
-                    evening after a long day, or just not doing anything a blowing some steam off.
-                  </p>
-                </div>
-                <div className="border-l-4 border-[var(--neon-orange)] pl-6">
-                  <h3 className="font-mono text-sm font-bold text-[var(--neon-orange)] uppercase mb-2">
-                    [TECH WITH PURPOSE]
-                  </h3>
-                  <p className="font-mono text-sm text-[rgb(var(--text-primary))] leading-relaxed">
-                    Yes, I love tech - self-hosting, privacy, tinkering with hardware. But it&apos;s
-                    a tool, not a lifestyle. Tech should serve life, not the other way around.
-                  </p>
-                </div>
-              </div>
-            </section>
-
-            {/* Content Section */}
-            <section className="border-2 border-[rgb(var(--border-primary))]  p-8">
-              <h2 className="text-2xl font-mono font-bold uppercase text-[rgb(var(--text-primary))] mb-6 pb-3 border-b-2 border-[rgb(var(--border-primary))]">
-                &gt; WHAT YOU&apos;LL FIND HERE
-              </h2>
-              <p className="font-mono text-sm text-[rgb(var(--text-muted))] uppercase tracking-wider mb-6">
-                CONTENT SCOPE // EVERYTHING FROM TECH TO LIFE
-              </p>
-              <ul className="space-y-3">
-                <li className="flex items-start gap-3">
-                  <span className="text-[var(--neon-pink)] font-mono font-bold">&gt;</span>
-                  <span className="font-mono text-sm text-[rgb(var(--text-primary))] leading-relaxed">
-                    <strong>Thoughts & Opinions</strong> - My take on life, work, and everything in
-                    between
-                  </span>
-                </li>
-                <li className="flex items-start gap-3">
-                  <span className="text-[var(--neon-pink)] font-mono font-bold">&gt;</span>
-                  <span className="font-mono text-sm text-[rgb(var(--text-primary))] leading-relaxed">
-                    <strong>Life & Family</strong> - Adventures in parenting, sports, and enjoying
-                    the simple things
-                  </span>
-                </li>
-                <li className="flex items-start gap-3">
-                  <span className="text-[var(--neon-cyan)] font-mono font-bold">&gt;</span>
-                  <span className="font-mono text-sm text-[rgb(var(--text-primary))] leading-relaxed">
-                    <strong>Tech Research</strong> - When I dive into interesting technologies and
-                    experiments
-                  </span>
-                </li>
-                <li className="flex items-start gap-3">
-                  <span className="text-[var(--neon-cyan)] font-mono font-bold">&gt;</span>
-                  <span className="font-mono text-sm text-[rgb(var(--text-primary))] leading-relaxed">
-                    <strong>System Administration</strong> - Self-hosting, infrastructure, and
-                    DevOps adventures
-                  </span>
-                </li>
-                <li className="flex items-start gap-3">
-                  <span className="text-[var(--neon-cyan)] font-mono font-bold">&gt;</span>
-                  <span className="font-mono text-sm text-[rgb(var(--text-primary))] leading-relaxed">
-                    <strong>Development Insights</strong> - Lessons learned from building software
-                  </span>
-                </li>
-                <li className="flex items-start gap-3">
-                  <span className="text-[var(--neon-green)] font-mono font-bold">&gt;</span>
-                  <span className="font-mono text-sm text-[rgb(var(--text-primary))] leading-relaxed">
-                    <strong>Random Stuff</strong> - Because life doesn&apos;t fit into neat
-                    categories!
-                  </span>
-                </li>
-              </ul>
-            </section>
-
-            {/* Areas of Focus Section */}
-            <section className="border-2 border-[rgb(var(--border-primary))]  p-8">
-              <h2 className="text-2xl font-mono font-bold uppercase text-[rgb(var(--text-primary))] mb-6 pb-3 border-b-2 border-[rgb(var(--border-primary))]">
-                &gt; AREAS OF FOCUS
-              </h2>
-              <div className="grid md:grid-cols-2 gap-4">
-                <div className="border border-[rgb(var(--border-primary))] p-4">
-                  <h3 className="font-mono text-xs font-bold text-[var(--neon-pink)] uppercase mb-2">
-                    [BEING A DAD]
-                  </h3>
-                  <p className="font-mono text-xs text-[rgb(var(--text-primary))] leading-relaxed">
-                    Playing with my boy, teaching moments, watching him grow, building memories
-                    together
-                  </p>
-                </div>
-                <div className="border border-[rgb(var(--border-primary))] p-4">
-                  <h3 className="font-mono text-xs font-bold text-[var(--neon-cyan)] uppercase mb-2">
-                    [STAYING ACTIVE]
-                  </h3>
-                  <p className="font-mono text-xs text-[rgb(var(--text-primary))] leading-relaxed">
-                    Gym sessions, sports, keeping fit, maintaining energy for life&apos;s demands
-                  </p>
-                </div>
-                <div className="border border-[rgb(var(--border-primary))] p-4">
-                  <h3 className="font-mono text-xs font-bold text-[var(--neon-green)] uppercase mb-2">
-                    [TECHNOLOGY & SYSTEMS]
-                  </h3>
-                  <p className="font-mono text-xs text-[rgb(var(--text-primary))] leading-relaxed">
-                    Software development, infrastructure, DevOps, self-hosting adventures
-                  </p>
-                </div>
-                <div className="border border-[rgb(var(--border-primary))] p-4">
-                  <h3 className="font-mono text-xs font-bold text-[var(--neon-orange)] uppercase mb-2">
-                    [LIFE BALANCE]
-                  </h3>
-                  <p className="font-mono text-xs text-[rgb(var(--text-primary))] leading-relaxed">
-                    Relaxing with good company, enjoying downtime, appreciating the simple moments
-                  </p>
-                </div>
-              </div>
-            </section>
-            {/* Tech Stack Section */}
-            <section className="border-2 border-[rgb(var(--border-primary))]  p-8">
-              <h2 className="text-2xl font-mono font-bold uppercase text-[rgb(var(--text-primary))] mb-6 pb-3 border-b-2 border-[rgb(var(--border-primary))]">
-                &gt; TECH STACK
-              </h2>
-              <p className="font-mono text-sm text-[rgb(var(--text-muted))] uppercase tracking-wider mb-6">
-                TOOLS I USE // WHEN NEEDED
-              </p>
-              <div className="grid md:grid-cols-2 gap-4">
-                <div className="border border-[rgb(var(--border-primary))] p-4">
-                  <h3 className="font-mono text-xs font-bold text-[var(--neon-cyan)] uppercase mb-2">
-                    [DEVELOPMENT]
-                  </h3>
-                  <p className="font-mono text-xs text-[rgb(var(--text-primary))] leading-relaxed">
-                    .NET, Golang, TypeScript, Next.js, React
-                  </p>
-                </div>
-                <div className="border border-[rgb(var(--border-primary))] p-4">
-                  <h3 className="font-mono text-xs font-bold text-[var(--neon-cyan)] uppercase mb-2">
-                    [INFRASTRUCTURE]
-                  </h3>
-                  <p className="font-mono text-xs text-[rgb(var(--text-primary))] leading-relaxed">
-                    Windows Server, Linux, Docker, Hyper-V
-                  </p>
-                </div>
-                <div className="border border-[rgb(var(--border-primary))] p-4">
-                  <h3 className="font-mono text-xs font-bold text-[var(--neon-cyan)] uppercase mb-2">
-                    [DESIGN]
-                  </h3>
-                  <p className="font-mono text-xs text-[rgb(var(--text-primary))] leading-relaxed">
-                    Tailwind CSS, Markdown, Terminal aesthetics
-                  </p>
-                </div>
-                <div className="border border-[rgb(var(--border-primary))] p-4">
-                  <h3 className="font-mono text-xs font-bold text-[var(--neon-cyan)] uppercase mb-2">
-                    [SELF-HOSTING]
-                  </h3>
-                  <p className="font-mono text-xs text-[rgb(var(--text-primary))] leading-relaxed">
-                    Home lab, privacy-focused services, full control, Git server
-                  </p>
-                </div>
-              </div>
-            </section>
-            {/* Contact Section */}
-            <section className="border-2 border-[rgb(var(--border-primary))]  p-8">
-              <h2 className="text-2xl font-mono font-bold uppercase text-[rgb(var(--text-primary))] mb-6 pb-3 border-b-2 border-[rgb(var(--border-primary))]">
-                &gt; CONTACT
-              </h2>
-              <div className="border-l-4 border-[var(--neon-pink)] pl-6">
-                {/* <p className="font-mono text-sm text-[rgb(var(--text-primary))] leading-relaxed mb-4">
-                  You can reach me at{' '}
-                  <a
-                    href="mailto:email@example.com"
-                    className="text-[var(--neon-cyan)] hover:text-[var(--neon-pink)] underline transition-colors"
-                  >
-                    email@example.com
-                  </a>{' '}
-                  or find me on social media.
-                </p> */}
-                {/* <p className="font-mono text-xs text-[rgb(var(--text-muted))] uppercase tracking-wider">
-                  RESPONSE TIME: &lt; 24H // STATUS: MONITORED
-                </p> */}
-              </div>
-            </section>
-          </div>
-        </div>
-      </div>
-    </>
-  )
-}

app/[locale]/blog/[...slug]/not-found.tsx

@@ -1,32 +0,0 @@
-import { useTranslations } from 'next-intl'
-import { Link } from '@/i18n/navigation'
-
-export default function NotFound() {
-  const t = useTranslations('NotFound')
-
-  return (
-    <div className="min-h-[60vh] flex items-center justify-center">
-      <div className="text-center">
-        <h1 className="text-6xl font-bold text-gray-300 dark:text-gray-700 mb-4">404</h1>
-        <h2 className="text-2xl font-semibold mb-4">{t('title')}</h2>
-        <p className="text-gray-600 dark:text-gray-400 mb-8">
-          {t('description')}
-        </p>
-        <div className="space-x-4">
-          <Link
-            href="/blog"
-            className="inline-block px-6 py-3 bg-primary-600 text-white rounded-lg hover:bg-primary-700 transition"
-          >
-            {t('goHome')}
-          </Link>
-          <Link
-            href="/"
-            className="inline-block px-6 py-3 border border-gray-300 dark:border-gray-600 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-800 transition"
-          >
-            {t('goHome')}
-          </Link>
-        </div>
-      </div>
-    </div>
-  )
-}

app/[locale]/layout.tsx

@@ -1,35 +0,0 @@
-import {notFound} from 'next/navigation'
-import {setRequestLocale} from 'next-intl/server'
-import {routing} from '@/src/i18n/routing'
-import {ReactNode} from 'react'
-
-type Props = {
-  children: ReactNode
-  breadcrumbs: ReactNode
-  params: Promise<{locale: string}>
-}
-
-export function generateStaticParams() {
-  return routing.locales.map((locale) => ({locale}))
-}
-
-export default async function LocaleLayout({
-  children,
-  breadcrumbs,
-  params
-}: Props) {
-  const {locale} = await params
-  
-  if (!routing.locales.includes(locale as any)) {
-    notFound()
-  }
-
-  setRequestLocale(locale)
-
-  return (
-    <>
-      {breadcrumbs}
-      <main>{children}</main>
-    </>
-  )
-}

app/[locale]/tags/[tag]/not-found.tsx

@@ -1,40 +0,0 @@
-import Link from 'next/link'
-
-export default function TagNotFound() {
-  return (
-    <div className="min-h-screen bg-slate-950 text-slate-100 flex items-center justify-center">
-      <div className="max-w-2xl mx-auto px-6">
-        <div className="border-4 border-red-900 bg-red-950 p-12 text-center">
-          <div className="border-2 border-red-800 bg-red-900 p-4 mb-6 inline-block">
-            <p className="font-mono text-6xl font-bold text-red-400">404</p>
-          </div>
-          <p className="font-mono text-xs text-red-600 uppercase tracking-widest mb-2">
-            ERROR: TAG NOT FOUND
-          </p>
-          <h1 className="font-mono text-3xl font-bold uppercase mb-4 text-red-400">
-            TAG DOES NOT EXIST
-          </h1>
-          <p className="font-mono text-sm text-red-300 mb-8 max-w-md mx-auto">
-            &gt; THE REQUESTED TAG COULD NOT BE LOCATED IN THE DATABASE
-            <br />
-            &gt; IT MAY HAVE BEEN REMOVED OR NEVER EXISTED
-          </p>
-          <div className="flex gap-4 justify-center flex-wrap">
-            <Link
-              href="/tags"
-              className="inline-block px-6 py-3 font-mono text-xs uppercase border-2 border-cyan-400 bg-cyan-900 text-cyan-100 hover:bg-cyan-800 transition"
-            >
-              &gt; VIEW ALL TAGS
-            </Link>
-            <Link
-              href="/blog"
-              className="inline-block px-6 py-3 font-mono text-xs uppercase border-2 border-slate-600 bg-slate-900 text-slate-300 hover:bg-slate-800 transition"
-            >
-              &gt; VIEW ALL POSTS
-            </Link>
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}

app/[locale]/tags/[tag]/page.tsx

@@ -1,179 +0,0 @@
-import { Metadata } from 'next'
-import { notFound } from 'next/navigation'
-import {Link} from '@/src/i18n/navigation'
-import { getAllTags, getPostsByTag, getTagInfo, getRelatedTags } from '@/lib/tags'
-import { TagList } from '@/components/blog/tag-list'
-import { formatDate } from '@/lib/utils'
-import {setRequestLocale} from 'next-intl/server'
-import {routing} from '@/src/i18n/routing'
-
-export async function generateStaticParams() {
-  const tags = await getAllTags()
-  return tags.map(tag => ({ tag: tag.slug }))
-}
-
-export async function generateMetadata({
-  params,
-}: {
-  params: Promise<{ locale: string; tag: string }>
-}): Promise<Metadata> {
-  const { tag } = await params
-  const tagInfo = await getTagInfo(tag)
-
-  if (!tagInfo) {
-    return { title: 'Tag negăsit' }
-  }
-
-  return {
-    title: `Tag: ${tagInfo.name}`,
-    description: `Articole marcate cu #${tagInfo.name}. ${tagInfo.count} articole disponibile.`,
-    openGraph: {
-      title: `Tag: ${tagInfo.name}`,
-      description: `Explorează ${tagInfo.count} articole despre ${tagInfo.name}`,
-    },
-  }
-}
-
-function PostCard({ post }: { post: any }) {
-  return (
-    <article className="border-2 border-slate-700 bg-slate-900 p-6 hover:border-cyan-400 transition">
-      {post.frontmatter.image && (
-        <img
-          src={post.frontmatter.image}
-          alt={post.frontmatter.title}
-          className="w-full h-48 object-cover mb-4 border-2 border-slate-800"
-        />
-      )}
-
-      <div className="flex items-center gap-2 font-mono text-xs text-zinc-500 mb-3 uppercase">
-        <time dateTime={post.frontmatter.date}>{formatDate(post.frontmatter.date)}</time>
-        <span>&gt;</span>
-        <span>{post.readingTime} min</span>
-      </div>
-
-      <h2 className="font-mono text-lg font-bold mb-3 uppercase">
-        <Link href={`/blog/${post.slug}`} className="text-cyan-400 hover:text-cyan-300 transition">
-          {post.frontmatter.title}
-        </Link>
-      </h2>
-
-      <p className="text-zinc-400 mb-4 line-clamp-3">{post.frontmatter.description}</p>
-
-      {post.frontmatter.tags && <TagList tags={post.frontmatter.tags} variant="minimal" />}
-    </article>
-  )
-}
-
-export default async function TagPage({ params }: { params: Promise<{ tag: string }> }) {
-  const { tag } = await params
-  const tagInfo = await getTagInfo(tag)
-
-  if (!tagInfo) {
-    notFound()
-  }
-
-  const posts = await getPostsByTag(tag)
-  const relatedTags = await getRelatedTags(tag)
-
-  return (
-    <div className="min-h-screen bg-slate-950 text-slate-100">
-      <div className="max-w-6xl mx-auto px-6 py-12">
-        <div className="border-4 border-cyan-800 bg-cyan-950 p-8 mb-8">
-          <div className="flex items-center justify-between flex-wrap gap-4">
-            <div>
-              <p className="font-mono text-xs text-cyan-600 uppercase tracking-widest mb-2">
-                TAG ARCHIVE
-              </p>
-              <h1 className="font-mono text-3xl font-bold uppercase mb-2">
-                <span className="text-cyan-400">#{tagInfo.name}</span>
-              </h1>
-              <p className="font-mono text-sm text-cyan-300">
-                &gt; {tagInfo.count} {tagInfo.count === 1 ? 'DOCUMENT' : 'DOCUMENTS'}
-              </p>
-            </div>
-            <div>
-              <Link
-                href="/tags"
-                className="inline-flex items-center px-4 py-2 font-mono text-xs uppercase border-2 border-cyan-400 bg-slate-900 text-cyan-400 hover:bg-cyan-900 transition"
-              >
-                &gt; ALL TAGS
-              </Link>
-            </div>
-          </div>
-        </div>
-
-        <div className="grid gap-8 lg:grid-cols-4">
-          <div className="lg:col-span-3">
-            {posts.length === 0 ? (
-              <div className="border-4 border-slate-800 bg-slate-900 p-12 text-center">
-                <p className="font-mono text-zinc-400 mb-6 uppercase">&gt; NO DOCUMENTS FOUND</p>
-                <Link
-                  href="/blog"
-                  className="inline-block px-6 py-3 font-mono text-sm uppercase border-2 border-cyan-400 bg-cyan-900 text-cyan-100 hover:bg-cyan-800 transition"
-                >
-                  &gt; VIEW ALL POSTS
-                </Link>
-              </div>
-            ) : (
-              <div className="grid gap-6">
-                {posts.map(post => (
-                  <PostCard key={post.slug} post={post} />
-                ))}
-              </div>
-            )}
-          </div>
-
-          <aside className="lg:col-span-1 space-y-6">
-            {relatedTags.length > 0 && (
-              <div className="border-2 border-slate-700 bg-slate-900 p-6">
-                <div className="border-b-2 border-slate-700 pb-3 mb-4">
-                  <h2 className="font-mono text-sm font-bold uppercase text-cyan-400">
-                    RELATED TAGS
-                  </h2>
-                </div>
-                <div className="space-y-2">
-                  {relatedTags.map(tag => (
-                    <Link
-                      key={tag.slug}
-                      href={`/tags/${tag.slug}`}
-                      className="flex items-center justify-between p-2 border border-slate-700 hover:border-cyan-400 hover:bg-slate-800 transition"
-                    >
-                      <span className="font-mono text-xs uppercase text-zinc-300">#{tag.name}</span>
-                      <span className="font-mono text-xs text-zinc-500">[{tag.count}]</span>
-                    </Link>
-                  ))}
-                </div>
-              </div>
-            )}
-
-            <div className="border-2 border-slate-700 bg-slate-900 p-6">
-              <div className="border-b-2 border-slate-700 pb-3 mb-4">
-                <h2 className="font-mono text-sm font-bold uppercase text-cyan-400">QUICK NAV</h2>
-              </div>
-              <div className="space-y-2">
-                <Link
-                  href="/blog"
-                  className="block p-2 border border-slate-700 hover:border-cyan-400 hover:bg-slate-800 transition font-mono text-xs uppercase"
-                >
-                  &gt; ALL POSTS
-                </Link>
-                <Link
-                  href="/tags"
-                  className="block p-2 border border-slate-700 hover:border-cyan-400 hover:bg-slate-800 transition font-mono text-xs uppercase"
-                >
-                  &gt; ALL TAGS
-                </Link>
-                <Link
-                  href="/"
-                  className="block p-2 border border-slate-700 hover:border-cyan-400 hover:bg-slate-800 transition font-mono text-xs uppercase"
-                >
-                  &gt; HOME
-                </Link>
-              </div>
-            </div>
-          </aside>
-        </div>
-      </div>
-    </div>
-  )
-}

app/[locale]/tags/layout.tsx

@@ -1,16 +0,0 @@
-import { Metadata } from 'next'
-import { Navbar } from '@/components/blog/navbar'
-
-export const metadata: Metadata = {
-  title: 'Tag-uri',
-  description: 'Explorează articolele după tag-uri',
-}
-
-export default function TagsLayout({ children }: { children: React.ReactNode }) {
-  return (
-    <>
-      <Navbar />
-      {children}
-    </>
-  )
-}

app/[locale]/tags/page.tsx

@@ -1,142 +0,0 @@
-import { Metadata } from 'next'
-import {Link} from '@/src/i18n/navigation'
-import { getAllTags, getTagCloud } from '@/lib/tags'
-import { TagCloud } from '@/components/blog/tag-cloud'
-import { TagBadge } from '@/components/blog/tag-badge'
-import {setRequestLocale} from 'next-intl/server'
-
-export const metadata: Metadata = {
-  title: 'Tag-uri',
-  description: 'Explorează articolele după tag-uri',
-}
-
-type Props = {
-  params: Promise<{locale: string}>
-}
-
-export default async function TagsPage({params}: Props) {
-  const {locale} = await params
-  setRequestLocale(locale)
-  const allTags = await getAllTags()
-  const tagCloud = await getTagCloud()
-
-  if (allTags.length === 0) {
-    return (
-      <div className="min-h-screen bg-slate-950 text-slate-100">
-        <div className="max-w-6xl mx-auto px-6 py-12">
-          <div className="border-4 border-slate-800 bg-slate-900 p-12 text-center">
-            <h1 className="font-mono text-3xl font-bold uppercase mb-4 text-cyan-400">
-              TAG DATABASE
-            </h1>
-            <p className="font-mono text-zinc-400 mb-8">&gt; NO TAGS AVAILABLE</p>
-            <Link
-              href="/blog"
-              className="inline-block px-6 py-3 font-mono text-sm uppercase border-2 border-cyan-400 bg-cyan-900 text-cyan-100 hover:bg-cyan-800 transition"
-            >
-              &gt; VIEW ALL POSTS
-            </Link>
-          </div>
-        </div>
-      </div>
-    )
-  }
-
-  const groupedTags = allTags.reduce(
-    (acc, tag) => {
-      const firstLetter = tag.name[0].toUpperCase()
-      if (!acc[firstLetter]) {
-        acc[firstLetter] = []
-      }
-      acc[firstLetter].push(tag)
-      return acc
-    },
-    {} as Record<string, typeof allTags>
-  )
-
-  const sortedLetters = Object.keys(groupedTags).sort()
-
-  return (
-    <div className="min-h-screen bg-slate-950 text-slate-100">
-      <div className="max-w-6xl mx-auto px-6 py-12">
-        <div className="border-4 border-slate-800 bg-slate-900 p-8 mb-8">
-          <p className="font-mono text-xs text-zinc-500 uppercase tracking-widest mb-2">
-            DOCUMENT TYPE: TAG DATABASE
-          </p>
-          <h1 className="font-mono text-4xl font-bold uppercase text-cyan-400 mb-4">
-            TAG REGISTRY
-          </h1>
-          <p className="font-mono text-lg text-zinc-400">&gt; TOTAL TAGS: {allTags.length}</p>
-        </div>
-
-        <section className="mb-12">
-          <div className="border-2 border-slate-700 bg-slate-900 p-6 mb-2">
-            <p className="font-mono text-xs text-zinc-500 uppercase tracking-widest mb-4">
-              SECTION: TAG CLOUD VISUALIZATION
-            </p>
-          </div>
-          <div className="border-2 border-slate-700 bg-zinc-950 p-8">
-            <TagCloud tags={tagCloud} />
-          </div>
-        </section>
-
-        <section className="mb-12">
-          <div className="border-2 border-slate-700 bg-slate-900 p-6 mb-2">
-            <p className="font-mono text-xs text-zinc-500 uppercase tracking-widest">
-              SECTION: ALPHABETICAL INDEX
-            </p>
-          </div>
-          <div className="space-y-8">
-            {sortedLetters.map(letter => (
-              <div key={letter}>
-                <div className="border-2 border-cyan-700 bg-cyan-950 p-4 mb-4">
-                  <h3 className="font-mono text-xl font-bold text-cyan-400 uppercase">
-                    &gt; [{letter}]
-                  </h3>
-                </div>
-                <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
-                  {groupedTags[letter].map(tag => (
-                    <Link
-                      key={tag.slug}
-                      href={`/tags/${tag.slug}`}
-                      className="flex items-center justify-between p-4 border-2 border-slate-700 bg-slate-900 hover:border-cyan-400 hover:bg-slate-800 transition"
-                    >
-                      <span className="font-mono text-sm uppercase">#{tag.name}</span>
-                      <TagBadge count={tag.count} />
-                    </Link>
-                  ))}
-                </div>
-              </div>
-            ))}
-          </div>
-        </section>
-
-        <section className="border-4 border-cyan-800 bg-cyan-950 p-8">
-          <div className="mb-6">
-            <p className="font-mono text-xs text-cyan-600 uppercase tracking-widest mb-2">
-              DOCUMENT STATISTICS
-            </p>
-            <h2 className="font-mono text-2xl font-bold uppercase text-cyan-400">TAG METRICS</h2>
-          </div>
-          <div className="grid gap-6 sm:grid-cols-3">
-            <div className="border-2 border-cyan-700 bg-slate-900 p-6 text-center">
-              <div className="font-mono text-3xl font-bold text-cyan-400">{allTags.length}</div>
-              <div className="font-mono text-xs text-zinc-400 uppercase mt-2">TOTAL TAGS</div>
-            </div>
-            <div className="border-2 border-cyan-700 bg-slate-900 p-6 text-center">
-              <div className="font-mono text-3xl font-bold text-cyan-400">
-                {Math.max(...allTags.map(t => t.count))}
-              </div>
-              <div className="font-mono text-xs text-zinc-400 uppercase mt-2">MAX POSTS/TAG</div>
-            </div>
-            <div className="border-2 border-cyan-700 bg-slate-900 p-6 text-center">
-              <div className="font-mono text-3xl font-bold text-cyan-400">
-                {Math.round(allTags.reduce((sum, t) => sum + t.count, 0) / allTags.length)}
-              </div>
-              <div className="font-mono text-xs text-zinc-400 uppercase mt-2">AVG POSTS/TAG</div>
-            </div>
-          </div>
-        </section>
-      </div>
-    </div>
-  )
-}

app/about/page.tsx

@@ -0,0 +1,47 @@
+import { Metadata } from 'next'
+
+export const metadata: Metadata = {
+  title: 'Despre',
+  description: 'Află mai multe despre mine și acest blog',
+}
+
+export default function AboutPage() {
+  return (
+    <div className="max-w-3xl mx-auto">
+      <h1 className="text-4xl font-bold mb-8">Despre Mine</h1>
+
+      <div className="prose dark:prose-invert max-w-none">
+        <p className="text-lg leading-relaxed mb-6">
+          Bun venit pe blogul meu! Sunt un dezvoltator pasionat de tehnologie,
+          specializat în dezvoltarea web modernă cu Next.js, React și TypeScript.
+        </p>
+
+        <h2 className="text-2xl font-semibold mt-8 mb-4">Ce vei găsi aici</h2>
+        <ul className="space-y-2">
+          <li>Tutoriale despre dezvoltare web</li>
+          <li>Ghiduri practice pentru Next.js și React</li>
+          <li>Sfaturi despre design și UX</li>
+          <li>Experiențe din proiecte reale</li>
+        </ul>
+
+        <h2 className="text-2xl font-semibold mt-8 mb-4">Tehnologii folosite</h2>
+        <p>Acest blog este construit cu:</p>
+        <ul className="space-y-2">
+          <li><strong>Next.js 15</strong> - Framework React pentru producție</li>
+          <li><strong>TypeScript</strong> - Pentru type safety</li>
+          <li><strong>Tailwind CSS</strong> - Pentru stilizare rapidă</li>
+          <li><strong>Markdown</strong> - Pentru conținut</li>
+        </ul>
+
+        <h2 className="text-2xl font-semibold mt-8 mb-4">Contact</h2>
+        <p>
+          Mă poți contacta pe{' '}
+          <a href="mailto:email@example.com" className="text-primary-600 hover:text-primary-700">
+            email@example.com
+          </a>{' '}
+          sau mă poți găsi pe rețelele sociale.
+        </p>
+      </div>
+    </div>
+  )
+}

app/blog/[...slug]/not-found.tsx

@@ -0,0 +1,23 @@
+import Link from 'next/link'
+
+export default function NotFound() {
+  return (
+    <div className="min-h-[60vh] flex items-center justify-center">
+      <div className="text-center">
+        <h1 className="text-6xl font-bold text-gray-300 dark:text-gray-700 mb-4">404</h1>
+        <h2 className="text-2xl font-semibold mb-4">Articolul nu a fost găsit</h2>
+        <p className="text-gray-600 dark:text-gray-400 mb-8">
+          Ne pare rău, dar articolul pe care îl cauți nu există sau a fost mutat.
+        </p>
+        <div className="space-x-4">
+          <Link href="/blog" className="inline-block px-6 py-3 bg-primary-600 text-white rounded-lg hover:bg-primary-700 transition">
+            Vezi toate articolele
+          </Link>
+          <Link href="/" className="inline-block px-6 py-3 border border-gray-300 dark:border-gray-600 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-800 transition">
+            Pagina principală
+          </Link>
+        </div>
+      </div>
+    </div>
+  )
+}

app/blog/[...slug]/page.tsx

@@ -1,36 +1,22 @@
 import { Metadata } from 'next'
 import { notFound } from 'next/navigation'
-import { Link } from '@/src/i18n/navigation'
+import Link from 'next/link'
 import { getAllPosts, getPostBySlug, getRelatedPosts } from '@/lib/markdown'
 import { formatDate, formatRelativeDate } from '@/lib/utils'
 import { TableOfContents } from '@/components/blog/table-of-contents'
 import { ReadingProgress } from '@/components/blog/reading-progress'
 import { StickyFooter } from '@/components/blog/sticky-footer'
 import MarkdownRenderer from '@/components/blog/markdown-renderer'
-import { setRequestLocale } from 'next-intl/server'
-import { routing } from '@/src/i18n/routing'
 
 export async function generateStaticParams() {
-  const locales = ['en', 'ro']
+  const posts = await getAllPosts()
-  const allParams: Array<{ locale: string; slug: string[] }> = []
+  return posts.map((post) => ({ slug: post.slug.split('/') }))
-
-  for (const locale of locales) {
-    const posts = await getAllPosts(locale)
-    posts.forEach(post => {
-      allParams.push({ locale, slug: post.slug.split('/') })
-    })
-  }
-  return allParams
 }
 
-export async function generateMetadata({
+export async function generateMetadata({ params }: { params: Promise<{ slug: string[] }> }): Promise<Metadata> {
-  params,
+  const { slug } = await params
-}: {
-  params: Promise<{ locale: string; slug: string[] }>
-}): Promise<Metadata> {
-  const { slug, locale } = await params
   const slugPath = slug.join('/')
-  const post = await getPostBySlug(slugPath, locale)
+  const post = getPostBySlug(slugPath)
 
   if (!post) {
     return { title: 'Articol negăsit' }
@@ -65,24 +51,17 @@ function extractHeadings(content: string) {
   while ((match = headingRegex.exec(content)) !== null) {
     const level = match[1].length
     const text = match[2]
-    const id = text
+    const id = text.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/(^-|-$)/g, '')
-      .toLowerCase()
-      .replace(/[^a-z0-9]+/g, '-')
-      .replace(/(^-|-$)/g, '')
     headings.push({ id, text, level })
   }
 
   return headings
 }
 
-export default async function BlogPostPage({
+export default async function BlogPostPage({ params }: { params: Promise<{ slug: string[] }> }) {
-  params,
+  const { slug } = await params
-}: {
-  params: Promise<{ locale: string; slug: string[] }>
-}) {
-  const { slug, locale } = await params
   const slugPath = slug.join('/')
-  const post = await getPostBySlug(slugPath, locale)
+  const post = getPostBySlug(slugPath)
 
   if (!post) {
     notFound()
@@ -90,7 +69,7 @@ export default async function BlogPostPage({
 
   const relatedPosts = await getRelatedPosts(slugPath)
   const headings = extractHeadings(post.content)
-  const fullUrl = `${process.env.NEXT_PUBLIC_SITE_URL || 'http://localhost:3030'}/blog/${slugPath}`
+  const fullUrl = `https://yourdomain.com/blog/${slugPath}`
 
   return (
     <>
@@ -105,7 +84,7 @@ export default async function BlogPostPage({
               <div className="border-b border-[var(--neon-pink)] pb-4 mb-6 relative">
                 <div className="flex items-center gap-3 mb-3 justify-end">
                   <p className="font-mono text-xs text-[var(--neon-cyan)] uppercase tracking-widest">
-                    &gt;&gt; _DOC://PUBLIC_ACCESS
+                    &gt;&gt; CLASSIFIED_DOC://PUBLIC_ACCESS
                   </p>
                   <div className="flex gap-1.5">
                     <div className="w-4 h-4 border border-[rgb(var(--border-primary))] hover:bg-red-500/10 cursor-pointer" />
@@ -115,13 +94,12 @@ export default async function BlogPostPage({
                 </div>
                 <div className="flex flex-wrap gap-2 mb-2">
                   {post.frontmatter.tags.map((tag: string) => (
-                    <Link
+                    <span
                       key={tag}
-                      href={`/tags/${tag}`}
                       className="px-3 py-1 bg-cyan-500/5 border border-[var(--neon-cyan)] text-cyan-400 text-xs font-mono uppercase shadow-[0_0_8px_rgba(90,139,149,0.3)] hover:shadow-[0_0_12px_rgba(90,139,149,0.5)] transition-all"
                     >
                       #{tag}
-                    </Link>
+                    </span>
                   ))}
                 </div>
               </div>
@@ -132,8 +110,7 @@ export default async function BlogPostPage({
                 </h1>
 
                 <p className="text-lg text-[rgb(var(--text-secondary))] leading-relaxed mb-6 font-mono">
-                  <span className="text-[var(--neon-pink)]">&gt;&gt;</span>{' '}
+                  <span className="text-[var(--neon-pink)]">&gt;&gt;</span> {post.frontmatter.description}
-                  {post.frontmatter.description}
                 </p>
               </div>
 
@@ -144,13 +121,9 @@ export default async function BlogPostPage({
                   </span>
                 </div>
                 <div>
-                  <p className="font-mono font-bold text-[var(--neon-cyan)] uppercase text-sm">
+                  <p className="font-mono font-bold text-[var(--neon-cyan)] uppercase text-sm">{post.frontmatter.author}</p>
-                    {post.frontmatter.author}
-                  </p>
                   <div className="flex items-center gap-2 text-xs text-[rgb(var(--text-muted))] font-mono">
-                    <time className="text-[var(--neon-magenta)]">
+                    <time className="text-[var(--neon-magenta)]">{formatDate(post.frontmatter.date)}</time>
-                      {formatDate(post.frontmatter.date)}
-                    </time>
                     <span className="text-[var(--neon-pink)]">//</span>
                     <span className="text-[var(--neon-cyan)]">{post.readingTime}min READ</span>
                   </div>
@@ -174,25 +147,17 @@ export default async function BlogPostPage({
 
             {relatedPosts.length > 0 && (
               <section className="mt-12 pt-8 border-t border-zinc-800">
-                <h2 className="text-2xl font-mono font-bold uppercase text-[var(--neon-cyan)] mb-6">
+                <h2 className="text-2xl font-mono font-bold uppercase text-[var(--neon-cyan)] mb-6">// Articole similare</h2>
-                  // Articole similare
-                </h2>
                 <div className="grid gap-6 md:grid-cols-3">
-                  {relatedPosts.map(relatedPost => (
+                  {relatedPosts.map((relatedPost) => (
                     <Link
                       key={relatedPost.slug}
                       href={`/blog/${relatedPost.slug}`}
                       className="block p-4 border border-zinc-800 bg-zinc-950 hover:border-[var(--neon-cyan)] transition-all hover:shadow-[0_0_8px_rgba(90,139,149,0.2)]"
                     >
-                      <h3 className="font-mono font-semibold text-cyan-400 mb-2 line-clamp-2">
+                      <h3 className="font-mono font-semibold text-cyan-400 mb-2 line-clamp-2">{relatedPost.frontmatter.title}</h3>
-                        {relatedPost.frontmatter.title}
+                      <p className="text-sm text-zinc-400 line-clamp-2">{relatedPost.frontmatter.description}</p>
-                      </h3>
+                      <p className="text-xs text-zinc-600 mt-2 font-mono">{formatDate(relatedPost.frontmatter.date)}</p>
-                      <p className="text-sm text-zinc-400 line-clamp-2">
-                        {relatedPost.frontmatter.description}
-                      </p>
-                      <p className="text-xs text-zinc-600 mt-2 font-mono">
-                        {formatDate(relatedPost.frontmatter.date)}
-                      </p>
                     </Link>
                   ))}
                 </div>
@@ -205,12 +170,7 @@ export default async function BlogPostPage({
                 className="flex items-center text-[var(--neon-pink)] hover:text-[var(--neon-magenta)] transition-all font-mono text-sm uppercase border border-[var(--neon-pink)] px-4 py-2 hover:shadow-[0_0_6px_rgba(155,90,110,0.3)]"
               >
                 <svg className="mr-2 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 19l-7-7 7-7" />
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth={2}
-                    d="M15 19l-7-7 7-7"
-                  />
                 </svg>
                 [BACK TO BLOG]
               </Link>

app/blog/blog-client.tsx

@@ -1,7 +1,6 @@
 'use client'
 
 import { useMemo, useState } from 'react'
-import { useTranslations } from 'next-intl'
 import { Post } from '@/lib/types/frontmatter'
 import { BlogCard } from '@/components/blog/blog-card'
 import { SearchBar } from '@/components/blog/search-bar'
@@ -17,7 +16,6 @@ interface BlogPageClientProps {
 type SortOption = 'newest' | 'oldest' | 'title'
 
 export default function BlogPageClient({ posts, allTags }: BlogPageClientProps) {
-  const t = useTranslations('BlogListing')
   const [searchQuery, setSearchQuery] = useState('')
   const [selectedTags, setSelectedTags] = useState<string[]>([])
   const [sortBy, setSortBy] = useState<SortOption>('newest')
@@ -25,14 +23,15 @@ export default function BlogPageClient({ posts, allTags }: BlogPageClientProps)
   const postsPerPage = 9
 
   const filteredAndSortedPosts = useMemo(() => {
-    const result = posts.filter(post => {
+    let result = posts.filter((post) => {
       const matchesSearch =
         searchQuery === '' ||
         post.frontmatter.title.toLowerCase().includes(searchQuery.toLowerCase()) ||
         post.frontmatter.description.toLowerCase().includes(searchQuery.toLowerCase())
 
       const matchesTags =
-        selectedTags.length === 0 || selectedTags.every(tag => post.frontmatter.tags.includes(tag))
+        selectedTags.length === 0 ||
+        selectedTags.every((tag) => post.frontmatter.tags.includes(tag))
 
       return matchesSearch && matchesTags
     })
@@ -59,20 +58,23 @@ export default function BlogPageClient({ posts, allTags }: BlogPageClientProps)
   )
 
   const toggleTag = (tag: string) => {
-    setSelectedTags(prev => (prev.includes(tag) ? prev.filter(t => t !== tag) : [...prev, tag]))
+    setSelectedTags((prev) =>
+      prev.includes(tag) ? prev.filter((t) => t !== tag) : [...prev, tag]
+    )
     setCurrentPage(1)
   }
 
   return (
     <div className="min-h-screen bg-[rgb(var(--bg-primary))]">
+
       <div className="max-w-7xl mx-auto px-6 py-12">
         {/* Header */}
         <div className="border-l border-[var(--neon-cyan)] pl-6 mb-12">
           <p className="font-mono text-xs text-[rgb(var(--text-muted))] uppercase tracking-widest mb-2">
-            {t("subtitle")}
+            DATABASE QUERY // SEARCH RESULTS
           </p>
           <h1 className="text-4xl md:text-6xl font-mono font-bold text-[rgb(var(--text-primary))] uppercase tracking-tight">
-            &gt; {t("title")}_
+            &gt; BLOG ARCHIVE_
           </h1>
         </div>
 
@@ -81,12 +83,15 @@ export default function BlogPageClient({ posts, allTags }: BlogPageClientProps)
           <div className="flex flex-col lg:flex-row gap-4">
             <SearchBar
               searchQuery={searchQuery}
-              onSearchChange={value => {
+              onSearchChange={(value) => {
                 setSearchQuery(value)
                 setCurrentPage(1)
               }}
             />
-            <SortDropdown sortBy={sortBy} onSortChange={setSortBy} />
+            <SortDropdown
+              sortBy={sortBy}
+              onSortChange={setSortBy}
+            />
           </div>
         </div>
 
@@ -104,8 +109,7 @@ export default function BlogPageClient({ posts, allTags }: BlogPageClientProps)
         {/* Results Count */}
         <div className="mb-6">
           <p className="font-mono text-sm text-[rgb(var(--text-muted))] uppercase">
-            {t("foundPosts", {count: filteredAndSortedPosts.length})}{' '}
+            FOUND {filteredAndSortedPosts.length} {filteredAndSortedPosts.length === 1 ? 'POST' : 'POSTS'}
-            
           </p>
         </div>
 
@@ -128,7 +132,7 @@ export default function BlogPageClient({ posts, allTags }: BlogPageClientProps)
         ) : (
           <div className="border border-[rgb(var(--border-primary))] bg-[rgb(var(--bg-secondary))] p-12 text-center">
             <p className="font-mono text-lg text-[rgb(var(--text-muted))] uppercase">
-              {t("noPosts")}
+              NO POSTS FOUND // TRY DIFFERENT SEARCH TERMS
             </p>
           </div>
         )}
@@ -138,14 +142,14 @@ export default function BlogPageClient({ posts, allTags }: BlogPageClientProps)
           <div className="border border-[rgb(var(--border-primary))] bg-[rgb(var(--bg-secondary))] p-6">
             <div className="flex items-center justify-between">
               <button
-                onClick={() => setCurrentPage(p => Math.max(1, p - 1))}
+                onClick={() => setCurrentPage((p) => Math.max(1, p - 1))}
                 disabled={currentPage === 1}
                 className="px-6 py-3 font-mono text-sm uppercase border border-[rgb(var(--border-primary))] text-[rgb(var(--text-primary))] disabled:opacity-30 disabled:cursor-not-allowed hover:border-[var(--neon-cyan)] hover:text-[var(--neon-cyan)] transition-colors cursor-pointer"
               >
                 &lt; PREV
               </button>
               <div className="flex items-center gap-2">
-                {Array.from({ length: totalPages }, (_, i) => i + 1).map(page => (
+                {Array.from({ length: totalPages }, (_, i) => i + 1).map((page) => (
                   <button
                     key={page}
                     onClick={() => setCurrentPage(page)}
@@ -160,7 +164,7 @@ export default function BlogPageClient({ posts, allTags }: BlogPageClientProps)
                 ))}
               </div>
               <button
-                onClick={() => setCurrentPage(p => Math.min(totalPages, p + 1))}
+                onClick={() => setCurrentPage((p) => Math.min(totalPages, p + 1))}
                 disabled={currentPage === totalPages}
                 className="px-6 py-3 font-mono text-sm uppercase border border-[rgb(var(--border-primary))] text-[rgb(var(--text-primary))] disabled:opacity-30 disabled:cursor-not-allowed hover:border-[var(--neon-cyan)] hover:text-[var(--neon-cyan)] transition-colors cursor-pointer"
               >

app/blog/page.tsx

@@ -1,10 +1,9 @@
 import { getAllPosts } from '@/lib/markdown'
 import BlogPageClient from './blog-client'
-import {setRequestLocale} from 'next-intl/server'
 
 export default async function BlogPage() {
   const posts = await getAllPosts()
-  const allTags = Array.from(new Set(posts.flatMap(post => post.frontmatter.tags))).sort()
+  const allTags = Array.from(new Set(posts.flatMap((post) => post.frontmatter.tags))).sort()
 
   return <BlogPageClient posts={posts} allTags={allTags} />
 }

app/feed.xml/route.ts

@@ -1,41 +0,0 @@
-import { getAllPosts } from '@/lib/markdown'
-import { NextResponse } from 'next/server'
-
-export async function GET() {
-  const baseUrl = process.env.NEXT_PUBLIC_SITE_URL || 'http://localhost:3030'
-  const posts = await getAllPosts("en", false)
-
-  const rss = `<?xml version="1.0" encoding="UTF-8"?>
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>My Blog - Tech, Development & More</title>
-    <link>${baseUrl}</link>
-    <description>Personal blog about software development, technology, and interesting projects</description>
-    <language>ro-RO</language>
-    <lastBuildDate>${new Date().toUTCString()}</lastBuildDate>
-    <atom:link href="${baseUrl}/feed.xml" rel="self" type="application/rss+xml"/>
-    ${posts
-      .slice(0, 20)
-      .map(post => {
-        const postUrl = `${baseUrl}/blog/${post.slug}`
-        return `
-    <item>
-      <title><![CDATA[${post.frontmatter.title}]]></title>
-      <link>${postUrl}</link>
-      <guid isPermaLink="true">${postUrl}</guid>
-      <description><![CDATA[${post.frontmatter.description}]]></description>
-      <pubDate>${new Date(post.frontmatter.date).toUTCString()}</pubDate>
-      <author>${post.frontmatter.author}</author>
-    </item>`
-      })
-      .join('')}
-  </channel>
-</rss>`
-
-  return new NextResponse(rss, {
-    headers: {
-      'Content-Type': 'application/xml',
-      'Cache-Control': 'public, s-maxage=3600, stale-while-revalidate',
-    },
-  })
-}

app/globals.css

@@ -1,4 +1,4 @@
-@import 'tailwindcss';
+@import "tailwindcss";
 
 @theme {
   --color-*: initial;
@@ -17,7 +17,6 @@
     --text-muted: 113 113 122;
     --border-primary: 212 212 216;
     --border-subtle: 228 228 231;
-    --text-color: #1f1f1f;
 
     /* Desaturated cyberpunk for light mode - darker for readability */
     --neon-pink: #7a3d52;
@@ -36,7 +35,6 @@
     --text-muted: 100 116 139;
     --border-primary: 71 85 105;
     --border-subtle: 30 41 59;
-    --text-color: #d4d4d8;
 
     /* Desaturated cyberpunk for dark mode */
     --neon-pink: #8a5568;
@@ -47,7 +45,6 @@
 }
 
 @layer utilities {
-  /* Scrollbar hiding utility */
   .scrollbar-hide {
     -ms-overflow-style: none;
     scrollbar-width: none;
@@ -73,7 +70,12 @@
 
   /* Scanline effect */
   .scanline {
-    background: linear-gradient(0deg, transparent 0%, rgba(6, 182, 212, 0.1) 50%, transparent 100%);
+    background: linear-gradient(
+      0deg,
+      transparent 0%,
+      rgba(6, 182, 212, 0.1) 50%,
+      transparent 100%
+    );
     background-size: 100% 3px;
     pointer-events: none;
   }
@@ -132,45 +134,20 @@
     opacity: 0.8;
   }
 
-  /* Consolidated keyframes to avoid duplication */
   @keyframes glitch-1 {
-    0%,
+    0%, 100% { clip-path: polygon(0 0, 100% 0, 100% 45%, 0 45%); transform: translate(0); }
-    100% {
+    20% { clip-path: polygon(0 15%, 100% 15%, 100% 65%, 0 65%); }
-      clip-path: polygon(0 0, 100% 0, 100% 45%, 0 45%);
+    40% { clip-path: polygon(0 30%, 100% 30%, 100% 70%, 0 70%); }
-      transform: translate(0);
+    60% { clip-path: polygon(0 5%, 100% 5%, 100% 60%, 0 60%); }
-    }
+    80% { clip-path: polygon(0 25%, 100% 25%, 100% 40%, 0 40%); }
-    20% {
-      clip-path: polygon(0 15%, 100% 15%, 100% 65%, 0 65%);
-    }
-    40% {
-      clip-path: polygon(0 30%, 100% 30%, 100% 70%, 0 70%);
-    }
-    60% {
-      clip-path: polygon(0 5%, 100% 5%, 100% 60%, 0 60%);
-    }
-    80% {
-      clip-path: polygon(0 25%, 100% 25%, 100% 40%, 0 40%);
-    }
   }
 
   @keyframes glitch-2 {
-    0%,
+    0%, 100% { clip-path: polygon(0 55%, 100% 55%, 100% 100%, 0 100%); transform: translate(0); }
-    100% {
+    20% { clip-path: polygon(0 70%, 100% 70%, 100% 95%, 0 95%); }
-      clip-path: polygon(0 55%, 100% 55%, 100% 100%, 0 100%);
+    40% { clip-path: polygon(0 40%, 100% 40%, 100% 85%, 0 85%); }
-      transform: translate(0);
+    60% { clip-path: polygon(0 60%, 100% 60%, 100% 100%, 0 100%); }
-    }
+    80% { clip-path: polygon(0 50%, 100% 50%, 100% 90%, 0 90%); }
-    20% {
-      clip-path: polygon(0 70%, 100% 70%, 100% 95%, 0 95%);
-    }
-    40% {
-      clip-path: polygon(0 40%, 100% 40%, 100% 85%, 0 85%);
-    }
-    60% {
-      clip-path: polygon(0 60%, 100% 60%, 100% 100%, 0 100%);
-    }
-    80% {
-      clip-path: polygon(0 50%, 100% 50%, 100% 90%, 0 90%);
-    }
   }
 
   /* Grayscale filter with instant toggle */
@@ -185,7 +162,7 @@
   /* Cyberpunk Glitch Effect for Button */
   .glitch-btn {
     position: relative;
-    animation: glitch 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+    animation: glitch 300ms cubic-bezier(.25, .46, .45, .94);
   }
 
   .glitch-layer {
@@ -202,19 +179,57 @@
   }
 
   .glitch-layer:first-of-type {
-    animation: glitch-1 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+    animation: glitch-1 300ms cubic-bezier(.25, .46, .45, .94);
     color: rgb(6 182 212); /* cyan-500 */
     transform: translate(-2px, 0);
     clip-path: polygon(0 0, 100% 0, 100% 35%, 0 35%);
   }
 
   .glitch-layer:last-of-type {
-    animation: glitch-2 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+    animation: glitch-2 300ms cubic-bezier(.25, .46, .45, .94);
     color: rgb(16 185 129); /* emerald-500 */
     transform: translate(2px, 0);
     clip-path: polygon(0 65%, 100% 65%, 100% 100%, 0 100%);
   }
 
+  @keyframes glitch-1 {
+    0%, 100% {
+      transform: translate(0, 0);
+      clip-path: polygon(0 0, 100% 0, 100% 35%, 0 35%);
+    }
+    25% {
+      transform: translate(-3px, 2px);
+      clip-path: polygon(0 10%, 100% 10%, 100% 45%, 0 45%);
+    }
+    50% {
+      transform: translate(3px, -2px);
+      clip-path: polygon(0 20%, 100% 20%, 100% 55%, 0 55%);
+    }
+    75% {
+      transform: translate(-2px, -1px);
+      clip-path: polygon(0 5%, 100% 5%, 100% 40%, 0 40%);
+    }
+  }
+
+  @keyframes glitch-2 {
+    0%, 100% {
+      transform: translate(0, 0);
+      clip-path: polygon(0 65%, 100% 65%, 100% 100%, 0 100%);
+    }
+    25% {
+      transform: translate(3px, -2px);
+      clip-path: polygon(0 55%, 100% 55%, 100% 90%, 0 90%);
+    }
+    50% {
+      transform: translate(-3px, 2px);
+      clip-path: polygon(0 45%, 100% 45%, 100% 80%, 0 80%);
+    }
+    75% {
+      transform: translate(2px, 1px);
+      clip-path: polygon(0 60%, 100% 60%, 100% 95%, 0 95%);
+    }
+  }
+
   /* Border Pulse Animation */
   .border-pulse {
     animation: pulse-border 2s ease-in-out infinite;
@@ -247,8 +262,7 @@
 
   /* SCP-style subtle flicker hover */
   @keyframes scp-flicker {
-    0%,
+    0%, 100% {
-    100% {
       border-color: rgb(71 85 105);
       box-shadow: 0 0 0 rgba(90, 139, 149, 0);
       transform: translate(0, 0);
@@ -278,9 +292,7 @@
   .cyber-glitch-hover:hover {
     animation: scp-flicker 150ms ease-in-out 3;
     border-color: var(--neon-cyan) !important;
-    box-shadow:
+    box-shadow: 0 1px 4px rgba(90, 139, 149, 0.15), inset 0 0 8px rgba(90, 139, 149, 0.05);
-      0 1px 4px rgba(90, 139, 149, 0.15),
-      inset 0 0 8px rgba(90, 139, 149, 0.05);
   }
 
   /* Navbar hide on scroll */
@@ -315,7 +327,7 @@
 
   /* Cyberpunk Prose Styling */
   .cyberpunk-prose {
-    color: var(--text-color);
+    color: rgb(212 212 216);
   }
 
   .cyberpunk-prose h1,
@@ -349,6 +361,7 @@
   }
 
   .cyberpunk-prose p {
+    color: rgb(212 212 216);
     line-height: 1.625;
     margin-bottom: 1.5rem;
     font-size: 1.125rem;
@@ -367,6 +380,7 @@
 
   .cyberpunk-prose ul,
   .cyberpunk-prose ol {
+    color: rgb(212 212 216);
     padding-left: 1.5rem;
     margin-bottom: 1.5rem;
   }
@@ -391,9 +405,7 @@
     margin-top: 2rem;
     margin-bottom: 2rem;
     position: relative;
-    box-shadow:
+    box-shadow: -4px 0 15px rgba(155,90,142,0.3), inset 0 0 20px rgba(155,90,142,0.05);
-      -4px 0 15px rgba(155, 90, 142, 0.3),
-      inset 0 0 20px rgba(155, 90, 142, 0.05);
   }
 
   .cyberpunk-prose blockquote::before {
@@ -414,8 +426,8 @@
     font-size: 0.875rem;
     font-family: monospace;
     border: 2px solid var(--neon-cyan);
-    box-shadow: 0 0 8px rgba(90, 139, 149, 0.3);
+    box-shadow: 0 0 8px rgba(90,139,149,0.3);
-    text-shadow: 0 0 6px rgba(90, 139, 149, 0.6);
+    text-shadow: 0 0 6px rgba(90,139,149,0.6);
   }
 
   .cyberpunk-prose pre {
@@ -425,9 +437,7 @@
     margin-top: 2rem;
     margin-bottom: 2rem;
     overflow-x: auto;
-    box-shadow:
+    box-shadow: 0 0 25px rgba(123,101,147,0.6), inset 0 0 25px rgba(123,101,147,0.1);
-      0 0 25px rgba(123, 101, 147, 0.6),
-      inset 0 0 25px rgba(123, 101, 147, 0.1);
   }
 
   .cyberpunk-prose pre code {
@@ -437,9 +447,10 @@
   }
 
   .cyberpunk-prose img {
-    margin: 2rem;
+    margin-top: 2rem;
-    /* border: 4px solid var(--neon-pink); */
+    margin-bottom: 2rem;
-    box-shadow: 0 0 2px rgba(155, 90, 110, 0.5);
+    border: 4px solid var(--neon-pink);
+    box-shadow: 0 0 20px rgba(155,90,110,0.5);
   }
 
   .cyberpunk-prose hr {
@@ -449,3 +460,4 @@
     margin-bottom: 3rem;
   }
 }
+

app/layout.tsx

@@ -2,9 +2,6 @@ import type { Metadata } from 'next'
 import { JetBrains_Mono } from 'next/font/google'
 import './globals.css'
 import { ThemeProvider } from '@/providers/providers'
-import '@/lib/env-validation'
-import {NextIntlClientProvider} from 'next-intl'
-import {getMessages} from 'next-intl/server'
 
 const jetbrainsMono = JetBrains_Mono({ subsets: ['latin'], variable: '--font-mono' })
 
@@ -14,11 +11,12 @@ export const metadata: Metadata = {
     default: 'Terminal Blog - Build. Write. Share.',
   },
   description: 'Explorează idei despre dezvoltare, design și tehnologie',
-  metadataBase: new URL(process.env.NEXT_PUBLIC_SITE_URL || 'http://localhost:3030'),
+  metadataBase: new URL('http://localhost:3000'),
   authors: [{ name: 'Terminal User' }],
   keywords: ['blog', 'dezvoltare web', 'nextjs', 'react', 'typescript', 'terminal'],
   openGraph: {
     type: 'website',
+    locale: 'ro_RO',
     siteName: 'Terminal Blog',
   },
   robots: {
@@ -30,15 +28,13 @@ export const metadata: Metadata = {
   },
 }
 
-export default async function RootLayout({
+export default function RootLayout({
-  children
+  children,
 }: {
   children: React.ReactNode
 }) {
-  const messages = await getMessages()
-
   return (
-    <html suppressHydrationWarning className={jetbrainsMono.variable}>
+    <html lang="ro" suppressHydrationWarning className={jetbrainsMono.variable}>
       <body className="font-mono bg-zinc-50 text-slate-900 dark:bg-zinc-900 dark:text-slate-100 transition-colors duration-300">
         <ThemeProvider
           attribute="class"
@@ -47,23 +43,20 @@ export default async function RootLayout({
           storageKey="blog-theme"
           disableTransitionOnChange={false}
         >
-          <NextIntlClientProvider messages={messages}>
           <div className="flex flex-col min-h-screen">
             <div className="flex-1">{children}</div>
 
+            {/* Footer - from worktree-agent-1 */}
             <footer className="mt-auto border-t-4 border-slate-300 dark:border-slate-800 bg-zinc-100 dark:bg-slate-900 transition-colors duration-300">
               <div className="container mx-auto px-4 py-8">
                 <div className="border-2 border-slate-300 dark:border-slate-800 p-6">
                   <p className="text-center text-slate-500 dark:text-slate-500 font-mono text-xs uppercase tracking-wider">
-                      © 2025 <span style={{ color: 'var(--neon-cyan)' }}>//</span> BLOG &{' '}
+                    © 2025 <span style={{ color: 'var(--neon-cyan)' }}>//</span> BLOG & <span style={{ color: 'var(--neon-pink)' }}>PORTOFOLIU</span> <span style={{ color: 'var(--neon-cyan)' }}>//</span> ALL RIGHTS RESERVED
-                      <span style={{ color: 'var(--neon-pink)' }}>RANDOM THOUGHTS</span>{' '}
-                      <span style={{ color: 'var(--neon-cyan)' }}>//</span> ALL RIGHTS RESERVED
                   </p>
                 </div>
               </div>
             </footer>
           </div>
-          </NextIntlClientProvider>
         </ThemeProvider>
       </body>
     </html>

app/page.tsx

@@ -1,9 +1,8 @@
-import {Link} from '@/src/i18n/navigation'
+import Link from 'next/link'
 import Image from 'next/image'
 import { getAllPosts } from '@/lib/markdown'
 import { formatDate } from '@/lib/utils'
 import { ThemeToggle } from '@/components/theme-toggle'
-import {setRequestLocale} from 'next-intl/server'
 
 export default async function HomePage() {
   const allPosts = await getAllPosts()
@@ -23,53 +22,31 @@ export default async function HomePage() {
             <div className="mb-8 flex items-center justify-between border-b-2 border-slate-300 dark:border-slate-800 pb-4">
               <div className="flex items-center gap-3">
                 <Image src="/logo.png" alt="Logo" width={32} height={32} className="opacity-80" />
-                <span className="font-mono text-xs text-slate-500 uppercase tracking-widest">
+                <span className="font-mono text-xs text-slate-500 uppercase tracking-widest">TERMINAL:// V2.0</span>
-                  TERMINAL:// V2.0
-                </span>
               </div>
               <div className="flex gap-4 items-center">
-                <Link
+                <Link href="/blog" className="font-mono text-xs text-slate-600 dark:text-slate-400 uppercase tracking-wider hover:text-cyan-600 dark:hover:text-cyan-400">[BLOG]</Link>
-                  href="/blog"
+                <Link href="/about" className="font-mono text-xs text-slate-600 dark:text-slate-400 uppercase tracking-wider hover:text-cyan-600 dark:hover:text-cyan-400">[ABOUT]</Link>
-                  className="font-mono text-xs text-slate-600 dark:text-slate-400 uppercase tracking-wider hover:text-cyan-600 dark:hover:text-cyan-400"
-                >
-                  [BLOG]
-                </Link>
-                <Link
-                  href="/about"
-                  className="font-mono text-xs text-slate-600 dark:text-slate-400 uppercase tracking-wider hover:text-cyan-600 dark:hover:text-cyan-400"
-                >
-                  [ABOUT]
-                </Link>
                 <ThemeToggle />
               </div>
             </div>
 
             <div className="border-l-4 border-cyan-700 dark:border-cyan-900 pl-6 mb-8">
-              <p className="font-mono text-xs text-slate-500 dark:text-slate-500 uppercase tracking-widest mb-2">
+              <p className="font-mono text-xs text-slate-500 dark:text-slate-500 uppercase tracking-widest mb-2">DOCUMENT LEVEL-1 // CLASSIFIED</p>
-                DOCUMENT LEVEL-1 //
-              </p>
               <h1 className="text-4xl md:text-6xl lg:text-7xl font-mono font-bold text-slate-900 dark:text-slate-100 uppercase tracking-tight mb-6">
-                BUILD. WRITE.
+                BUILD. WRITE.<br/>SHARE.
-                <br />
-                SHARE.
               </h1>
               <p className="text-base md:text-lg lg:text-xl text-slate-700 dark:text-slate-400 font-mono leading-relaxed max-w-2xl">
-                &gt; Explore ideas
+                &gt; Explorează idei despre dezvoltare, design și tehnologie_
               </p>
             </div>
 
             <div className="flex gap-4 flex-wrap mt-12">
-              <Link
+              <Link href="/blog" className="px-6 md:px-8 py-3 md:py-4 bg-cyan-700 dark:bg-cyan-900 text-white dark:text-slate-100 border-2 border-cyan-600 dark:border-cyan-700 font-mono font-bold uppercase text-xs md:text-sm tracking-wider hover:bg-cyan-600 dark:hover:bg-cyan-800 hover:border-cyan-500 dark:hover:border-cyan-600 rounded-none transition-colors duration-200">
-                href="/blog"
+                [EXPLOREAZĂ BLOG]
-                className="px-6 md:px-8 py-3 md:py-4 bg-cyan-700 dark:bg-cyan-900 text-white dark:text-slate-100 border-2 border-cyan-600 dark:border-cyan-700 font-mono font-bold uppercase text-xs md:text-sm tracking-wider hover:bg-cyan-600 dark:hover:bg-cyan-800 hover:border-cyan-500 dark:hover:border-cyan-600 rounded-none transition-colors duration-200"
-              >
-                [CHECK POSTS]
               </Link>
-              <Link
+              <Link href="/about" className="px-6 md:px-8 py-3 md:py-4 bg-transparent text-slate-700 dark:text-slate-300 border-2 border-slate-400 dark:border-slate-700 font-mono font-bold uppercase text-xs md:text-sm tracking-wider hover:bg-slate-200 dark:hover:bg-slate-800 hover:border-slate-500 dark:hover:border-slate-600 rounded-none transition-colors duration-200">
-                href="/about"
+                [DESPRE MINE]
-                className="px-6 md:px-8 py-3 md:py-4 bg-transparent text-slate-700 dark:text-slate-300 border-2 border-slate-400 dark:border-slate-700 font-mono font-bold uppercase text-xs md:text-sm tracking-wider hover:bg-slate-200 dark:hover:bg-slate-800 hover:border-slate-500 dark:hover:border-slate-600 rounded-none transition-colors duration-200"
-              >
-                [ABOUT ME]
               </Link>
             </div>
           </div>
@@ -84,7 +61,7 @@ export default async function HomePage() {
               ARCHIVE ACCESS // RECENT ENTRIES
             </p>
             <h2 className="text-3xl md:text-5xl font-mono font-bold text-slate-900 dark:text-slate-100 uppercase tracking-tight">
-              &gt; RECENT ENTRIES
+              &gt; POSTĂRI RECENTE_
             </h2>
           </div>
 
@@ -104,9 +81,7 @@ export default async function HomePage() {
                     />
                   ) : (
                     <div className="w-full h-full bg-zinc-300 dark:bg-zinc-800 flex items-center justify-center">
-                      <span className="font-mono text-6xl text-slate-400 dark:text-slate-700">
+                      <span className="font-mono text-6xl text-slate-400 dark:text-slate-700">#{String(index + 1).padStart(2, '0')}</span>
-                        #{String(index + 1).padStart(2, '0')}
-                      </span>
                     </div>
                   )}
                   <div className="absolute inset-0 bg-zinc-100/60 dark:bg-zinc-900/60"></div>
@@ -141,34 +116,28 @@ export default async function HomePage() {
             ))}
           </div>
 
-          <div className="mt-12 flex gap-4 justify-center flex-wrap">
           {allPosts.length > 6 && (
+            <div className="mt-12 text-center">
               <Link
                 href="/blog"
                 className="inline-flex items-center px-8 py-4 bg-transparent text-slate-700 dark:text-slate-300 border-2 border-slate-400 dark:border-slate-700 font-mono font-bold uppercase text-sm tracking-wider hover:bg-slate-200 dark:hover:bg-slate-800 hover:border-slate-500 dark:hover:border-slate-600 transition-colors duration-200"
               >
-                [SEE POSTS] &gt;&gt;
+                [VEZI TOATE ARTICOLELE] &gt;&gt;
-              </Link>
-            )}
-            <Link
-              href="/tags"
-              className="inline-flex items-center px-8 py-4 bg-transparent text-slate-700 dark:text-slate-300 border-2 border-slate-400 dark:border-slate-700 font-mono font-bold uppercase text-sm tracking-wider hover:bg-slate-200 dark:hover:bg-slate-800 hover:border-slate-500 dark:hover:border-slate-600 transition-colors duration-200"
-            >
-              [SEE ALL TAGS] &gt;&gt;
               </Link>
             </div>
+          )}
         </div>
       </section>
 
       {/* Stats Section - from worktree-agent-1 */}
-      {/* <section className="py-24 bg-zinc-50 dark:bg-zinc-900 border-y-4 border-slate-300 dark:border-slate-800 transition-colors duration-300">
+      <section className="py-24 bg-zinc-50 dark:bg-zinc-900 border-y-4 border-slate-300 dark:border-slate-800 transition-colors duration-300">
         <div className="max-w-7xl mx-auto px-6">
           <div className="border-l-4 border-teal-700 dark:border-teal-900 pl-6 mb-12">
             <p className="font-mono text-xs text-slate-500 dark:text-slate-500 uppercase tracking-widest mb-2">
               SYSTEM STATISTICS // DATABASE METRICS
             </p>
             <h2 className="text-3xl md:text-5xl font-mono font-bold text-slate-900 dark:text-slate-100 uppercase tracking-tight">
-              &gt; METRICS
+              &gt; METRICI_
             </h2>
           </div>
 
@@ -178,7 +147,7 @@ export default async function HomePage() {
                 {allPosts.length}+
               </div>
               <p className="text-slate-600 dark:text-slate-400 font-mono text-sm uppercase tracking-wider border-t-2 border-slate-300 dark:border-slate-800 pt-4">
-                PUBLISHED
+                ARTICOLE PUBLICATE
               </p>
             </div>
 
@@ -201,10 +170,10 @@ export default async function HomePage() {
             </div>
           </div>
         </div>
-      </section> */}
+      </section>
 
       {/* Newsletter CTA - from worktree-agent-1 */}
-      {/* <section className="py-24 bg-zinc-100 dark:bg-slate-900 border-t-4 border-slate-300 dark:border-slate-800 transition-colors duration-300">
+      <section className="py-24 bg-zinc-100 dark:bg-slate-900 border-t-4 border-slate-300 dark:border-slate-800 transition-colors duration-300">
         <div className="max-w-3xl mx-auto px-6">
           <div className="border-4 border-slate-300 dark:border-slate-700 bg-white dark:bg-zinc-900 p-12 transition-colors duration-300">
             <p className="font-mono text-xs text-slate-500 dark:text-slate-500 uppercase tracking-widest mb-2">
@@ -234,7 +203,7 @@ export default async function HomePage() {
             </p>
           </div>
         </div>
-      </section> */}
+      </section>
     </main>
   )
 }

app/robots.ts

@@ -1,18 +0,0 @@
-import { MetadataRoute } from 'next'
-
-export default function robots(): MetadataRoute.Robots {
-  const baseUrl = process.env.NEXT_PUBLIC_SITE_URL || 'http://localhost:3030'
-  
-  return {
-    rules: {
-      userAgent: '*',
-      allow: '/',
-      disallow: [
-        '/api/',      // Disallow API routes (if any)
-        '/_next/',    // Disallow Next.js internals
-        '/admin/',    // Disallow admin (if any)
-      ],
-    },
-    sitemap: `${baseUrl}/sitemap.xml`,
-  }
-}

app/sitemap.ts

@@ -1,41 +0,0 @@
-import { MetadataRoute } from 'next'
-import { getAllPosts } from '@/lib/markdown'
-
-export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
-  const baseUrl = process.env.NEXT_PUBLIC_SITE_URL || 'http://localhost:3030'
-  
-  // Get all blog posts
-  const posts = await getAllPosts("en", false)
-  
-  // Generate sitemap entries for blog posts
-  const blogPosts: MetadataRoute.Sitemap = posts.map(post => ({
-    url: `${baseUrl}/blog/${post.slug}`,
-    lastModified: new Date(post.frontmatter.date),
-    changeFrequency: 'monthly' as const,
-    priority: 0.8,
-  }))
-  
-  // Static pages
-  const staticPages: MetadataRoute.Sitemap = [
-    {
-      url: baseUrl,
-      lastModified: new Date(),
-      changeFrequency: 'daily' as const,
-      priority: 1.0,
-    },
-    {
-      url: `${baseUrl}/blog`,
-      lastModified: new Date(),
-      changeFrequency: 'daily' as const,
-      priority: 0.9,
-    },
-    {
-      url: `${baseUrl}/about`,
-      lastModified: new Date(),
-      changeFrequency: 'monthly' as const,
-      priority: 0.7,
-    },
-  ]
-  
-  return [...staticPages, ...blogPosts]
-}

components/blog/ImageGallery.tsx

@@ -1,79 +0,0 @@
-'use client'
-
-import { useState } from 'react'
-import { OptimizedImage } from './OptimizedImage'
-
-interface ImageItem {
-  src: string
-  alt: string
-  caption?: string
-}
-
-interface ImageGalleryProps {
-  images: ImageItem[]
-  columns?: 2 | 3 | 4
-  className?: string
-}
-
-export function ImageGallery({ images, columns = 3, className = '' }: ImageGalleryProps) {
-  const [selectedImage, setSelectedImage] = useState<ImageItem | null>(null)
-
-  const gridCols = {
-    2: 'grid-cols-1 md:grid-cols-2',
-    3: 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3',
-    4: 'grid-cols-1 md:grid-cols-2 lg:grid-cols-4',
-  }
-
-  return (
-    <>
-      <div className={`grid ${gridCols[columns]} gap-4 ${className}`}>
-        {images.map((image, index) => (
-          <button
-            key={index}
-            onClick={() => setSelectedImage(image)}
-            className="group relative overflow-hidden rounded-lg border border-zinc-800 bg-zinc-900/50 transition-all hover:border-emerald-500 hover:shadow-lg hover:shadow-emerald-500/20"
-          >
-            <div className="aspect-video relative">
-              <img
-                src={image.src}
-                alt={image.alt}
-                className="w-full h-full object-cover transition-transform group-hover:scale-105"
-              />
-            </div>
-            {image.caption && <div className="p-2 text-sm text-zinc-400">{image.caption}</div>}
-          </button>
-        ))}
-      </div>
-
-      {selectedImage && (
-        <div
-          className="fixed inset-0 z-50 flex items-center justify-center bg-black/90 p-4"
-          onClick={() => setSelectedImage(null)}
-        >
-          <button
-            className="absolute top-4 right-4 text-zinc-400 hover:text-zinc-100 transition-colors"
-            onClick={() => setSelectedImage(null)}
-          >
-            <svg className="h-8 w-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path
-                strokeLinecap="round"
-                strokeLinejoin="round"
-                strokeWidth={2}
-                d="M6 18L18 6M6 6l12 12"
-              />
-            </svg>
-          </button>
-          <div className="max-w-5xl w-full" onClick={e => e.stopPropagation()}>
-            <OptimizedImage
-              src={selectedImage.src}
-              alt={selectedImage.alt}
-              caption={selectedImage.caption}
-              width={1200}
-              height={800}
-            />
-          </div>
-        </div>
-      )}
-    </>
-  )
-}

components/blog/OptimizedImage.tsx

@@ -1,70 +0,0 @@
-'use client'
-
-import Image from 'next/image'
-import { useState } from 'react'
-
-interface OptimizedImageProps {
-  src: string
-  alt: string
-  caption?: string
-  width?: number
-  height?: number
-  priority?: boolean
-  className?: string
-}
-
-export function OptimizedImage({
-  src,
-  alt,
-  caption,
-  width = 800,
-  height = 600,
-  priority = false,
-  className = '',
-}: OptimizedImageProps) {
-  const [isLoading, setIsLoading] = useState(true)
-  const [hasError, setHasError] = useState(false)
-
-  if (hasError) {
-    return (
-      <span className="block my-8 rounded-lg border border-zinc-800 bg-zinc-900/50 p-8 text-center">
-        <span className="block text-zinc-400">Failed to load image</span>
-        {caption && <span className="block mt-2 text-sm text-zinc-500">{caption}</span>}
-      </span>
-    )
-  }
-
-  const imageElement = (
-    <span className="block relative overflow-hidden rounded-lg border border-zinc-800 bg-zinc-900/50">
-      <Image
-        src={src}
-        alt={alt}
-        width={width}
-        height={height}
-        priority={priority}
-        style={{ maxWidth: '100%', height: 'auto' }}
-        className={`transition-opacity duration-300 ${isLoading ? 'opacity-0' : 'opacity-100'}`}
-        onLoad={() => setIsLoading(false)}
-        onError={() => setHasError(true)}
-        placeholder="blur"
-        blurDataURL="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='300'%3E%3Crect width='400' height='300' fill='%2318181b'/%3E%3C/svg%3E"
-      />
-      {isLoading && (
-        <span className="absolute inset-0 flex items-center justify-center">
-          <span className="block h-8 w-8 animate-spin rounded-full border-2 border-emerald-500 border-t-transparent" />
-        </span>
-      )}
-    </span>
-  )
-
-  // Always use <span> to avoid invalid HTML nesting in <p> tags
-  // This prevents hydration mismatches between server and client
-  return (
-    <span className={`block my-8 ${className}`}>
-      {imageElement}
-      {caption && (
-        <span className="block mt-3 text-center text-sm text-zinc-400">{caption}</span>
-      )}
-    </span>
-  )
-}

components/blog/blog-card.tsx

@@ -1,5 +1,4 @@
-import { useTranslations } from 'next-intl'
+import Link from 'next/link'
-import { Link } from '@/i18n/navigation'
 import Image from 'next/image'
 import { Post } from '@/lib/types/frontmatter'
 import { formatDate } from '@/lib/utils'
@@ -10,7 +9,6 @@ interface BlogCardProps {
 }
 
 export function BlogCard({ post, variant }: BlogCardProps) {
-  const t = useTranslations('BlogPost')
   const hasImage = !!post.frontmatter.image
 
   if (!hasImage || variant === 'text-only') {
@@ -19,8 +17,7 @@ export function BlogCard({ post, variant }: BlogCardProps) {
         <article className="border border-slate-700 bg-slate-900 p-6 h-full cyber-glitch-hover">
           <div className="border-l-2 pl-4 mb-4" style={{ borderColor: 'var(--neon-pink)' }}>
             <span className="font-mono text-xs text-zinc-100 uppercase tracking-wider">
-              {post.frontmatter.category} <span style={{ color: 'var(--neon-cyan)' }}>//</span>{' '}
+              {post.frontmatter.category} <span style={{ color: 'var(--neon-cyan)' }}>//</span> {formatDate(post.frontmatter.date)}
-              {formatDate(post.frontmatter.date)}
             </span>
           </div>
           <h3 className="font-mono text-xl font-bold text-zinc-100 uppercase mb-3">
@@ -30,17 +27,14 @@ export function BlogCard({ post, variant }: BlogCardProps) {
             {post.frontmatter.description}
           </p>
           <div className="flex flex-wrap gap-2 mb-4">
-            {post.frontmatter.tags.map(tag => (
+            {post.frontmatter.tags.map((tag) => (
-              <span
+              <span key={tag} className="px-3 py-1 bg-zinc-800 border border-slate-700 text-cyan-400 font-mono text-xs uppercase">
-                key={tag}
-                className="px-3 py-1 bg-zinc-800 border border-slate-700 text-cyan-400 font-mono text-xs uppercase"
-              >
                 #{tag}
               </span>
             ))}
           </div>
           <span className="inline-flex items-center font-mono text-xs uppercase text-cyan-400 hover:text-cyan-300 transition-colors">
-            &gt; {t('readingTime', {minutes: post.readingTime})}
+            &gt; READ [{post.readingTime}MIN]
           </span>
         </article>
       </Link>
@@ -74,17 +68,14 @@ export function BlogCard({ post, variant }: BlogCardProps) {
                 {post.frontmatter.description}
               </p>
               <div className="flex flex-wrap gap-2 mb-4">
-                {post.frontmatter.tags.map(tag => (
+                {post.frontmatter.tags.map((tag) => (
-                  <span
+                  <span key={tag} className="px-3 py-1 bg-zinc-800 border border-slate-700 text-cyan-400 font-mono text-xs uppercase">
-                    key={tag}
-                    className="px-3 py-1 bg-zinc-800 border border-slate-700 text-cyan-400 font-mono text-xs uppercase"
-                  >
                     #{tag}
                   </span>
                 ))}
               </div>
               <span className="inline-flex items-center font-mono text-xs uppercase text-cyan-400 hover:text-cyan-300 transition-colors">
-                &gt; {t('readingTime', {minutes: post.readingTime})}
+                &gt; READ [{post.readingTime}MIN]
               </span>
             </div>
           </div>
@@ -108,8 +99,7 @@ export function BlogCard({ post, variant }: BlogCardProps) {
         <div className="p-6">
           <div className="border-l-2 pl-4 mb-4" style={{ borderColor: 'var(--neon-pink)' }}>
             <span className="font-mono text-xs text-zinc-100 uppercase tracking-wider">
-              {post.frontmatter.category} <span style={{ color: 'var(--neon-cyan)' }}>//</span>{' '}
+              {post.frontmatter.category} <span style={{ color: 'var(--neon-cyan)' }}>//</span> {formatDate(post.frontmatter.date)}
-              {formatDate(post.frontmatter.date)}
             </span>
           </div>
           <h3 className="font-mono text-xl font-bold text-zinc-100 uppercase mb-3">
@@ -119,17 +109,14 @@ export function BlogCard({ post, variant }: BlogCardProps) {
             {post.frontmatter.description}
           </p>
           <div className="flex flex-wrap gap-2 mb-4">
-            {post.frontmatter.tags.map(tag => (
+            {post.frontmatter.tags.map((tag) => (
-              <span
+              <span key={tag} className="px-3 py-1 bg-zinc-800 border border-slate-700 text-cyan-400 font-mono text-xs uppercase">
-                key={tag}
-                className="px-3 py-1 bg-zinc-800 border border-slate-700 text-cyan-400 font-mono text-xs uppercase"
-              >
                 #{tag}
               </span>
             ))}
           </div>
           <span className="inline-flex items-center font-mono text-xs uppercase text-cyan-400 hover:text-cyan-300 transition-colors">
-            &gt; {t('readingTime', {minutes: post.readingTime})}
+            &gt; READ [{post.readingTime}MIN]
           </span>
         </div>
       </article>

components/blog/code-block.tsx

@@ -23,9 +23,7 @@ export function CodeBlock({ code, language, filename, showLineNumbers = true }:
       <div className="flex items-center justify-between px-4 py-2 bg-[rgb(var(--bg-secondary))] dark:bg-zinc-950 border-b-2 border-[var(--neon-purple)] relative">
         <div className="flex items-center gap-3">
           {filename && (
-            <span className="text-[var(--neon-cyan)] font-mono text-sm uppercase">
+            <span className="text-[var(--neon-cyan)] font-mono text-sm uppercase">&gt;&gt; {filename}</span>
-              &gt;&gt; {filename}
-            </span>
           )}
           <span className="px-2 py-1 border border-[var(--neon-purple)] text-[var(--neon-purple)] text-xs font-mono uppercase">
             [{language}]

components/blog/markdown-renderer.tsx

@@ -1,132 +1,80 @@
-'use client'
+'use client';
 
-import ReactMarkdown from 'react-markdown'
+import ReactMarkdown from 'react-markdown';
-import remarkGfm from 'remark-gfm'
+import remarkGfm from 'remark-gfm';
-import rehypeSanitize from 'rehype-sanitize'
+import Image from 'next/image';
-import rehypeRaw from 'rehype-raw'
+import Link from 'next/link';
-import { OptimizedImage } from './OptimizedImage'
+import { CodeBlock } from './code-block';
-import { CodeBlock } from './code-block'
-import { useLocale } from 'next-intl'
-import { Link } from '@/i18n/navigation'
 
 interface MarkdownRendererProps {
-  content: string
+  content: string;
-  className?: string
 }
 
-export default function MarkdownRenderer({ content, className = '' }: MarkdownRendererProps) {
+export default function MarkdownRenderer({ content }: MarkdownRendererProps) {
-  const locale = useLocale()
   return (
-    <div className={`prose prose-invert prose-zinc max-w-none ${className}`}>
     <ReactMarkdown
       remarkPlugins={[remarkGfm]}
-        rehypePlugins={[
-          rehypeRaw,
-          [
-            rehypeSanitize,
-            {
-              tagNames: [
-                'p',
-                'a',
-                'img',
-                'code',
-                'pre',
-                'h1',
-                'h2',
-                'h3',
-                'h4',
-                'h5',
-                'h6',
-                'ul',
-                'ol',
-                'li',
-                'blockquote',
-                'table',
-                'thead',
-                'tbody',
-                'tr',
-                'th',
-                'td',
-                'strong',
-                'em',
-                'del',
-                'br',
-                'hr',
-                'div',
-                'span',
-              ],
-              attributes: {
-                a: ['href', 'rel', 'target'],
-                img: ['src', 'alt', 'title', 'width', 'height'],
-                code: ['className'],
-                '*': ['className', 'id'],
-              },
-            },
-          ],
-        ]}
       components={{
-          img: ({ node, src, alt, title, ...props }) => {
+        h1: ({ children }) => {
-            if (!src || typeof src !== 'string') return null
+          const text = String(children);
-
+          const id = text.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/(^-|-$)/g, '');
-            const isExternal = src.startsWith('http://') || src.startsWith('https://')
+          return <h1 id={id}>{children}</h1>;
+        },
+        h2: ({ children }) => {
+          const text = String(children);
+          const id = text.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/(^-|-$)/g, '');
+          return <h2 id={id}>{children}</h2>;
+        },
+        h3: ({ children }) => {
+          const text = String(children);
+          const id = text.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/(^-|-$)/g, '');
+          return <h3 id={id}>{children}</h3>;
+        },
+        code: ({ inline, className, children, ...props }: any) => {
+          const match = /language-(\w+)/.exec(className || '');
+          if (!inline && match) {
+            return (
+              <CodeBlock
+                code={String(children).replace(/\n$/, '')}
+                language={match[1]}
+              />
+            );
+          }
+          return (
+            <code {...props}>
+              {children}
+            </code>
+          );
+        },
+        img: ({ src, alt }) => {
+          if (!src || typeof src !== 'string') return null;
+          const isExternal = src.startsWith('http://') || src.startsWith('https://');
 
           if (isExternal) {
             return (
               <img
                 src={src}
                 alt={alt || ''}
-                  title={title}
+                className="w-full h-auto"
-                  className="rounded-lg border border-zinc-800"
-                  {...props}
               />
-              )
+            );
-            }
-            // Ensure absolute path for Next Image
-            const absoluteSrc = src.startsWith('/') ? src : `/${src}`
-
-            const titleStr = typeof title === 'string' ? title : ''
-            const [altText, caption] = titleStr?.includes('|')
-              ? titleStr.split('|').map(s => s.trim())
-              : [alt, undefined]
-
-            const url = new URL(absoluteSrc, 'http://localhost')
-            const width = url.searchParams.get('w') ? parseInt(url.searchParams.get('w')!) : null
-            const height = url.searchParams.get('h') ? parseInt(url.searchParams.get('h')!) : null
-            const cleanSrc = absoluteSrc.split('?')[0]
-
-            const imageProps = {
-              src: cleanSrc,
-              alt: altText || alt || '',
-              caption: caption,
-              ...(width && { width }),
-              ...(height && { height }),
           }
 
-            return <OptimizedImage {...imageProps} />
-          },
-          code: ({ node, className, children, ...props }) => {
-            const inline = !className && typeof children === 'string' && !children.includes('\n')
-            const match = /language-(\w+)/.exec(className || '')
-            const language = match ? match[1] : ''
-
-            if (inline) {
           return (
-                <code
+            <div className="relative w-full h-auto">
-                  className="rounded bg-zinc-900 px-1.5 py-0.5 text-sm text-emerald-400"
+              <Image
-                  {...props}
+                src={src}
-                >
+                alt={alt || ''}
-                  {children}
+                width={800}
-                </code>
+                height={600}
-              )
+                style={{ width: '100%', height: 'auto' }}
-            }
+              />
-
+            </div>
-            return <CodeBlock code={String(children).replace(/\n$/, '')} language={language} />
+          );
         },
-          a: ({ node, href, children, ...props }) => {
+        a: ({ href, children }) => {
-            if (!href) return <a {...props}>{children}</a>
+          if (!href) return <>{children}</>;
-
+          const isExternal = href.startsWith('http://') || href.startsWith('https://');
-            const isExternal = href.startsWith('http://') || href.startsWith('https://')
-            const isAnchor = href.startsWith('#')
 
           if (isExternal) {
             return (
@@ -134,114 +82,21 @@ export default function MarkdownRenderer({ content, className = '' }: MarkdownRe
                 href={href}
                 target="_blank"
                 rel="noopener noreferrer"
-                  className="text-emerald-400 hover:text-emerald-300 inline-flex items-center gap-1"
-                  {...props}
               >
                 {children}
-                  <svg className="h-3 w-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                    <path
-                      strokeLinecap="round"
-                      strokeLinejoin="round"
-                      strokeWidth={2}
-                      d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
-                    />
-                  </svg>
               </a>
-              )
+            );
-            }
-
-            if (isAnchor) {
-              return (
-                <a href={href} className="text-emerald-400 hover:text-emerald-300" {...props}>
-                  {children}
-                </a>
-              )
           }
 
           return (
-              <Link href={href} className="text-emerald-400 hover:text-emerald-300" {...props}>
+            <Link href={href}>
               {children}
             </Link>
-            )
+          );
         },
-          h1: ({ node, children, ...props }) => {
-            const text = String(children)
-            const id = text
-              .toLowerCase()
-              .replace(/[^a-z0-9]+/g, '-')
-              .replace(/(^-|-$)/g, '')
-            return (
-              <h1 id={id} className="text-3xl font-bold text-zinc-100 mt-8 mb-4" {...props}>
-                {children}
-              </h1>
-            )
-          },
-          h2: ({ node, children, ...props }) => {
-            const text = String(children)
-            const id = text
-              .toLowerCase()
-              .replace(/[^a-z0-9]+/g, '-')
-              .replace(/(^-|-$)/g, '')
-            return (
-              <h2 id={id} className="text-2xl font-bold text-zinc-100 mt-6 mb-3" {...props}>
-                {children}
-              </h2>
-            )
-          },
-          h3: ({ node, children, ...props }) => {
-            const text = String(children)
-            const id = text
-              .toLowerCase()
-              .replace(/[^a-z0-9]+/g, '-')
-              .replace(/(^-|-$)/g, '')
-            return (
-              <h3 id={id} className="text-xl font-bold text-zinc-100 mt-4 mb-2" {...props}>
-                {children}
-              </h3>
-            )
-          },
-          ul: ({ node, children, ...props }) => (
-            <ul className="list-disc list-inside space-y-2 text-zinc-300" {...props}>
-              {children}
-            </ul>
-          ),
-          ol: ({ node, children, ...props }) => (
-            <ol className="list-decimal list-inside space-y-2 text-zinc-300" {...props}>
-              {children}
-            </ol>
-          ),
-          blockquote: ({ node, children, ...props }) => (
-            <blockquote
-              className="border-l-4 border-emerald-500 pl-4 italic text-zinc-400"
-              {...props}
-            >
-              {children}
-            </blockquote>
-          ),
-          table: ({ node, children, ...props }) => (
-            <div className="overflow-x-auto my-6">
-              <table className="min-w-full border border-zinc-800" {...props}>
-                {children}
-              </table>
-            </div>
-          ),
-          th: ({ node, children, ...props }) => (
-            <th
-              className="bg-zinc-900 px-4 py-2 text-left font-bold text-zinc-100 border border-zinc-800"
-              {...props}
-            >
-              {children}
-            </th>
-          ),
-          td: ({ node, children, ...props }) => (
-            <td className="px-4 py-2 text-zinc-300 border border-zinc-800" {...props}>
-              {children}
-            </td>
-          ),
       }}
     >
       {content}
     </ReactMarkdown>
-    </div>
+  );
-  )
 }

components/blog/navbar.tsx

@@ -1,13 +1,10 @@
 'use client'
 
 import { useEffect, useState } from 'react'
-import { useTranslations } from 'next-intl'
+import Link from 'next/link'
-import { Link } from '@/i18n/navigation'
 import { ThemeToggle } from '@/components/theme-toggle'
-import LanguageSwitcher from '@/components/layout/LanguageSwitcher'
 
 export function Navbar() {
-  const t = useTranslations('Navigation')
   const [isVisible, setIsVisible] = useState(true)
   const [lastScrollY, setLastScrollY] = useState(0)
 
@@ -31,38 +28,22 @@ export function Navbar() {
   }, [lastScrollY])
 
   return (
-    <nav
+    <nav className={`border-b-4 border-slate-700 bg-slate-900 dark:bg-zinc-950 sticky top-0 z-50 ${isVisible ? 'navbar-visible' : 'navbar-hidden'}`}>
-      className={`border-b-4 border-slate-700 bg-slate-900 dark:bg-zinc-950 sticky top-0 z-50 ${isVisible ? 'navbar-visible' : 'navbar-hidden'}`}
-    >
       <div className="max-w-7xl mx-auto px-6 py-4">
         <div className="flex items-center justify-between">
           <div className="flex items-center gap-8">
-            <Link
+            <Link href="/" className="font-mono text-sm uppercase tracking-wider transition-colors cursor-pointer" style={{ color: 'var(--neon-cyan)' }}>
-              href="/"
+              &lt; HOME
-              className="font-mono text-sm uppercase tracking-wider transition-colors cursor-pointer"
-              style={{ color: 'var(--neon-cyan)' }}
-            >
-              &lt; {t('home')}
             </Link>
             <span className="font-mono text-sm text-zinc-100 dark:text-zinc-300 uppercase tracking-wider">
-              // <span style={{ color: 'var(--neon-pink)' }}>{t('blog')}</span> ARCHIVE
+              // <span style={{ color: 'var(--neon-pink)' }}>BLOG</span> ARCHIVE
             </span>
           </div>
           <div className="flex items-center gap-6">
-            <Link
+            <Link href="/about" className="font-mono text-sm text-zinc-400 dark:text-zinc-500 uppercase tracking-wider hover:text-cyan-400 dark:hover:text-cyan-300 transition-colors cursor-pointer">
-              href="/about"
+              [ABOUT]
-              className="font-mono text-sm text-zinc-400 dark:text-zinc-500 uppercase tracking-wider hover:text-cyan-400 dark:hover:text-cyan-300 transition-colors cursor-pointer"
-            >
-              [{t('about')}]
-            </Link>
-            <Link
-              href="/blog"
-              className="font-mono text-sm text-zinc-400 dark:text-zinc-500 uppercase tracking-wider hover:text-cyan-400 dark:hover:text-cyan-300 transition-colors cursor-pointer"
-            >
-              [{t('blog')}]
             </Link>
             <ThemeToggle />
-            <LanguageSwitcher />
           </div>
         </div>
       </div>

components/blog/popular-tags.tsx

@@ -1,40 +0,0 @@
-import Link from 'next/link'
-import { getPopularTags } from '@/lib/tags'
-import { TagBadge } from './tag-badge'
-
-export async function PopularTags({ limit = 5 }: { limit?: number }) {
-  const tags = await getPopularTags("en", limit)
-
-  if (tags.length === 0) return null
-
-  return (
-    <div className="border-2 border-slate-700 bg-slate-900 p-6">
-      <div className="border-b-2 border-slate-700 pb-3 mb-4">
-        <h3 className="font-mono text-sm font-bold uppercase text-cyan-400">POPULAR TAGS</h3>
-      </div>
-      <div className="space-y-3">
-        {tags.map((tag, index) => (
-          <Link
-            key={tag.slug}
-            href={`/tags/${tag.slug}`}
-            className="flex items-center justify-between group p-2 border border-slate-700 hover:border-cyan-400 hover:bg-slate-800 transition"
-          >
-            <div className="flex items-center space-x-3">
-              <span className="font-mono text-xs text-zinc-500">[{index + 1}]</span>
-              <span className="font-mono text-xs uppercase group-hover:text-cyan-400 transition">
-                #{tag.name}
-              </span>
-            </div>
-            <TagBadge count={tag.count} />
-          </Link>
-        ))}
-      </div>
-      <Link
-        href="/tags"
-        className="block mt-4 text-center font-mono text-xs text-cyan-400 hover:text-cyan-300 transition uppercase"
-      >
-        &gt; VIEW ALL TAGS
-      </Link>
-    </div>
-  )
-}

components/blog/reading-progress.tsx

@@ -25,14 +25,16 @@ export function ReadingProgress() {
           className="h-full bg-gradient-to-r from-[var(--neon-cyan)] via-[var(--neon-magenta)] to-[var(--neon-pink)] transition-all duration-150"
           style={{
             width: `${progress}%`,
-            boxShadow: progress > 0 ? '0 0 8px var(--neon-cyan)' : 'none',
+            boxShadow: progress > 0 ? '0 0 8px var(--neon-cyan)' : 'none'
           }}
         />
       </div>
 
-      {/* <div className="fixed left-13 z-50 m-3 px-3 py-1.5 bg-[rgb(var(--bg-primary))] border-2 border-[var(--neon-cyan)] text-xs font-mono font-bold text-[var(--neon-cyan)]">
+      <div className="fixed top-4 right-4 z-50 px-3 py-1.5 bg-[rgb(var(--bg-primary))] border-2 border-[var(--neon-cyan)] text-xs font-mono font-bold text-[var(--neon-cyan)] relative">
-        <span className="left-4 z-10">[{Math.round(progress)}%]</span>
+        <span className="relative z-10">
-      </div> */}
+          [{Math.round(progress)}%]
+        </span>
+      </div>
     </>
   )
 }

components/blog/search-bar.tsx

@@ -6,14 +6,12 @@ interface SearchBarProps {
 export function SearchBar({ searchQuery, onSearchChange }: SearchBarProps) {
   return (
     <div className="flex-1 flex items-center border border-slate-700 bg-zinc-900 transition-all focus-within:border-[var(--neon-cyan)] focus-within:shadow-[0_0_6px_rgba(0,255,255,0.4),inset_0_0_6px_rgba(0,255,255,0.05)]">
-      <span className="pl-4 pr-2 font-mono text-lg" style={{ color: 'var(--neon-cyan)' }}>
+      <span className="pl-4 pr-2 font-mono text-lg" style={{ color: 'var(--neon-cyan)' }}>&gt;</span>
-        &gt;
-      </span>
       <input
         type="text"
         placeholder="SEARCH POSTS..."
         value={searchQuery}
-        onChange={e => onSearchChange(e.target.value)}
+        onChange={(e) => onSearchChange(e.target.value)}
         className="flex-1 bg-transparent font-mono text-zinc-100 dark:text-zinc-100 px-2 py-3 focus:outline-none placeholder:text-zinc-600 uppercase text-sm"
       />
     </div>

components/blog/sort-dropdown.tsx

@@ -9,30 +9,12 @@ export function SortDropdown({ sortBy, onSortChange }: SortDropdownProps) {
   return (
     <select
       value={sortBy}
-      onChange={e => onSortChange(e.target.value as SortOption)}
+      onChange={(e) => onSortChange(e.target.value as SortOption)}
       className="border-2 border-slate-700 bg-zinc-900 dark:bg-zinc-900 text-zinc-100 dark:text-zinc-100 font-mono px-6 py-3 uppercase text-sm cyber-focus-pink transition-all hover:border-cyan-400 cursor-pointer"
     >
-      <option
+      <option value="newest" className="bg-zinc-900 text-zinc-100" style={{ backgroundColor: '#18181b', color: '#f4f4f5' }}>NEWEST FIRST</option>
-        value="newest"
+      <option value="oldest" className="bg-zinc-900 text-zinc-100" style={{ backgroundColor: '#18181b', color: '#f4f4f5' }}>OLDEST FIRST</option>
-        className="bg-zinc-900 text-zinc-100"
+      <option value="title" className="bg-zinc-900 text-zinc-100" style={{ backgroundColor: '#18181b', color: '#f4f4f5' }}>BY TITLE</option>
-        style={{ backgroundColor: '#18181b', color: '#f4f4f5' }}
-      >
-        NEWEST FIRST
-      </option>
-      <option
-        value="oldest"
-        className="bg-zinc-900 text-zinc-100"
-        style={{ backgroundColor: '#18181b', color: '#f4f4f5' }}
-      >
-        OLDEST FIRST
-      </option>
-      <option
-        value="title"
-        className="bg-zinc-900 text-zinc-100"
-        style={{ backgroundColor: '#18181b', color: '#f4f4f5' }}
-      >
-        BY TITLE
-      </option>
     </select>
   )
 }

components/blog/sticky-footer.tsx

@@ -43,12 +43,15 @@ export function StickyFooter({ url, title }: StickyFooterProps) {
       className={`
         fixed bottom-0 left-0 right-0 z-40
         bg-black/98 backdrop-blur-sm
-        border-t-1 border-[var(--neon-magenta)]
+        border-t-4 border-[var(--neon-magenta)]
         transition-transform duration-200 ease-in-out
         ${isVisible ? 'translate-y-0' : 'translate-y-full'}
       `}
+      style={{
+        boxShadow: isVisible ? '0 -8px 30px rgba(155,90,142,0.5), inset 0 4px 20px rgba(155,90,142,0.1)' : 'none'
+      }}
     >
-      <div className="absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-transparent to-transparent opacity-70" />
+      <div className="absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-transparent via-[var(--neon-magenta)] to-transparent opacity-70" />
 
       <div className="max-w-7xl mx-auto px-6 py-4 relative">
         <div className="flex items-center justify-between">
@@ -57,10 +60,7 @@ export function StickyFooter({ url, title }: StickyFooterProps) {
               <div className="w-2 h-2 bg-[var(--neon-cyan)] shadow-[0_0_6px_rgba(90,139,149,1)]" />
               <div className="w-2 h-2 bg-[var(--neon-pink)] shadow-[0_0_6px_rgba(155,90,110,1)]" />
             </div>
-            <span
+            <span className="text-[var(--neon-cyan)] font-mono text-xs uppercase tracking-wider" style={{ textShadow: '0 0 8px rgba(90,139,149,0.6)' }}>
-              className="text-[var(--neon-cyan)] font-mono text-xs uppercase tracking-wider"
-              style={{ textShadow: '0 0 8px rgba(90,139,149,0.6)' }}
-            >
               &gt;&gt; SHARE:
             </span>
           </div>
@@ -89,9 +89,7 @@ export function StickyFooter({ url, title }: StickyFooterProps) {
             <button
               onClick={handleCopyLink}
               className="flex items-center gap-2 px-4 py-2 bg-black border-4 border-[var(--neon-pink)] text-[var(--neon-pink)] font-mono text-xs uppercase tracking-wider transition-all hover:shadow-[0_0_25px_rgba(155,90,110,0.8)] hover:bg-pink-900/20"
-              style={{
+              style={{ textShadow: copied ? '0 0 10px rgba(155,90,110,1)' : '0 0 8px rgba(155,90,110,0.6)' }}
-                textShadow: copied ? '0 0 10px rgba(155,90,110,1)' : '0 0 8px rgba(155,90,110,0.6)',
-              }}
             >
               {copied ? '[✓ COPIED]' : '[COPY]'}
             </button>

components/blog/table-of-contents.tsx

@@ -17,8 +17,8 @@ export function TableOfContents({ headings }: TOCProps) {
 
   useEffect(() => {
     const observer = new IntersectionObserver(
-      entries => {
+      (entries) => {
-        entries.forEach(entry => {
+        entries.forEach((entry) => {
           if (entry.isIntersecting) {
             setActiveId(entry.target.id)
           }
@@ -43,45 +43,31 @@ export function TableOfContents({ headings }: TOCProps) {
 
         <div className="border-b border-[var(--neon-magenta)] pb-3 mb-4 relative">
           <div className="flex gap-1.5 mb-2 justify-end">
-            <div
+            <div className="w-3 h-3 border border-[var(--neon-cyan)]/40 hover:bg-[var(--neon-cyan)]/10 transition-colors cursor-pointer" title="Minimize" />
-              className="w-3 h-3 border border-[var(--neon-cyan)]/40 hover:bg-[var(--neon-cyan)]/10 transition-colors cursor-pointer"
+            <div className="w-3 h-3 border border-[var(--neon-cyan)]/40 hover:bg-[var(--neon-cyan)]/10 transition-colors cursor-pointer" title="Maximize" />
-              title="Minimize"
+            <div className="w-3 h-3 border border-[var(--neon-pink)]/40 hover:bg-[var(--neon-pink)]/10 transition-colors cursor-pointer" title="Close" />
-            />
-            <div
-              className="w-3 h-3 border border-[var(--neon-cyan)]/40 hover:bg-[var(--neon-cyan)]/10 transition-colors cursor-pointer"
-              title="Maximize"
-            />
-            <div
-              className="w-3 h-3 border border-[var(--neon-pink)]/40 hover:bg-[var(--neon-pink)]/10 transition-colors cursor-pointer"
-              title="Close"
-            />
           </div>
-          <h3
+          <h3 className="text-xs font-mono font-bold text-[var(--neon-cyan)] uppercase tracking-wider" style={{ textShadow: '0 0 6px rgba(90,139,149,0.5)' }}>
-            className="text-xs font-mono font-bold text-[var(--neon-cyan)] uppercase tracking-wider"
-            style={{ textShadow: '0 0 6px rgba(90,139,149,0.5)' }}
-          >
             &gt;&gt; NAVIGATION
           </h3>
         </div>
 
         <nav className="space-y-1 relative">
-          {headings.map(heading => (
+          {headings.map((heading) => (
             <a
               key={heading.id}
               href={`#${heading.id}`}
               className={`
                 block text-sm font-mono py-2 border-l-2 transition-all duration-150
                 ${heading.level === 2 ? 'pl-3' : 'pl-6'}
-                ${
+                ${activeId === heading.id
-                  activeId === heading.id
                   ? 'text-[var(--neon-cyan)] border-[var(--neon-cyan)] bg-cyan-500/5 shadow-[0_0_8px_rgba(90,139,149,0.3)]'
                   : 'text-zinc-500 border-zinc-900 hover:border-[var(--neon-magenta)] hover:text-[var(--neon-magenta)] hover:bg-magenta-500/3 hover:shadow-[0_0_4px_rgba(155,90,142,0.2)]'
                 }
               `}
               style={activeId === heading.id ? { textShadow: '0 0 4px rgba(90,139,149,0.5)' } : {}}
             >
-              <span className="inline-block">{activeId === heading.id ? '▶ ' : '◆ '}</span>
+              <span className="inline-block">{activeId === heading.id ? '▶ ' : '◆ '}</span>{heading.text}
-              {heading.text}
             </a>
           ))}
         </nav>

components/blog/tag-badge.tsx

@@ -1,20 +0,0 @@
-interface TagBadgeProps {
-  count: number
-  className?: string
-}
-
-export function TagBadge({ count, className = '' }: TagBadgeProps) {
-  return (
-    <span
-      className={`
-        inline-flex items-center justify-center
-        px-2 py-1 font-mono text-xs font-bold
-        bg-cyan-900 border border-cyan-700
-        text-cyan-300
-        ${className}
-      `}
-    >
-      {count}
-    </span>
-  )
-}

components/blog/tag-cloud.tsx

@@ -1,38 +0,0 @@
-import { useTranslations } from 'next-intl'
-import { Link } from '@/i18n/navigation'
-import { TagInfo } from '@/lib/tags'
-
-interface TagCloudProps {
-  tags: Array<TagInfo & { size: 'sm' | 'md' | 'lg' | 'xl' }>
-}
-
-export function TagCloud({ tags }: TagCloudProps) {
-  const t = useTranslations('Tags')
-  const sizeClasses = {
-    sm: 'text-xs opacity-70',
-    md: 'text-sm',
-    lg: 'text-base font-bold',
-    xl: 'text-lg font-bold',
-  }
-
-  return (
-    <div className="flex flex-wrap gap-4 items-baseline">
-      {tags.map(tag => (
-        <Link
-          key={tag.slug}
-          href={`/tags/${tag.slug}`}
-          className={`
-            ${sizeClasses[tag.size]}
-            font-mono uppercase
-            text-zinc-400
-            hover:text-cyan-400
-            transition-colors
-          `}
-          title={t('postsWithTag', {count: tag.count, tag: tag.name})}
-        >
-          #{tag.name}
-        </Link>
-      ))}
-    </div>
-  )
-}

components/blog/tag-filter.tsx

@@ -14,7 +14,7 @@ export function TagFilter({ allTags, selectedTags, onToggleTag, onClearTags }: T
         FILTER BY TAG
       </p>
       <div className="flex flex-wrap gap-3">
-        {allTags.map(tag => (
+        {allTags.map((tag) => (
           <button
             key={tag}
             onClick={() => onToggleTag(tag)}

components/blog/tag-list.tsx

@@ -1,40 +0,0 @@
-import Link from 'next/link'
-import { slugifyTag } from '@/lib/tags'
-
-interface TagListProps {
-  tags: (string | undefined)[]
-  variant?: 'default' | 'minimal' | 'colored'
-  className?: string
-}
-
-export function TagList({ tags, variant = 'default', className = '' }: TagListProps) {
-  const validTags = tags.filter(Boolean) as string[]
-
-  if (validTags.length === 0) return null
-
-  const baseClasses =
-    'inline-flex items-center font-mono text-xs uppercase border transition-colors'
-
-  const variants = {
-    default:
-      'px-3 py-1 bg-zinc-900 border-slate-700 text-zinc-400 hover:border-cyan-400 hover:text-cyan-400',
-    minimal: 'px-2 py-0.5 border-transparent text-zinc-500 hover:text-cyan-400',
-    colored:
-      'px-3 py-1 bg-cyan-900 border-cyan-700 text-cyan-300 hover:bg-cyan-800 hover:border-cyan-600',
-  }
-
-  return (
-    <div className={`flex flex-wrap gap-2 ${className}`}>
-      {validTags.map(tag => (
-        <Link
-          key={tag}
-          href={`/tags/${slugifyTag(tag)}`}
-          className={`${baseClasses} ${variants[variant]}`}
-        >
-          <span className="mr-1">#</span>
-          {tag}
-        </Link>
-      ))}
-    </div>
-  )
-}

components/icons/IconWrapper.tsx

@@ -1,38 +0,0 @@
-import Image from 'next/image'
-
-interface IconWrapperProps {
-  name: string
-  alt?: string
-  size?: number
-  className?: string
-}
-
-export function IconWrapper({ name, alt, size = 32, className = '' }: IconWrapperProps) {
-  const iconPath = `/icons/${name}.png`
-
-  return <Image src={iconPath} alt={alt || name} width={size} height={size} className={className} />
-}
-
-export function EmailIcon({ size = 32, className = '' }: { size?: number; className?: string }) {
-  return <IconWrapper name="Email" size={size} className={className} />
-}
-
-export function TerminalIcon({ size = 32, className = '' }: { size?: number; className?: string }) {
-  return <IconWrapper name="Terminal" size={size} className={className} />
-}
-
-export function FolderIcon({ size = 32, className = '' }: { size?: number; className?: string }) {
-  return <IconWrapper name="Folder" size={size} className={className} />
-}
-
-export function DocumentIcon({ size = 32, className = '' }: { size?: number; className?: string }) {
-  return <IconWrapper name="Document" size={size} className={className} />
-}
-
-export function SettingsIcon({ size = 32, className = '' }: { size?: number; className?: string }) {
-  return <IconWrapper name="Settings" size={size} className={className} />
-}
-
-export function NetworkIcon({ size = 32, className = '' }: { size?: number; className?: string }) {
-  return <IconWrapper name="Network" size={size} className={className} />
-}

components/icons/index.tsx

@@ -1,74 +0,0 @@
-export {
-  IconWrapper,
-  EmailIcon,
-  TerminalIcon,
-  FolderIcon,
-  DocumentIcon,
-  SettingsIcon,
-  NetworkIcon,
-} from './IconWrapper'
-
-export function HomeIcon({ className = 'h-5 w-5' }: { className?: string }) {
-  return (
-    <svg className={className} fill="none" stroke="currentColor" viewBox="0 0 24 24">
-      <path
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeWidth={2}
-        d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
-      />
-    </svg>
-  )
-}
-
-export function SearchIcon({ className = 'h-5 w-5' }: { className?: string }) {
-  return (
-    <svg className={className} fill="none" stroke="currentColor" viewBox="0 0 24 24">
-      <path
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeWidth={2}
-        d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
-      />
-    </svg>
-  )
-}
-
-export function TagIcon({ className = 'h-5 w-5' }: { className?: string }) {
-  return (
-    <svg className={className} fill="none" stroke="currentColor" viewBox="0 0 24 24">
-      <path
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeWidth={2}
-        d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"
-      />
-    </svg>
-  )
-}
-
-export function CalendarIcon({ className = 'h-5 w-5' }: { className?: string }) {
-  return (
-    <svg className={className} fill="none" stroke="currentColor" viewBox="0 0 24 24">
-      <path
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeWidth={2}
-        d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
-      />
-    </svg>
-  )
-}
-
-export function ClockIcon({ className = 'h-5 w-5' }: { className?: string }) {
-  return (
-    <svg className={className} fill="none" stroke="currentColor" viewBox="0 0 24 24">
-      <path
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeWidth={2}
-        d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
-      />
-    </svg>
-  )
-}

components/layout/Breadcrumbs.tsx

@@ -1,15 +1,14 @@
-'use client'
+'use client';
 
-import {Link} from '@/i18n/navigation'
+import Link from 'next/link';
-import { usePathname } from 'next/navigation'
+import { usePathname } from 'next/navigation';
-import { useLocale, useTranslations } from 'next-intl'
+import { Fragment } from 'react';
-import { Fragment } from 'react'
+import { BreadcrumbsSchema } from './breadcrumbs-schema';
-import { BreadcrumbsSchema } from './breadcrumbs-schema'
 
 interface BreadcrumbItem {
-  label: string
+  label: string;
-  href: string
+  href: string;
-  current?: boolean
+  current?: boolean;
 }
 
 function HomeIcon({ className }: { className?: string }) {
@@ -28,66 +27,72 @@ function HomeIcon({ className }: { className?: string }) {
         d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
       />
     </svg>
-  )
+  );
 }
 
 function ChevronIcon({ className }: { className?: string }) {
   return (
-    <svg className={className} fill="none" stroke="currentColor" viewBox="0 0 24 24">
+    <svg
-      <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5l7 7-7 7" />
+      className={className}
+      fill="none"
+      stroke="currentColor"
+      viewBox="0 0 24 24"
+    >
+      <path
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={2}
+        d="M9 5l7 7-7 7"
+      />
     </svg>
-  )
+  );
 }
 
-export function Breadcrumbs({ items }: { items?: BreadcrumbItem[] }) {
+function formatSegmentLabel(segment: string): string {
-  const pathname = usePathname()
-  const locale = useLocale()
-  const t = useTranslations('Breadcrumbs')
-
-  // Hide breadcrumbs on main page
-  const isMainPage = pathname === `/${locale}` || pathname === '/'
-  if (isMainPage) {
-    return null
-  }
-
-  const formatSegmentLabel = (segment: string): string => {
   const specialCases: { [key: string]: string } = {
-      blog: t('blog'),
+    blog: 'Blog',
-      tags: t('tags'),
+    tags: 'Tag-uri',
-      about: t('about'),
+    about: 'Despre',
-    }
+  };
 
   if (specialCases[segment]) {
-      return specialCases[segment]
+    return specialCases[segment];
   }
 
   return segment
     .split('-')
     .map(word => word.charAt(0).toUpperCase() + word.slice(1))
-      .join(' ')
+    .join(' ');
-  }
+}
 
-  let breadcrumbs: BreadcrumbItem[] = items || []
+export function Breadcrumbs({ items }: { items?: BreadcrumbItem[] }) {
+  const pathname = usePathname();
+
+  let breadcrumbs: BreadcrumbItem[] = items || [];
 
   if (!items) {
-    const segments = pathname.split('/').filter(Boolean)
+    const segments = pathname.split('/').filter(Boolean);
     breadcrumbs = segments.map((segment, index) => {
-      const href = '/' + segments.slice(0, index + 1).join('/')
+      const href = '/' + segments.slice(0, index + 1).join('/');
-      const label = formatSegmentLabel(segment)
+      const label = formatSegmentLabel(segment);
-      const current = index === segments.length - 1
+      const current = index === segments.length - 1;
 
-      return { label, href, current }
+      return { label, href, current };
-    })
+    });
+  }
+
+  if (pathname === '/') {
+    return null;
   }
 
   const schemaItems = [
-    { position: 1, name: t('home'), item: '/' },
+    { position: 1, name: 'Acasă', item: '/' },
     ...breadcrumbs.map((item, index) => ({
       position: index + 2,
       name: item.label,
       item: item.href,
     })),
-  ]
+  ];
 
   return (
     <>
@@ -101,13 +106,13 @@ export function Breadcrumbs({ items }: { items?: BreadcrumbItem[] }) {
               <Link
                 href="/"
                 className="flex items-center text-gray-500 hover:text-primary-600 transition"
-                aria-label={t('home')}
+                aria-label="Acasă"
               >
                 <HomeIcon className="w-4 h-4" />
               </Link>
             </li>
 
-            {breadcrumbs.map(item => (
+            {breadcrumbs.map((item) => (
               <Fragment key={item.href}>
                 <li className="text-gray-400 flex-shrink-0">
                   <ChevronIcon className="w-4 h-4" />
@@ -136,5 +141,5 @@ export function Breadcrumbs({ items }: { items?: BreadcrumbItem[] }) {
       </nav>
       <BreadcrumbsSchema items={schemaItems} />
     </>
-  )
+  );
 }

components/layout/LanguageSwitcher.tsx

@@ -1,59 +0,0 @@
-'use client';
-
-import {useLocale} from 'next-intl';
-import {useRouter, usePathname} from '@/i18n/navigation';
-import {routing} from '@/i18n/routing';
-import {useState} from 'react';
-
-export default function LanguageSwitcher() {
-  const locale = useLocale();
-  const router = useRouter();
-  const pathname = usePathname();
-  const [isOpen, setIsOpen] = useState(false);
-
-  const handleLocaleChange = (newLocale: string) => {
-    router.replace(pathname, {locale: newLocale});
-    router.refresh();
-    setIsOpen(false);
-  };
-
-  return (
-    <div className="relative z-[100]">
-      <button
-        onClick={() => setIsOpen(!isOpen)}
-        className="px-3 py-1 border-2 border-slate-700 font-mono uppercase text-xs hover:border-cyan-500 transition-colors"
-        aria-label="Switch language"
-      >
-        {locale}
-      </button>
-
-      {isOpen && (
-        <div className="absolute right-0 top-full mt-2 bg-slate-900 border-2 border-slate-700 min-w-[120px] z-[100]">
-          {routing.locales.map((loc: string) => (
-            <button
-              key={loc}
-              onClick={() => handleLocaleChange(loc)}
-              className={`
-                w-full text-left px-4 py-2 font-mono uppercase text-xs
-                border-b border-slate-700 last:border-b-0
-                ${locale === loc
-                  ? 'bg-cyan-900 text-cyan-300'
-                  : 'text-slate-400 hover:bg-slate-800'
-                }
-              `}
-            >
-              {loc === 'en' ? 'English' : 'Română'}
-            </button>
-          ))}
-        </div>
-      )}
-
-      {isOpen && (
-        <div
-          className="fixed inset-0 z-40"
-          onClick={() => setIsOpen(false)}
-        />
-      )}
-    </div>
-  );
-}

components/layout/breadcrumbs-schema.tsx

@@ -1,25 +1,25 @@
 interface BreadcrumbSchemaItem {
-  position: number
+  position: number;
-  name: string
+  name: string;
-  item: string
+  item: string;
 }
 
 export function BreadcrumbsSchema({ items }: { items: BreadcrumbSchemaItem[] }) {
   const structuredData = {
     '@context': 'https://schema.org',
     '@type': 'BreadcrumbList',
-    itemListElement: items.map(item => ({
+    itemListElement: items.map((item) => ({
       '@type': 'ListItem',
       position: item.position,
       name: item.name,
-      item: `${process.env.NEXT_PUBLIC_SITE_URL || 'http://localhost:3030'}${item.item}`,
+      item: `http://localhost:3000${item.item}`,
     })),
-  }
+  };
 
   return (
     <script
       type="application/ld+json"
       dangerouslySetInnerHTML={{ __html: JSON.stringify(structuredData) }}
     />
-  )
+  );
 }

components/theme-toggle.tsx

@@ -43,8 +43,7 @@ export function ThemeToggle() {
       className={`
         relative font-mono text-xs uppercase tracking-wider
         px-3 py-1 border-2 transition-all duration-300
-        ${
+        ${theme === 'dark'
-          theme === 'dark'
           ? 'text-cyan-400 border-cyan-900 hover:border-cyan-700 bg-cyan-950/20'
           : 'text-emerald-600 border-emerald-700 hover:border-emerald-500 bg-emerald-50/50'
         }
@@ -53,7 +52,9 @@ export function ThemeToggle() {
       `}
       aria-label="Toggle theme"
     >
-      <span className="relative z-10">{theme === 'dark' ? '[DARK MODE]' : '[LIGHT MODE]'}</span>
+      <span className="relative z-10">
+        {theme === 'dark' ? '[DARK MODE]' : '[LIGHT MODE]'}
+      </span>
       {isGlitching && (
         <>
           <span className="glitch-layer" aria-hidden="true">

content/blog/en/why-this-page.md

@@ -1,41 +0,0 @@
----
-title: 'Why I created this page'
-description: 'First post'
-date: '2025-12-02'
-author: 'Rares'
-category: 'Opinion'
-tags: ['opinion']
-image: ''
-draft: false
----
-
-# Why I Created This Blog & Why It's Not Just About Tech
-
-Hi there! Welcome to my blog. If you're wondering why I created this space, it's because I wanted to share more than just technical tutorials or how-to guides – though you'll find those here too. This blog is a reflection of me and my journey through the world of technology, self-hosting, and beyond.
-
-## Why a blog?
-
-You might be thinking, "Why create another tech blog? There are plenty out there."
-Well, yes, there are. But I believe that sharing some of my opinions and experiences will eventually act out as a journal:
-
-1. **Personal touch**: Even though i've been working corporate all my career, this webpage won't contain that sugar coated language 😅. It's a place where you'll get to know me – my thoughts, my mistakes, and my victories. I believe that this personal touch makes the content more engaging and relatable.
-2. **Beyond tech**: While I'll be writing about technology, I also want to explore other topics that interest me, such as mental health, productivity and so on.... I think a well-rounded approach can help create a more engaging and informative space.
-3. **Self-hosting adventure**: As you might have guessed from the title, this blog is self-hosted. This was an exciting journey for me, and I'll be sharing my experiences, challenges, and learnings along the way. If you're interested in self-hosting or just want to understand what it's all about, you might find what worked for me or didn't.
-
-## Why self-host?
-
-![Selfhosting rig](./whythispage/selfhostedrig.gif?w=400 "My self-hosting setup | A look at the hardware running this blog")
-
-Now, let's talk about why I chose to self-host this blog. In a nutshell, self-hosting gave me:
-
-- **Full control**: By hosting my own website, I have complete control over my content and how it's displayed. No more compromises or limitations imposed by third-party platforms.
-- **Owning my data**: It's just, that I can have control over my data without others snooping around.
-- **It's fun**: Started looking into sysadmin/devops for a long time, after a burnout I stepped into selfhosting more convincingly.
-
-## What to expect
-
-As I mentioned earlier, this blog will be a mix of tech tutorials, personal thoughts, and everything in between. Here's what you can look forward to:
-
-- **Tech how-tos**: Step-by-step guides on various topics, from setting up your own development environment to configuring your server.
-- **Self-hosting adventures**: My experiences, learnings, and tips on self-hosting, including challenges faced and solutions implemented.
-- **Random musings**: Thoughts on productivity, mental health, and other interests of mine that might not be directly related to tech.

content/blog/example.md

@@ -0,0 +1,30 @@
+---
+title: "Getting Started with Next.js 15"
+description: "Learn how to build modern web applications with Next.js 15 and TypeScript."
+date: "2025-01-07"
+author: "John Doe"
+category: "Tutorial"
+tags: ["nextjs", "typescript", "tutorial"]
+---
+
+# Getting Started with Next.js 15
+
+Welcome to this example blog post! This post demonstrates how markdown content is rendered.
+
+## Features
+
+- Server Components by default
+- Improved performance
+- Better TypeScript support
+
+## Code Example
+
+```typescript
+export default function Page() {
+  return <h1>Hello, Next.js 15!</h1>
+}
+```
+
+## Conclusion
+
+Next.js 15 brings many improvements for building modern web applications.

content/blog/ro/why-this-page.md

@@ -1,41 +0,0 @@
----
-title: 'Why I created this page'
-description: 'First post'
-date: '2025-12-02'
-author: 'Rares'
-category: 'Opinion'
-tags: ['opinion']
-image: ''
-draft: false
----
-
-# De ce aceasta pagina?
-
-Daca te intrebi de ce aceata pagina? Pentru ca vreau sa jurnalizez lucrurile la care lucrez, sau gandurile pe care vreua sa le impartesesc.
-
-## Why a blog?
-
-You might be thinking, "Why create another tech blog? There are plenty out there."
-Well, yes, there are. But I believe that sharing some of my opinions and experiences will eventually act out as a journal:
-
-1. **Personal touch**: Even though i've been working corporate all my career, this webpage won't contain that sugar coated language 😅. It's a place where you'll get to know me – my thoughts, my mistakes, and my victories. I believe that this personal touch makes the content more engaging and relatable.
-2. **Beyond tech**: While I'll be writing about technology, I also want to explore other topics that interest me, such as mental health, productivity and so on.... I think a well-rounded approach can help create a more engaging and informative space.
-3. **Self-hosting adventure**: As you might have guessed from the title, this blog is self-hosted. This was an exciting journey for me, and I'll be sharing my experiences, challenges, and learnings along the way. If you're interested in self-hosting or just want to understand what it's all about, you might find what worked for me or didn't.
-
-## Why self-host?
-
-![Selfhosting rig](./whythispage/selfhostedrig.gif?w=400 "My self-hosting setup | A look at the hardware running this blog")
-
-Now, let's talk about why I chose to self-host this blog. In a nutshell, self-hosting gave me:
-
-- **Full control**: By hosting my own website, I have complete control over my content and how it's displayed. No more compromises or limitations imposed by third-party platforms.
-- **Owning my data**: It's just, that I can have control over my data without others snooping around.
-- **It's fun**: Started looking into sysadmin/devops for a long time, after a burnout I stepped into selfhosting more convincingly.
-
-## What to expect
-
-As I mentioned earlier, this blog will be a mix of tech tutorials, personal thoughts, and everything in between. Here's what you can look forward to:
-
-- **Tech how-tos**: Step-by-step guides on various topics, from setting up your own development environment to configuring your server.
-- **Self-hosting adventures**: My experiences, learnings, and tips on self-hosting, including challenges faced and solutions implemented.
-- **Random musings**: Thoughts on productivity, mental health, and other interests of mine that might not be directly related to tech.

content/blog/tech/articol-tehnic.md

@@ -0,0 +1,41 @@
+---
+title: "Articol Tehnic din Subdirector"
+description: "Test pentru subdirectoare și organizare ierarhică"
+date: "2025-01-10"
+author: "Tech Writer"
+category: "Tehnologie"
+tags: ["nextjs", "react", "typescript"]
+draft: false
+---
+
+# Articol Tehnic
+
+Acesta este un articol stocat într-un subdirector pentru a testa funcționalitatea de organizare ierarhică.
+
+## Next.js și React
+
+Next.js este un framework React puternic care oferă:
+
+- Server-side rendering (SSR)
+- Static site generation (SSG)
+- API routes
+- File-based routing
+
+## Exemplu de cod TypeScript
+
+```typescript
+interface User {
+  id: number;
+  name: string;
+  email: string;
+}
+
+async function fetchUser(id: number): Promise<User> {
+  const response = await fetch(`/api/users/${id}`);
+  return response.json();
+}
+```
+
+## Concluzie
+
+Subdirectoarele funcționează perfect pentru organizarea conținutului!

content/blog/test-complet.md

@@ -0,0 +1,109 @@
+---
+title: "Test Complet Markdown"
+description: "Un articol de test care demonstrează toate elementele markdown suportate"
+date: "2025-01-15"
+author: "Test Author"
+category: "Tutorial"
+tags: ["markdown", "test", "demo"]
+image: "/38636.jpg"
+draft: false
+---
+
+# Heading 1
+
+Acesta este un paragraf normal cu **text bold** și *text italic*. Putem combina ***bold și italic***.
+
+## Heading 2
+
+### Heading 3
+
+#### Heading 4
+
+##### Heading 5
+
+###### Heading 6
+
+## Liste
+
+### Listă neordonată
+
+- Item 1
+- Item 2
+  - Subitem 2.1
+  - Subitem 2.2
+- Item 3
+
+### Listă ordonată
+
+1. Primul item
+2. Al doilea item
+3. Al treilea item
+
+## Cod
+
+Cod inline: `const x = 42;`
+
+Bloc de cod JavaScript:
+
+```javascript
+function greet(name) {
+  console.log(`Hello, ${name}!`);
+  return true;
+}
+
+greet("World");
+```
+
+Bloc de cod Python:
+
+```python
+def calculate_sum(a, b):
+    """Calculate sum of two numbers"""
+    return a + b
+
+result = calculate_sum(5, 10)
+print(f"Result: {result}")
+```
+
+## Blockquote
+
+> Acesta este un blockquote.
+> Poate avea multiple linii.
+>
+> Și paragrafe separate.
+
+## Link-uri
+
+[Link intern](/blog/alt-articol)
+
+[Link extern](https://example.com)
+
+## Imagini
+
+![Alt text pentru imagine](/images/sample.jpg)
+
+## Tabele
+
+| Coloana 1 | Coloana 2 | Coloana 3 |
+|-----------|-----------|-----------|
+| Celula 1  | Celula 2  | Celula 3  |
+| Date 1    | Date 2    | Date 3    |
+| Info 1    | Info 2    | Info 3    |
+
+## Linie orizontală
+
+---
+
+## Task List (GFM)
+
+- [x] Task completat
+- [ ] Task incomplet
+- [ ] Alt task
+
+## Strikethrough
+
+~~Text șters~~
+
+## Concluzie
+
+Acesta este sfârșitul articolului de test.

docker-compose.prod.yml

@@ -55,19 +55,11 @@ services:
     volumes:
       - ./data/logs:/app/logs
 
-    # Security options
-    security_opt:
-      - no-new-privileges:true  # Prevent privilege escalation
-    # read_only: true  # Commented - uncomment if you want extra hardening
-    # tmpfs:           # Required if using read_only: true
-    #   - /tmp
-    #   - /app/.next/cache
-
     # Health check configuration
     # Docker monitors the application and marks it unhealthy if checks fail
     # If container is unhealthy, restart policy will trigger a restart
     healthcheck:
-      test: ["CMD-SHELL", "curl -f http://localhost:3030/ || exit 1"]
+      test: ["CMD", "curl", "-f", "http://localhost:3030/", "||", "exit", "1"]
       interval: 30s        # Check every 30 seconds
       timeout: 10s         # Wait up to 10 seconds for response
       retries: 3           # Mark unhealthy after 3 consecutive failures

docker-compose.staging.yml

@@ -1,135 +0,0 @@
-# Docker Compose Configuration for Staging Deployment
-# This file is used by CI/CD to deploy the application on staging servers
-#
-# Key differences from production docker-compose.prod.yml:
-#   - Container name: mypage-staging (vs mypage-prod)
-#   - Port mapping: 3031:3030 (vs 3030:3030)
-#   - Network name: mypage-staging-network (vs mypage-network)
-#   - Image tag: staging (vs latest)
-#
-# Usage:
-#   1. This file is automatically copied to server by CI/CD workflow
-#   2. Server pulls image from registry: docker compose -f docker-compose.staging.yml pull
-#   3. Server starts container: docker compose -f docker-compose.staging.yml up -d
-#
-# Manual deployment (if CI/CD is not available):
-#   ssh user@staging-server
-#   cd /opt/mypage-staging
-#   docker compose -f docker-compose.staging.yml pull
-#   docker compose -f docker-compose.staging.yml up -d --force-recreate
-
-version: '3.8'
-
-services:
-  mypage:
-    # Use pre-built image from private registry with staging tag
-    # This image is built and pushed by the CI/CD workflow
-    # Format: REGISTRY_URL/IMAGE_NAME:TAG
-    image: repository.workspace:5000/mypage:staging
-
-    container_name: mypage-staging
-
-    # Restart policy: always restart on failure or server reboot
-    # This ensures high availability in staging
-    restart: always
-
-    # Port mapping: host:container
-    # Staging runs on port 3031 to avoid conflicts with production (3030)
-    # The application will be accessible at http://SERVER_IP:3031
-    ports:
-      - "3031:3030"
-
-    # Staging environment variables
-    environment:
-      - NODE_ENV=production
-      - NEXT_TELEMETRY_DISABLED=1
-      - PORT=3030
-      - HOSTNAME=0.0.0.0
-      # Add any other staging-specific environment variables here
-      # Example:
-      # - DATABASE_URL=postgresql://user:pass@db:5432/mypage_staging
-      # - REDIS_URL=redis://redis:6379
-
-    # Persistent volumes for logs (optional)
-    # Uncomment if your application writes logs
-    volumes:
-      - ./data/logs:/app/logs
-
-    # Health check configuration
-    # Docker monitors the application and marks it unhealthy if checks fail
-    # If container is unhealthy, restart policy will trigger a restart
-    healthcheck:
-      test: ["CMD", "curl", "-f", "http://localhost:3030/", "||", "exit", "1"]
-      interval: 30s        # Check every 30 seconds
-      timeout: 10s         # Wait up to 10 seconds for response
-      retries: 3           # Mark unhealthy after 3 consecutive failures
-      start_period: 40s    # Grace period during container startup
-
-    # Resource limits for staging
-    # Prevents container from consuming all server resources
-    # deploy:
-    #   resources:
-    #     limits:
-    #       cpus: '1.0'         # Maximum 1 CPU core
-    #       memory: 512M        # Maximum 512MB RAM
-    #     reservations:
-    #       cpus: '0.25'        # Reserve at least 0.25 CPU cores
-    #       memory: 256M        # Reserve at least 256MB RAM
-
-    # Network configuration
-    networks:
-      - mypage-staging-network
-
-    # Logging configuration
-    # Prevents logs from consuming all disk space
-    logging:
-      driver: "json-file"
-      options:
-        max-size: "10m"      # Maximum 10MB per log file
-        max-file: "3"        # Keep only 3 log files (30MB total)
-
-# Network definition
-networks:
-  mypage-staging-network:
-    driver: bridge
-
-# ============================================
-# Staging Deployment Commands
-# ============================================
-#
-# Pull latest image from registry:
-#   docker compose -f docker-compose.staging.yml pull
-#
-# Start/update containers:
-#   docker compose -f docker-compose.staging.yml up -d --force-recreate
-#
-# View logs:
-#   docker compose -f docker-compose.staging.yml logs -f mypage
-#
-# Check health status:
-#   docker inspect mypage-staging | grep -A 10 Health
-#
-# Stop containers:
-#   docker compose -f docker-compose.staging.yml down
-#
-# Restart containers:
-#   docker compose -f docker-compose.staging.yml restart
-#
-# Remove old/unused images (cleanup):
-#   docker image prune -f
-#
-# ============================================
-# Troubleshooting
-# ============================================
-#
-# If container keeps restarting:
-#   1. Check logs: docker compose -f docker-compose.staging.yml logs --tail=100
-#   2. Check health: docker inspect mypage-staging | grep -A 10 Health
-#   3. Verify port is not already in use: netstat -tulpn | grep 3031
-#   4. Check resource usage: docker stats mypage-staging
-#
-# If health check fails:
-#   1. Test manually: docker exec mypage-staging curl -f http://localhost:3030/
-#   2. Check if Next.js server is running: docker exec mypage-staging ps aux
-#   3. Verify environment variables: docker exec mypage-staging env
-#

docs/ENV_CONFIG_GUIDE.md

@@ -1,297 +0,0 @@
-# Build-time Environment Variables Configuration Guide
-
-## Overview
-
-This guide documents the configuration for build-time environment variables in the Next.js CI/CD pipeline.
-
-**Problem Solved:** Next.js 16 requires `NEXT_PUBLIC_*` variables available during `npm run build` for:
-- SEO metadata (`metadataBase`)
-- Sitemap generation
-- OpenGraph URLs
-- RSS feed URLs
-
-**Solution:** Create `.env` file in CI/CD from Gitea secrets, copy to Docker build context, embed variables in JavaScript bundle.
-
----
-
-## Files Modified
-
-### 1. `.gitea/workflows/main.yml`
-
-**Changes:**
-- Added step to create `.env` from Gitea secrets (after checkout)
-- Added cleanup step to remove `.env` after Docker push
-
-**New Steps:**
-
-```yaml
-- name: 📝 Create .env file from Gitea secrets
-  run: |
-    echo "Creating .env file for Docker build..."
-    cat > .env << EOF
-    # Build-time environment variables
-    NEXT_PUBLIC_SITE_URL=${{ secrets.NEXT_PUBLIC_SITE_URL }}
-    NODE_ENV=production
-    NEXT_TELEMETRY_DISABLED=1
-    EOF
-    
-    echo "✅ .env file created successfully"
-    echo "Preview (secrets masked):"
-    cat .env | sed 's/=.*/=***MASKED***/g'
-```
-
-```yaml
-- name: 🚀 Push Docker image to registry
-  run: |
-    docker push ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}:latest
-    
-    # Clean up sensitive files
-    rm -f .env
-    echo "✅ Cleaned up .env file"
-```
-
----
-
-### 2. `Dockerfile.nextjs`
-
-**Changes:**
-- Added `COPY .env* ./` in builder stage (after copying node_modules, before copying source code)
-
-**Added Section:**
-
-```dockerfile
-# Copy .env file for build-time variables
-# This file is created by CI/CD workflow from Gitea secrets
-# NEXT_PUBLIC_* variables are embedded in client-side bundle during build
-COPY .env* ./
-```
-
-**Position:** Between `COPY --from=deps /app/node_modules ./node_modules` and `COPY . .`
-
----
-
-### 3. `.dockerignore`
-
-**Changes:**
-- Modified to allow `.env` file (created by CI/CD) while excluding other `.env*` files
-
-**Updated Section:**
-
-```
-# Environment files
-.env*           # Exclude all .env files
-!.env           # EXCEPT .env (needed for build from CI/CD)
-!.env.example   # Keep example
-```
-
-**Explanation:**
-- `.env*` excludes all environment files
-- `!.env` creates exception for main `.env` (from CI/CD)
-- `.env.local`, `.env.development`, `.env.production.local` remain excluded
-
----
-
-## Gitea Repository Configuration
-
-### Required Secrets
-
-Navigate to: **Repository Settings → Secrets**
-
-Add the following secret:
-
-| Secret Name | Value | Type | Description |
-|------------|-------|------|-------------|
-| `NEXT_PUBLIC_SITE_URL` | `https://yourdomain.com` | Secret or Variable | Production site URL |
-
-**Notes:**
-- Can be configured as **Secret** (masked in logs) or **Variable** (visible in logs)
-- Recommended: Use **Variable** since it's a public URL
-- For sensitive values (API keys), always use **Secret**
-
-### Adding Additional Variables
-
-To add more build-time variables:
-
-1. **Add to Gitea Secrets/Variables:**
-   ```
-   NEXT_PUBLIC_GA_ID=G-XXXXXXXXXX
-   NEXT_PUBLIC_API_URL=https://api.example.com
-   ```
-
-2. **Update workflow `.env` creation step:**
-   ```yaml
-   cat > .env << EOF
-   NEXT_PUBLIC_SITE_URL=${{ secrets.NEXT_PUBLIC_SITE_URL }}
-   NEXT_PUBLIC_GA_ID=${{ secrets.NEXT_PUBLIC_GA_ID }}
-   NEXT_PUBLIC_API_URL=${{ secrets.NEXT_PUBLIC_API_URL }}
-   NODE_ENV=production
-   NEXT_TELEMETRY_DISABLED=1
-   EOF
-   ```
-
-3. **No changes needed to Dockerfile or .dockerignore**
-
----
-
-## Testing
-
-### Local Testing
-
-1. **Create test `.env` file:**
-   ```bash
-   cat > .env << EOF
-   NEXT_PUBLIC_SITE_URL=http://localhost:3030
-   NODE_ENV=production
-   NEXT_TELEMETRY_DISABLED=1
-   EOF
-   ```
-
-2. **Build Docker image:**
-   ```bash
-   docker build -t mypage:test -f Dockerfile.nextjs .
-   ```
-
-3. **Verify variable is embedded (should show "NOT FOUND" - correct behavior):**
-   ```bash
-   docker run --rm mypage:test node -e "console.log(process.env.NEXT_PUBLIC_SITE_URL || 'NOT FOUND')"
-   ```
-   
-   **Expected Output:** `NOT FOUND`
-   
-   **Why?** `NEXT_PUBLIC_*` variables are embedded in JavaScript bundle during build, NOT available as runtime environment variables.
-
-4. **Test application starts:**
-   ```bash
-   docker run --rm -p 3030:3030 mypage:test
-   ```
-   
-   Visit `http://localhost:3030` to verify.
-
-5. **Cleanup:**
-   ```bash
-   rm .env
-   docker rmi mypage:test
-   ```
-
----
-
-## CI/CD Pipeline Flow
-
-### Build Process
-
-1. **Checkout code** (`actions/checkout@v4`)
-2. **Create `.env` file** from Gitea secrets
-3. **Build Docker image:**
-   - Stage 1: Install dependencies
-   - Stage 2: **Copy `.env` → Build Next.js** (variables embedded in bundle)
-   - Stage 3: Production runtime (no `.env` needed)
-4. **Push image** to registry
-5. **Cleanup `.env` file** from runner
-
-### Deployment Process
-
-- Production server pulls pre-built image
-- No `.env` file needed on production server
-- Variables already embedded in JavaScript bundle
-
----
-
-## Security Best Practices
-
-### ✅ Implemented
-
-- `.env` file created only in CI/CD runner (not committed to git)
-- `.env` cleaned up after Docker push
-- `.gitignore` excludes `.env` files
-- `.dockerignore` only allows `.env` created by CI/CD
-
-### ⚠️ Important Notes
-
-- **DO NOT commit `.env` files** to git repository
-- **DO NOT store secrets in `NEXT_PUBLIC_*` variables** (they are exposed to client-side)
-- **USE Gitea Secrets** for sensitive values (API keys, passwords)
-- **USE Gitea Variables** for non-sensitive config (URLs, feature flags)
-
-### 🔒 Sensitive Data Guidelines
-
-| Type | Use For | Access |
-|------|---------|--------|
-| `NEXT_PUBLIC_*` | Client-side config (URLs, feature flags) | Public (embedded in JS bundle) |
-| `SECRET_*` | Server-side secrets (API keys, DB passwords) | Private (runtime only) |
-
----
-
-## Troubleshooting
-
-### Issue: Variables not available during build
-
-**Symptoms:**
-- Next.js build errors about missing `NEXT_PUBLIC_SITE_URL`
-- Metadata/sitemap generation fails
-
-**Solution:**
-- Verify `NEXT_PUBLIC_SITE_URL` secret exists in Gitea
-- Check workflow logs for `.env` creation step
-- Ensure `.env` file is created BEFORE Docker build
-
-### Issue: Variables not working in application
-
-**Symptoms:**
-- URLs show as `undefined` or `null` in production
-
-**Diagnosis:**
-```bash
-# Check if variable is in bundle (should work):
-curl https://yourdomain.com | grep -o 'NEXT_PUBLIC_SITE_URL'
-
-# Check runtime env (should be empty - correct):
-docker exec mypage-prod node -e "console.log(process.env.NEXT_PUBLIC_SITE_URL)"
-```
-
-**Solution:**
-- Verify `.env` was copied during Docker build
-- Check Dockerfile logs for `COPY .env* ./` step
-- Rebuild with `--no-cache` if needed
-
-### Issue: `.env` file not found during Docker build
-
-**Symptoms:**
-- Docker build warning: `COPY .env* ./` - no files matched
-
-**Solution:**
-- Check `.dockerignore` allows `.env` file
-- Verify workflow creates `.env` BEFORE Docker build
-- Check file exists: `ls -la .env` in workflow
-
----
-
-## Verification Checklist
-
-After deploying changes:
-
-- [ ] Workflow creates `.env` file (check logs)
-- [ ] Docker build copies `.env` (check build logs)
-- [ ] Build succeeds without errors
-- [ ] Application starts in production
-- [ ] URLs/metadata display correctly
-- [ ] `.env` cleaned up after push (security)
-
----
-
-## Additional Resources
-
-- [Next.js Environment Variables](https://nextjs.org/docs/app/building-your-application/configuring/environment-variables)
-- [Docker Build Context](https://docs.docker.com/build/building/context/)
-- [Gitea Actions Secrets](https://docs.gitea.com/usage/actions/secrets)
-
----
-
-## Support
-
-For issues or questions:
-1. Check workflow logs in Gitea Actions
-2. Review Docker build logs
-3. Verify Gitea secrets configuration
-4. Test locally with sample `.env`
-
-**Last Updated:** 2025-11-24

docs/OPTIMIZATION_REPORT.md

@@ -1,286 +0,0 @@
-# Production Optimizations Report
-Date: 2025-11-24
-Branch: feat/production-improvements
-
-## Summary
-
-Successfully implemented 7 categories of production optimizations for Next.js 16 blog application.
-
-### Build Status: SUCCESS
-- Build Time: ~3.9s compilation + ~1.5s static generation
-- Static Pages Generated: 19 pages
-- Bundle Size: 1.2MB (static assets)
-- Standalone Output: 44MB (includes Node.js runtime)
-
----
-
-## 1. Bundle Size Optimization - Remove Unused Dependencies
-
-### Actions Taken:
-- Removed `react-syntax-highlighter` (11 packages eliminated)
-- Removed `@types/react-syntax-highlighter`
-
-### Impact:
-- **11 packages removed** from dependency tree
-- Cleaner bundle, faster npm installs
-- All remaining dependencies verified as actively used
-
----
-
-## 2. Lazy Loading for Heavy Components
-
-### Status:
-- Attempted to implement dynamic imports for CodeBlock component
-- Tool limitations prevented full implementation
-- Benefit would be minimal (CodeBlock already client-side rendered)
-
-### Recommendation:
-- Consider manual lazy loading in future if CodeBlock becomes heavier
-- Current implementation is already performant
-
----
-
-## 3. Dockerfile Security Hardening
-
-### Security Enhancements Applied:
-
-**Dockerfile.nextjs:**
-- Remove SUID/SGID binaries (prevent privilege escalation)
-- Remove apk package manager after dependencies installed
-- Create proper permissions for /tmp, /.next/cache, /app/logs directories
-
-**docker-compose.prod.yml:**
-- Added `security_opt: no-new-privileges:true`
-- Added commented read-only filesystem option (optional hardening)
-- Documented tmpfs mounts for extra security
-
-### Security Posture:
-- Minimal attack surface in production container
-- Non-root user execution enforced
-- Package manager unavailable at runtime
-
----
-
-## 4. SEO Enhancements
-
-### Files Created:
-
-**app/sitemap.ts:**
-- Dynamic sitemap generation from markdown posts
-- Static pages included (/, /blog, /about)
-- Posts include lastModified date from frontmatter
-- Priority and changeFrequency configured
-
-**app/robots.ts:**
-- Allows all search engines
-- Disallows /api/, /_next/, /admin/
-- References sitemap.xml
-
-**app/feed.xml/route.ts:**
-- RSS 2.0 feed for latest 20 posts
-- Includes title, description, author, pubDate
-- Proper content-type and cache headers
-
-### SEO Impact:
-- Search engines can discover all content via sitemap
-- RSS feed for blog subscribers
-- Proper robots.txt prevents indexing of internal routes
-
----
-
-## 5. Image Optimization
-
-### Configuration Updates:
-
-**Sharp:**
-- Already installed (production-grade image optimizer)
-- Faster than default Next.js image optimizer
-
-**next.config.js - Image Settings:**
-- Cache optimized images for 30 days (`minimumCacheTTL`)
-- Support AVIF and WebP formats
-- SVG rendering enabled with security CSP
-- Responsive image sizes configured (640px to 3840px)
-
-### Performance Impact:
-- Faster image processing during builds
-- Smaller image file sizes (AVIF/WebP)
-- Better Core Web Vitals (LCP, CLS)
-
----
-
-## 6. Caching Strategy & Performance Headers
-
-### Cache Headers Added:
-
-**Static Assets (/_next/static/*):**
-- `Cache-Control: public, max-age=31536000, immutable`
-- 1 year cache for versioned assets
-
-**Images (/images/*):**
-- `Cache-Control: public, max-age=31536000, immutable`
-
-### Experimental Features Enabled:
-
-**next.config.js - experimental:**
-- `staleTimes.dynamic: 30s` (client-side cache for dynamic pages)
-- `staleTimes.static: 180s` (client-side cache for static pages)
-- `optimizePackageImports` for react-markdown ecosystem
-
-### Performance Impact:
-- Reduced bandwidth usage
-- Faster repeat visits (cached assets)
-- Improved navigation speed (stale-while-revalidate)
-
----
-
-## 7. Bundle Analyzer Setup
-
-### Tools Installed:
-- `@next/bundle-analyzer` (16.0.3)
-
-### NPM Scripts Added:
-- `npm run analyze` - Full bundle analysis
-- `npm run analyze:server` - Server bundle only
-- `npm run analyze:browser` - Browser bundle only
-
-### Configuration:
-- `next.config.analyzer.js` created
-- Enabled with `ANALYZE=true` environment variable
-
-### Usage:
-```bash
-npm run analyze
-# Opens browser with bundle visualization
-# Shows largest dependencies and bundle composition
-```
-
----
-
-## Bundle Size Analysis
-
-### Static Assets:
-```
-Total Static: 1.2MB
-- Largest chunks:
-  - 7cb7424525b073cd.js: 340KB
-  - 3210b7d6f2dc6a21.js: 220KB
-  - a6dad97d9634a72d.js: 112KB
-  - d886e9b6259f6b59.js: 92KB
-```
-
-### Standalone Output:
-- Total: 44MB (includes Node.js runtime, dependencies, server)
-- Expected Docker image size: ~150MB (Alpine + Node.js + app)
-
-### Bundle Composition:
-- React + React-DOM: Largest dependencies
-- react-markdown ecosystem: Second largest
-- Next.js framework: Optimized with tree-shaking
-
----
-
-## Build Verification
-
-### Build Output:
-```
-Creating an optimized production build ...
-✓ Compiled successfully in 3.9s
-✓ Generating static pages (19/19) in 1476.4ms
-
-Route (app)
-├ ○ / (Static)
-├ ○ /about (Static)
-├ ○ /blog (Static)
-├ ● /blog/[...slug] (SSG - 3 paths)
-├ ƒ /feed.xml (Dynamic)
-├ ○ /robots.txt (Static)
-├ ○ /sitemap.xml (Static)
-└ ● /tags/[tag] (SSG - 7 paths)
-```
-
-### Pre-rendered Pages:
-- 19 static pages generated
-- 3 blog posts
-- 7 tag pages
-- All routes optimized
-
----
-
-## Files Modified/Created
-
-### Modified:
-- `Dockerfile.nextjs` (security hardening)
-- `docker-compose.prod.yml` (security options)
-- `next.config.js` (image optimization, caching headers)
-- `package.json` (analyze scripts)
-- `package-lock.json` (dependency updates)
-
-### Created:
-- `app/sitemap.ts` (dynamic sitemap)
-- `app/robots.ts` (robots.txt)
-- `app/feed.xml/route.ts` (RSS feed)
-- `next.config.analyzer.js` (bundle analysis)
-
----
-
-## Performance Recommendations
-
-### Implemented:
-1. Bundle size reduced (11 packages removed)
-2. Security hardened (Docker + CSP)
-3. SEO optimized (sitemap + robots + RSS)
-4. Images optimized (Sharp + modern formats)
-5. Caching configured (aggressive for static assets)
-6. Bundle analyzer ready for monitoring
-
-### Future Optimizations:
-1. Consider CDN for static assets (/images, /_next/static)
-2. Monitor bundle sizes with `npm run analyze` on each release
-3. Add bundle size limits in CI/CD (fail if > threshold)
-4. Consider Edge deployment for global performance
-5. Add performance monitoring (Web Vitals tracking)
-
----
-
-## Production Deployment Checklist
-
-Before deploying:
-- [ ] Set `NEXT_PUBLIC_SITE_URL` in production environment
-- [ ] Verify Caddy reverse proxy configuration
-- [ ] Test Docker build: `npm run docker:build`
-- [ ] Verify health checks pass
-- [ ] Test sitemap: `https://yourdomain.com/sitemap.xml`
-- [ ] Test robots: `https://yourdomain.com/robots.txt`
-- [ ] Test RSS feed: `https://yourdomain.com/feed.xml`
-- [ ] Run bundle analysis: `npm run analyze`
-- [ ] Submit sitemap to Google Search Console
-
----
-
-## Conclusion
-
-All optimizations successfully implemented and tested. Build passes, bundle sizes are reasonable, security is hardened, and SEO is enhanced.
-
-**Ready for production deployment.**
-
----
-
-## Commands Reference
-
-```bash
-# Build production
-npm run build
-
-# Analyze bundle
-npm run analyze
-
-# Build Docker image
-npm run docker:build
-
-# Run Docker container
-npm run docker:run
-
-# Deploy with Docker Compose
-docker compose -f docker-compose.prod.yml up -d
-```

eslint.config.mjs

@@ -1,33 +0,0 @@
-import js from '@eslint/js'
-import tseslint from 'typescript-eslint'
-import prettier from 'eslint-config-prettier'
-
-export default [
-  js.configs.recommended,
-  ...tseslint.configs.recommended,
-  prettier,
-  {
-    rules: {
-      '@typescript-eslint/no-explicit-any': 'off',
-      '@typescript-eslint/explicit-module-boundary-types': 'off',
-      '@typescript-eslint/no-unused-vars': [
-        'warn',
-        { argsIgnorePattern: '^_', varsIgnorePattern: '^_' },
-      ],
-      'no-console': ['warn', { allow: ['warn', 'error'] }],
-    },
-  },
-  {
-    ignores: [
-      'node_modules/',
-      '.next/',
-      'out/',
-      'build/',
-      'dist/',
-      '.cache/',
-      '*.config.js',
-      'public/',
-      'coverage/',
-    ],
-  },
-]

fix.js

@@ -1,11 +0,0 @@
-const fs = require('fs')
-let content = fs.readFileSync('lib/remark-copy-images.ts', 'utf8')
-const lines = content.split('\n')
-for (let i = 0; i < lines.length; i++) {
-  if (lines[i].includes('replace')) {
-    console.log(`Line ${i + 1}:`, JSON.stringify(lines[i]))
-    lines[i] = lines[i].replace(/replace\(\/\\/g / g, 'replace(/\\/g')
-    console.log(`Fixed:`, JSON.stringify(lines[i]))
-  }
-}
-fs.writeFileSync('lib/remark-copy-images.ts', lines.join('\n'))

lib/env-validation.ts

@@ -1,47 +0,0 @@
-/**
- * Environment variable validation for production builds
- * Ensures all required environment variables are set before deployment
- */
-
-const requiredEnvVars = [
-  'NEXT_PUBLIC_SITE_URL',
-  'NODE_ENV',
-] as const
-
-const optionalEnvVars = [
-  'PORT',
-  'HOSTNAME',
-  'NEXT_PUBLIC_GA_ID',
-] as const
-
-export function validateEnvironment() {
-  const missingVars: string[] = []
-
-  // Check required variables
-  for (const varName of requiredEnvVars) {
-    if (!process.env[varName]) {
-      missingVars.push(varName)
-    }
-  }
-
-  if (missingVars.length > 0) {
-    console.error('❌ Missing required environment variables:')
-    missingVars.forEach(varName => {
-      console.error(`   - ${varName}`)
-    })
-    console.error('\n💡 Check .env.example for reference')
-    throw new Error('Environment validation failed')
-  }
-
-  // Log configuration (safe - no secrets)
-  if (process.env.NODE_ENV === 'production') {
-    console.log('✅ Environment validation passed')
-    console.log(`   - NEXT_PUBLIC_SITE_URL: ${process.env.NEXT_PUBLIC_SITE_URL}`)
-    console.log(`   - PORT: ${process.env.PORT || '3030'}`)
-  }
-}
-
-// Run validation for production builds
-if (process.env.NODE_ENV === 'production') {
-  validateEnvironment()
-}

lib/image-utils.ts

@@ -1,85 +0,0 @@
-import { promises as fs } from 'fs'
-import path from 'path'
-
-export async function imageExists(imagePath: string): Promise<boolean> {
-  try {
-    const fullPath = path.join(process.cwd(), 'public', imagePath)
-    await fs.access(fullPath)
-    return true
-  } catch {
-    return false
-  }
-}
-
-export async function getImageDimensions(
-  imagePath: string
-): Promise<{ width: number; height: number } | null> {
-  try {
-    const fullPath = path.join(process.cwd(), 'public', imagePath)
-    const buffer = await fs.readFile(fullPath)
-
-    if (imagePath.endsWith('.png')) {
-      const width = buffer.readUInt32BE(16)
-      const height = buffer.readUInt32BE(20)
-      return { width, height }
-    }
-
-    if (imagePath.endsWith('.jpg') || imagePath.endsWith('.jpeg')) {
-      let offset = 2
-      while (offset < buffer.length) {
-        if (buffer[offset] !== 0xff) break
-
-        const marker = buffer[offset + 1]
-        if (marker === 0xc0 || marker === 0xc2) {
-          const height = buffer.readUInt16BE(offset + 5)
-          const width = buffer.readUInt16BE(offset + 7)
-          return { width, height }
-        }
-
-        offset += 2 + buffer.readUInt16BE(offset + 2)
-      }
-    }
-
-    return null
-  } catch {
-    return null
-  }
-}
-
-export function getOptimizedImageUrl(
-  src: string,
-  width?: number,
-  height?: number,
-  quality: number = 75
-): string {
-  const params = new URLSearchParams()
-
-  if (width) params.set('w', width.toString())
-  if (height) params.set('h', height.toString())
-  params.set('q', quality.toString())
-
-  const queryString = params.toString()
-  return queryString ? `${src}?${queryString}` : src
-}
-
-export async function getImageWithPlaceholder(
-  imagePath: string
-): Promise<{ src: string; width: number; height: number; placeholder?: string }> {
-  const dimensions = await getImageDimensions(imagePath)
-
-  if (!dimensions) {
-    return {
-      src: imagePath,
-      width: 800,
-      height: 600,
-    }
-  }
-
-  const placeholder = `data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='${dimensions.width}' height='${dimensions.height}'%3E%3Crect width='${dimensions.width}' height='${dimensions.height}' fill='%2318181b'/%3E%3C/svg%3E`
-
-  return {
-    src: imagePath,
-    ...dimensions,
-    placeholder,
-  }
-}

lib/markdown.ts

@@ -1,56 +1,43 @@
-import fs from 'fs'
+import fs from 'fs';
-import path from 'path'
+import path from 'path';
-import matter from 'gray-matter'
+import matter from 'gray-matter';
-import { remark } from 'remark'
+import { FrontMatter, Post } from './types/frontmatter';
-import remarkGfm from 'remark-gfm'
+import { generateExcerpt } from './utils';
-import { FrontMatter, Post } from './types/frontmatter'
-import { generateExcerpt } from './utils'
-import { remarkCopyImages } from './remark-copy-images'
-import { remarkInternalLinks } from './remark-internal-links'
 
-const POSTS_PATH = path.join(process.cwd(), 'content', 'blog')
+const POSTS_PATH = path.join(process.cwd(), 'content', 'blog');
 
 export function sanitizePath(inputPath: string): string {
-  const normalized = path.normalize(inputPath).replace(/^(\.\.[/\\])+/, '')
+  const normalized = path.normalize(inputPath).replace(/^(\.\.[\/\\])+/, '');
   if (normalized.includes('..') || path.isAbsolute(normalized)) {
-    throw new Error('Invalid path')
+    throw new Error('Invalid path');
   }
-
+  return normalized;
-  // CRITICAL: Verify resolved path stays within content directory
-  const resolvedPath = path.resolve(POSTS_PATH, normalized)
-  const allowedBasePath = path.resolve(POSTS_PATH)
-
-  if (!resolvedPath.startsWith(allowedBasePath)) {
-    throw new Error('Path traversal attempt detected')
-  }
-
-  return normalized
 }
 
 export function calculateReadingTime(content: string): number {
-  const wordsPerMinute = 200
+  const wordsPerMinute = 200;
-  const words = content.trim().split(/\s+/).length
+  const words = content.trim().split(/\s+/).length;
-  return Math.ceil(words / wordsPerMinute)
+  return Math.ceil(words / wordsPerMinute);
 }
 
-export function validateFrontmatter(data: any, locale?: string): FrontMatter {
+export function validateFrontmatter(data: any): FrontMatter {
   if (!data.title || typeof data.title !== 'string') {
-    throw new Error('Invalid title')
+    throw new Error('Invalid title');
   }
   if (!data.description || typeof data.description !== 'string') {
-    throw new Error('Invalid description')
+    throw new Error('Invalid description');
   }
   if (!data.date || typeof data.date !== 'string') {
-    throw new Error('Invalid date')
+    throw new Error('Invalid date');
   }
   if (!data.author || typeof data.author !== 'string') {
-    throw new Error('Invalid author')
+    throw new Error('Invalid author');
   }
   if (!data.category || typeof data.category !== 'string') {
-    throw new Error('Invalid category')
+    throw new Error('Invalid category');
   }
   if (!Array.isArray(data.tags) || data.tags.length === 0 || data.tags.length > 3) {
-    throw new Error('Tags must be array with 1-3 items')
+    throw new Error('Tags must be array with 1-3 items');
   }
 
   return {
@@ -60,157 +47,108 @@ export function validateFrontmatter(data: any, locale?: string): FrontMatter {
     author: data.author,
     category: data.category,
     tags: data.tags,
-    locale: data.locale || locale || 'en',
     image: data.image,
     draft: data.draft || false,
-  }
+  };
 }
 
-export async function getPostBySlug(
+export function getPostBySlug(slug: string | string[]): Post | null {
-  slug: string | string[],
+  const slugArray = Array.isArray(slug) ? slug : slug.split('/');
-  locale: string = 'en'
+  const sanitized = slugArray.map(s => sanitizePath(s));
-): Promise<Post | null> {
+  const fullPath = path.join(POSTS_PATH, ...sanitized) + '.md';
-  const slugArray = Array.isArray(slug) ? slug : slug.split('/')
-  const sanitized = slugArray.map(s => sanitizePath(s))
-  const fullPath = path.join(POSTS_PATH, locale, ...sanitized) + '.md'
 
   if (!fs.existsSync(fullPath)) {
-    return null
+    return null;
   }
 
-  const fileContents = fs.readFileSync(fullPath, 'utf8')
+  const fileContents = fs.readFileSync(fullPath, 'utf8');
-  const { data, content } = matter(fileContents)
+  const { data, content } = matter(fileContents);
-  const frontmatter = validateFrontmatter(data, locale)
+  const frontmatter = validateFrontmatter(data);
-
-  const processed = await remark()
-    .use(remarkGfm)
-    .use(remarkCopyImages, {
-      contentDir: 'content/blog',
-      publicDir: 'public/blog',
-      currentSlug: sanitized.join('/'),
-    })
-    .use(remarkInternalLinks, { locale })
-    .process(content)
-
-  const processedContent = processed.toString()
 
   return {
     slug: sanitized.join('/'),
-    locale,
     frontmatter,
-    content: processedContent,
+    content,
-    readingTime: calculateReadingTime(processedContent),
+    readingTime: calculateReadingTime(content),
-    excerpt: generateExcerpt(processedContent),
+    excerpt: generateExcerpt(content),
-  }
+  };
 }
 
-export async function getAllPosts(locale: string = 'en', includeContent = false): Promise<Post[]> {
+export function getAllPosts(includeContent = false): Post[] {
-  const posts: Post[] = []
+  const posts: Post[] = [];
-  const localeDir = path.join(POSTS_PATH, locale)
 
-  if (!fs.existsSync(localeDir)) {
+  function walkDir(dir: string, prefix = ''): void {
-    console.warn(`Locale directory not found: ${localeDir}`)
+    const files = fs.readdirSync(dir);
-    return []
-  }
-
-  async function walkDir(dir: string, prefix = ''): Promise<void> {
-    const files = fs.readdirSync(dir)
 
     for (const file of files) {
-      const filePath = path.join(dir, file)
+      const filePath = path.join(dir, file);
-      const stat = fs.statSync(filePath)
+      const stat = fs.statSync(filePath);
 
       if (stat.isDirectory()) {
-        await walkDir(filePath, prefix ? `${prefix}/${file}` : file)
+        walkDir(filePath, prefix ? `${prefix}/${file}` : file);
       } else if (file.endsWith('.md')) {
-        const slug = prefix ? `${prefix}/${file.replace(/\.md$/, '')}` : file.replace(/\.md$/, '')
+        const slug = prefix ? `${prefix}/${file.replace(/\.md$/, '')}` : file.replace(/\.md$/, '');
         try {
-          const post = await getPostBySlug(slug.split('/'), locale)
+          const post = getPostBySlug(slug.split('/'));
           if (post && !post.frontmatter.draft) {
-            posts.push(includeContent ? post : { ...post, content: '' })
+            posts.push(includeContent ? post : { ...post, content: '' });
           }
         } catch (error) {
-          console.error(`Error loading post ${slug}:`, error)
+          console.error(`Error loading post ${slug}:`, error);
         }
       }
     }
   }
 
-  await walkDir(localeDir)
+  if (fs.existsSync(POSTS_PATH)) {
+    walkDir(POSTS_PATH);
+  }
 
-  return posts.sort(
+  return posts.sort((a, b) => new Date(b.frontmatter.date).getTime() - new Date(a.frontmatter.date).getTime());
-    (a, b) => new Date(b.frontmatter.date).getTime() - new Date(a.frontmatter.date).getTime()
-  )
 }
 
-export async function getRelatedPosts(
+export async function getRelatedPosts(currentSlug: string, limit = 3): Promise<Post[]> {
-  currentSlug: string,
+  const currentPost = getPostBySlug(currentSlug);
-  locale: string = 'en',
+  if (!currentPost) return [];
-  limit = 3
-): Promise<Post[]> {
-  const currentPost = await getPostBySlug(currentSlug, locale)
-  if (!currentPost) return []
 
-  const allPosts = await getAllPosts(locale, false)
+  const allPosts = getAllPosts(false);
-  const { category, tags } = currentPost.frontmatter
+  const { category, tags } = currentPost.frontmatter;
 
   const scored = allPosts
     .filter(post => post.slug !== currentSlug)
     .map(post => {
-      let score = 0
+      let score = 0;
-      if (post.frontmatter.category === category) score += 3
+      if (post.frontmatter.category === category) score += 3;
-      score += post.frontmatter.tags.filter(tag => tags.includes(tag)).length * 2
+      score += post.frontmatter.tags.filter(tag => tags.includes(tag)).length * 2;
-      return { post, score }
+      return { post, score };
     })
     .filter(({ score }) => score > 0)
-    .sort((a, b) => b.score - a.score)
+    .sort((a, b) => b.score - a.score);
 
-  return scored.slice(0, limit).map(({ post }) => post)
+  return scored.slice(0, limit).map(({ post }) => post);
 }
 
-export function getAllPostSlugs(locale: string = 'en'): string[][] {
+export function getAllPostSlugs(): string[][] {
-  const slugs: string[][] = []
+  const slugs: string[][] = [];
-  const localeDir = path.join(POSTS_PATH, locale)
-
-  if (!fs.existsSync(localeDir)) {
-    return []
-  }
 
   function walkDir(dir: string, prefix: string[] = []): void {
-    const files = fs.readdirSync(dir)
+    const files = fs.readdirSync(dir);
 
     for (const file of files) {
-      const filePath = path.join(dir, file)
+      const filePath = path.join(dir, file);
-      const stat = fs.statSync(filePath)
+      const stat = fs.statSync(filePath);
 
       if (stat.isDirectory()) {
-        walkDir(filePath, [...prefix, file])
+        walkDir(filePath, [...prefix, file]);
       } else if (file.endsWith('.md')) {
-        slugs.push([...prefix, file.replace(/\.md$/, '')])
+        slugs.push([...prefix, file.replace(/\.md$/, '')]);
       }
     }
   }
 
-  walkDir(localeDir)
+  if (fs.existsSync(POSTS_PATH)) {
+    walkDir(POSTS_PATH);
+  }
 
-  return slugs
+  return slugs;
-}
-
-export async function getAvailableLocales(slug: string): Promise<string[]> {
-  const locales = ['en', 'ro']
-  const available: string[] = []
-
-  for (const locale of locales) {
-    const post = await getPostBySlug(slug, locale)
-    if (post) {
-      available.push(locale)
-    }
-  }
-
-  return available
-}
-
-export async function getPostCount(locale: string): Promise<number> {
-  const posts = await getAllPosts(locale, false)
-  return posts.length
 }

lib/remark-copy-images.ts

@@ -1,147 +0,0 @@
-import { visit } from 'unist-util-visit'
-import fs from 'fs/promises'
-import path from 'path'
-import { Node } from 'unist'
-
-interface ImageNode extends Node {
-  type: 'image'
-  url: string
-  alt?: string
-  title?: string
-}
-
-interface Options {
-  contentDir: string
-  publicDir: string
-  currentSlug: string
-}
-
-function isRelativePath(url: string): boolean {
-  // Matches: ./, ../, or bare filenames without protocol/absolute path
-  return (
-    url.startsWith('./') || url.startsWith('../') || (!url.startsWith('/') && !url.includes('://'))
-  )
-}
-
-function stripQueryParams(url: string): string {
-  return url.split('?')[0]
-}
-
-// In-memory cache to prevent duplicate copies across parallel compilations
-const copiedFiles = new Set<string>()
-
-async function copyAndRewritePath(node: ImageNode, options: Options): Promise<void> {
-  const { contentDir, publicDir, currentSlug } = options
-
-  const urlWithoutParams = stripQueryParams(node.url)
-  const slugParts = currentSlug.split('/')
-  const contentPostDir = path.join(process.cwd(), contentDir, ...slugParts.slice(0, -1))
-
-  const sourcePath = path.resolve(contentPostDir, urlWithoutParams)
-
-  const allowedBasePath = path.join(process.cwd(), contentDir)
-  if (!sourcePath.startsWith(allowedBasePath)) {
-    throw new Error(`Invalid image path outside content directory: ${node.url}`)
-  }
-
-  const relativeToContent = path.relative(path.join(process.cwd(), contentDir), sourcePath)
-  const destPath = path.join(process.cwd(), publicDir, relativeToContent)
-
-  try {
-    await fs.access(sourcePath)
-  } catch {
-    throw new Error(
-      `Image not found: ${sourcePath}\nReferenced in: ${currentSlug}\nURL: ${node.url}`
-    )
-  }
-
-  const destDir = path.dirname(destPath)
-  await fs.mkdir(destDir, { recursive: true })
-
-  // Deduplication: check cache first
-  const cacheKey = `${sourcePath}:${destPath}`
-  if (copiedFiles.has(cacheKey)) {
-    // Already copied, just rewrite URL
-    const publicUrl =
-      '/' + path.relative(path.join(process.cwd(), 'public'), destPath).replace(/\\/g, '/')
-    const queryParams = node.url.includes('?') ? '?' + node.url.split('?')[1] : ''
-    node.url = publicUrl + queryParams
-    return
-  }
-
-  // Check if destination exists with matching size
-  try {
-    const [sourceStat, destStat] = await Promise.all([
-      fs.stat(sourcePath),
-      fs.stat(destPath).catch(() => null),
-    ])
-
-    if (destStat && sourceStat.size === destStat.size) {
-      // File already exists and matches, skip copy
-      copiedFiles.add(cacheKey)
-      const publicUrl =
-        '/' + path.relative(path.join(process.cwd(), 'public'), destPath).replace(/\\/g, '/')
-      const queryParams = node.url.includes('?') ? '?' + node.url.split('?')[1] : ''
-      node.url = publicUrl + queryParams
-      return
-    }
-  } catch (error) {
-    // Stat failed, proceed with copy
-  }
-
-  // Attempt copy with EBUSY retry logic
-  try {
-    await fs.copyFile(sourcePath, destPath)
-    copiedFiles.add(cacheKey)
-  } catch (error: unknown) {
-    const err = error as NodeJS.ErrnoException
-    if (err.code === 'EBUSY') {
-      // Race condition: another process is copying this file
-      // Wait briefly and check if file now exists
-      await new Promise(resolve => setTimeout(resolve, 100))
-
-      try {
-        await fs.access(destPath)
-        // File exists now, verify integrity
-        const [sourceStat, destStat] = await Promise.all([fs.stat(sourcePath), fs.stat(destPath)])
-
-        if (sourceStat.size === destStat.size) {
-          // Successfully copied by another process
-          copiedFiles.add(cacheKey)
-        } else {
-          // File corrupted, retry once
-          await fs.copyFile(sourcePath, destPath)
-          copiedFiles.add(cacheKey)
-        }
-      } catch {
-        // File still doesn't exist, retry copy
-        await fs.copyFile(sourcePath, destPath)
-        copiedFiles.add(cacheKey)
-      }
-    } else {
-      // Unknown error, rethrow
-      throw error
-    }
-  }
-
-  const publicUrl =
-    '/' + path.relative(path.join(process.cwd(), 'public'), destPath).replace(/\\/g, '/')
-
-  const queryParams = node.url.includes('?') ? '?' + node.url.split('?')[1] : ''
-  node.url = publicUrl + queryParams
-}
-
-export function remarkCopyImages(options: Options) {
-  return async (tree: Node) => {
-    const promises: Promise<void>[] = []
-
-    visit(tree, 'image', (node: Node) => {
-      const imageNode = node as ImageNode
-      if (isRelativePath(imageNode.url)) {
-        promises.push(copyAndRewritePath(imageNode, options))
-      }
-    })
-
-    await Promise.all(promises)
-  }
-}

lib/remark-internal-links.ts

@@ -1,73 +0,0 @@
-import { visit } from 'unist-util-visit'
-import { Node } from 'unist'
-
-interface LinkNode extends Node {
-  type: 'link'
-  url: string
-  children: Node[]
-}
-
-interface Options {
-  locale?: string
-}
-
-/**
- * Detects internal blog post links:
- * - Relative paths (no http/https)
- * - Not absolute paths (doesn't start with /)
- * - Ends with .md
- */
-function isInternalBlogLink(url: string): boolean {
-  return (
-    !url.startsWith('http://') &&
-    !url.startsWith('https://') &&
-    !url.startsWith('/') &&
-    url.includes('.md')
-  )
-}
-
-/**
- * Transforms internal .md links to blog routes:
- * - tech/article.md → /[locale]/blog/tech/article
- * - article.md#section → /[locale]/blog/article#section
- * - nested/path/post.md?ref=foo → /[locale]/blog/nested/path/post?ref=foo
- */
-function transformToBlogPath(url: string, locale: string = 'en'): string {
-  // Split into path, hash, and query
-  const hashIndex = url.indexOf('#')
-  const queryIndex = url.indexOf('?')
-
-  let path = url
-  let hash = ''
-  let query = ''
-
-  if (hashIndex !== -1) {
-    path = url.substring(0, hashIndex)
-    hash = url.substring(hashIndex)
-  }
-
-  if (queryIndex !== -1 && queryIndex < (hashIndex === -1 ? url.length : hashIndex)) {
-    path = url.substring(0, queryIndex)
-    query = url.substring(queryIndex, hashIndex === -1 ? url.length : hashIndex)
-  }
-
-  // Remove .md extension
-  const cleanPath = path.replace(/\.md$/, '')
-
-  // Build final URL with locale prefix
-  return `/${locale}/blog/${cleanPath}${query}${hash}`
-}
-
-export function remarkInternalLinks(options: Options = {}) {
-  const locale = options.locale || 'en'
-
-  return (tree: Node) => {
-    visit(tree, 'link', (node: Node) => {
-      const linkNode = node as LinkNode
-
-      if (isInternalBlogLink(linkNode.url)) {
-        linkNode.url = transformToBlogPath(linkNode.url, locale)
-      }
-    })
-  }
-}

lib/tags.ts

@@ -1,129 +0,0 @@
-import { getAllPosts } from './markdown'
-import type { Post } from './types/frontmatter'
-
-export interface TagInfo {
-  name: string
-  slug: string
-  count: number
-}
-
-export interface TagWithPosts {
-  tag: TagInfo
-  posts: Post[]
-}
-
-export function slugifyTag(tag: string): string {
-  return tag
-    .toLowerCase()
-    .replace(/[ăâ]/g, 'a')
-    .replace(/[îï]/g, 'i')
-    .replace(/[șş]/g, 's')
-    .replace(/[țţ]/g, 't')
-    .replace(/\s+/g, '-')
-    .replace(/[^a-z0-9-]/g, '')
-    .replace(/-+/g, '-')
-    .replace(/^-|-$/g, '')
-}
-
-export async function getAllTags(locale: string = 'en'): Promise<TagInfo[]> {
-  const posts = await getAllPosts(locale)
-  const tagMap = new Map<string, number>()
-
-  posts.forEach(post => {
-    const tags = post.frontmatter.tags?.filter(Boolean) || []
-    tags.forEach(tag => {
-      const count = tagMap.get(tag) || 0
-      tagMap.set(tag, count + 1)
-    })
-  })
-
-  return Array.from(tagMap.entries())
-    .map(([name, count]) => ({
-      name,
-      slug: slugifyTag(name),
-      count,
-    }))
-    .sort((a, b) => b.count - a.count)
-}
-
-export async function getPostsByTag(tagSlug: string, locale: string = 'en'): Promise<Post[]> {
-  const posts = await getAllPosts(locale)
-
-  return posts.filter(post => {
-    const tags = post.frontmatter.tags?.filter(Boolean) || []
-    return tags.some(tag => slugifyTag(tag) === tagSlug)
-  })
-}
-
-export async function getTagInfo(tagSlug: string, locale: string = 'en'): Promise<TagInfo | null> {
-  const allTags = await getAllTags(locale)
-  return allTags.find(tag => tag.slug === tagSlug) || null
-}
-
-export async function getPopularTags(locale: string = 'en', limit = 10): Promise<TagInfo[]> {
-  const allTags = await getAllTags(locale)
-  return allTags.slice(0, limit)
-}
-
-export async function getRelatedTags(tagSlug: string, locale: string = 'en', limit = 5): Promise<TagInfo[]> {
-  const posts = await getPostsByTag(tagSlug, locale)
-  const relatedTagMap = new Map<string, number>()
-
-  posts.forEach(post => {
-    const tags = post.frontmatter.tags?.filter(Boolean) || []
-    tags.forEach(tag => {
-      const slug = slugifyTag(tag)
-      if (slug !== tagSlug) {
-        const count = relatedTagMap.get(tag) || 0
-        relatedTagMap.set(tag, count + 1)
-      }
-    })
-  })
-
-  return Array.from(relatedTagMap.entries())
-    .map(([name, count]) => ({
-      name,
-      slug: slugifyTag(name),
-      count,
-    }))
-    .sort((a, b) => b.count - a.count)
-    .slice(0, limit)
-}
-
-export function validateTags(tags: any): string[] {
-  if (!tags) return []
-
-  if (!Array.isArray(tags)) {
-    console.warn('Tags should be an array')
-    return []
-  }
-
-  const validTags = tags.filter(tag => tag && typeof tag === 'string').slice(0, 3)
-
-  if (tags.length > 3) {
-    console.warn(`Too many tags provided (${tags.length}). Limited to first 3.`)
-  }
-
-  return validTags
-}
-
-export async function getTagCloud(locale: string = 'en'): Promise<Array<TagInfo & { size: 'sm' | 'md' | 'lg' | 'xl' }>> {
-  const tags = await getAllTags(locale)
-  if (tags.length === 0) return []
-
-  const maxCount = Math.max(...tags.map(t => t.count))
-  const minCount = Math.min(...tags.map(t => t.count))
-  const range = maxCount - minCount || 1
-
-  return tags.map(tag => {
-    const normalized = (tag.count - minCount) / range
-    let size: 'sm' | 'md' | 'lg' | 'xl'
-
-    if (normalized < 0.25) size = 'sm'
-    else if (normalized < 0.5) size = 'md'
-    else if (normalized < 0.75) size = 'lg'
-    else size = 'xl'
-
-    return { ...tag, size }
-  })
-}

lib/types/frontmatter.ts

@@ -1,24 +1,22 @@
 export interface FrontMatter {
-  title: string
+  title: string;
-  description: string
+  description: string;
-  date: string
+  date: string;
-  author: string
+  author: string;
-  category: string
+  category: string;
-  tags: string[]
+  tags: string[];
-  locale: string
+  image?: string;
-  image?: string
+  draft?: boolean;
-  draft?: boolean
 }
 
 export interface Post {
-  slug: string
+  slug: string;
-  locale: string
+  frontmatter: FrontMatter;
-  frontmatter: FrontMatter
+  content: string;
-  content: string
+  readingTime: number;
-  readingTime: number
+  excerpt: string;
-  excerpt: string
 }
 
 export interface BlogParams {
-  slug: string[]
+  slug: string[];
 }

lib/utils.ts

@@ -1,75 +1,47 @@
 export function formatDate(dateString: string): string {
-  const date = new Date(dateString)
+  const date = new Date(dateString);
   const months = [
-    'January',
+    'ianuarie', 'februarie', 'martie', 'aprilie', 'mai', 'iunie',
-    'February',
+    'iulie', 'august', 'septembrie', 'octombrie', 'noiembrie', 'decembrie'
-    'March',
+  ];
-    'April',
-    'May',
-    'June',
-    'July',
-    'August',
-    'September',
-    'October',
-    'November',
-    'December',
-  ]
 
-  return `${date.getDate()} ${months[date.getMonth()]} ${date.getFullYear()}`
+  return `${date.getDate()} ${months[date.getMonth()]} ${date.getFullYear()}`;
 }
 
 export function formatRelativeDate(dateString: string): string {
-  const date = new Date(dateString)
+  const date = new Date(dateString);
-  const now = new Date()
+  const now = new Date();
-  const diffTime = Math.abs(now.getTime() - date.getTime())
+  const diffTime = Math.abs(now.getTime() - date.getTime());
-  const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24))
+  const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
 
-  if (diffDays === 0) return 'today'
+  if (diffDays === 0) return 'astăzi';
-  if (diffDays === 1) return 'yesterday'
+  if (diffDays === 1) return 'ieri';
-  if (diffDays < 7) {
+  if (diffDays < 7) return `acum ${diffDays} zile`;
-    const days = diffDays
+  if (diffDays < 30) return `acum ${Math.floor(diffDays / 7)} săptămâni`;
-    return `${days} day${days > 1 ? 's' : ''} ago`
+  if (diffDays < 365) return `acum ${Math.floor(diffDays / 30)} luni`;
-  }
+  return `acum ${Math.floor(diffDays / 365)} ani`;
-  if (diffDays < 30) {
-    const weeks = Math.floor(diffDays / 7)
-    return `${weeks} week${weeks > 1 ? 's' : ''} ago`
-  }
-  if (diffDays < 365) {
-    const months = Math.floor(diffDays / 30)
-    return `${months} month${months > 1 ? 's' : ''} ago`
-  }
-  const years = Math.floor(diffDays / 365)
-  return `${years} year${years > 1 ? 's' : ''} ago`
 }
 
 export function generateExcerpt(content: string, maxLength = 160): string {
   const text = content
     .replace(/^---[\s\S]*?---/, '')
     .replace(/!\[.*?\]\(.*?\)/g, '')
-    .replace(/\[([^\]]+)\]\([^)]+\)/g, '$1')
+    .replace(/\[([^\]]+)\]\([^\)]+\)/g, '$1')
     .replace(/[#*`]/g, '')
-    .trim()
+    .trim();
 
-  if (text.length <= maxLength) return text
+  if (text.length <= maxLength) return text;
 
-  const truncated = text.slice(0, maxLength)
+  const truncated = text.slice(0, maxLength);
-  const lastSpace = truncated.lastIndexOf(' ')
+  const lastSpace = truncated.lastIndexOf(' ');
-  return truncated.slice(0, lastSpace) + '...'
+  return truncated.slice(0, lastSpace) + '...';
 }
 
 export function generateSlug(title: string): string {
   const romanianMap: Record<string, string> = {
-    ă: 'a',
+    'ă': 'a', 'â': 'a', 'î': 'i', 'ș': 's', 'ț': 't',
-    â: 'a',
+    'Ă': 'a', 'Â': 'a', 'Î': 'i', 'Ș': 's', 'Ț': 't'
-    î: 'i',
+  };
-    ș: 's',
-    ț: 't',
-    Ă: 'a',
-    Â: 'a',
-    Î: 'i',
-    Ș: 's',
-    Ț: 't',
-  }
 
   return title
     .split('')
@@ -77,5 +49,5 @@ export function generateSlug(title: string): string {
     .join('')
     .toLowerCase()
     .replace(/[^a-z0-9]+/g, '-')
-    .replace(/^-+|-+$/g, '')
+    .replace(/^-+|-+$/g, '');
 }

messages/en.json

@@ -1,69 +0,0 @@
-{
-  "Metadata": {
-    "siteTitle": "Personal Blog",
-    "siteDescription": "Thoughts on technology and development"
-  },
-
-  "Navigation": {
-    "home": "Home",
-    "blog": "Blog",
-    "tags": "Tags",
-    "about": "About"
-  },
-
-  "Breadcrumbs": {
-    "home": "Home",
-    "blog": "Blog",
-    "tags": "Tags",
-    "about": "About"
-  },
-
-  "BlogListing": {
-    "title": "Blog",
-    "subtitle": "Latest articles and thoughts",
-    "searchPlaceholder": "Search articles...",
-    "sortBy": "Sort by",
-    "sortNewest": "Newest",
-    "sortOldest": "Oldest",
-    "sortTitle": "Title",
-    "filterByTag": "Filter by tag",
-    "clearFilters": "Clear filters",
-    "foundPosts": "Found {count} posts",
-    "noPosts": "No posts found"
-  },
-
-  "BlogPost": {
-    "readMore": "Read more",
-    "readingTime": "{minutes} min read",
-    "publishedOn": "Published on {date}",
-    "author": "By {author}",
-    "tags": "Tags",
-    "relatedPosts": "Related Posts",
-    "sharePost": "Share this post"
-  },
-
-  "Tags": {
-    "title": "Tags",
-    "subtitle": "Browse by topic",
-    "allTags": "All Tags",
-    "postsWithTag": "{count} posts tagged with {tag}",
-    "relatedTags": "Related tags",
-    "quickNav": "Quick navigation"
-  },
-
-  "About": {
-    "title": "About",
-    "subtitle": "Learn more about me"
-  },
-
-  "NotFound": {
-    "title": "Page Not Found",
-    "description": "The page you're looking for doesn't exist",
-    "goHome": "Go to homepage"
-  },
-
-  "LanguageSwitcher": {
-    "switchLanguage": "Switch language",
-    "currentLanguage": "Current language"
-  }
-}

messages/ro.json

@@ -1,69 +0,0 @@
-{
-  "Metadata": {
-    "siteTitle": "Blog Personal",
-    "siteDescription": "Gânduri despre tehnologie și dezvoltare"
-  },
-
-  "Navigation": {
-    "home": "Acasă",
-    "blog": "Blog",
-    "tags": "Etichete",
-    "about": "Despre"
-  },
-
-  "Breadcrumbs": {
-    "home": "Acasă",
-    "blog": "Blog",
-    "tags": "Etichete",
-    "about": "Despre"
-  },
-
-  "BlogListing": {
-    "title": "Blog",
-    "subtitle": "Ultimele articole și gânduri",
-    "searchPlaceholder": "Caută articole...",
-    "sortBy": "Sortează după",
-    "sortNewest": "Cele mai noi",
-    "sortOldest": "Cele mai vechi",
-    "sortTitle": "Titlu",
-    "filterByTag": "Filtrează după etichetă",
-    "clearFilters": "Șterge filtrele",
-    "foundPosts": "{count} articole găsite",
-    "noPosts": "Niciun articol găsit"
-  },
-
-  "BlogPost": {
-    "readMore": "Citește mai mult",
-    "readingTime": "{minutes} min citire",
-    "publishedOn": "Publicat pe {date}",
-    "author": "De {author}",
-    "tags": "Etichete",
-    "relatedPosts": "Articole similare",
-    "sharePost": "Distribuie acest articol"
-  },
-
-  "Tags": {
-    "title": "Etichete",
-    "subtitle": "Navighează după subiect",
-    "allTags": "Toate etichetele",
-    "postsWithTag": "{count} articole cu eticheta {tag}",
-    "relatedTags": "Etichete similare",
-    "quickNav": "Navigare rapidă"
-  },
-
-  "About": {
-    "title": "Despre",
-    "subtitle": "Află mai multe despre mine"
-  },
-
-  "NotFound": {
-    "title": "Pagina nu a fost găsită",
-    "description": "Pagina pe care o cauți nu există",
-    "goHome": "Mergi la pagina principală"
-  },
-
-  "LanguageSwitcher": {
-    "switchLanguage": "Schimbă limba",
-    "currentLanguage": "Limba curentă"
-  }
-}

middleware.ts

@@ -1,20 +0,0 @@
-import createMiddleware from 'next-intl/middleware';
-import {routing} from './src/i18n/routing';
-
-export default createMiddleware({
-  ...routing,
-  localeDetection: true,
-  localeCookie: {
-    name: 'NEXT_LOCALE',
-    maxAge: 60 * 60 * 24 * 365,
-    sameSite: 'lax'
-  }
-});
-
-export const config = {
-  matcher: [
-    '/',
-    '/(en|ro)/:path*',
-    '/((?!api|_next|_vercel|.*\\..*).*)'
-  ]
-};

next-env.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-import "./.next/dev/types/routes.d.ts";
+import "./.next/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

next.config.analyzer.js

@@ -1,7 +0,0 @@
-const withBundleAnalyzer = require('@next/bundle-analyzer')({
-  enabled: process.env.ANALYZE === 'true',
-})
-
-const nextConfig = require('./next.config.js')
-
-module.exports = withBundleAnalyzer(nextConfig)

next.config.js

@@ -1,13 +1,4 @@
-const withNextIntl = require('next-intl/plugin')();
-
 /** @type {import('next').NextConfig} */
-// ============================================
-// Next.js 16 Configuration
-// ============================================
-// This configuration is optimized for Next.js 16
-// Deprecated options have been removed (swcMinify, reactStrictMode)
-// SWC minification is now default in Next.js 16
-
 
 // Production-ready Next.js configuration with standalone output
 // This configuration is optimized for Docker deployment with minimal image size
@@ -46,14 +37,6 @@ const nextConfig = {
     // Image sizes for <Image> component size prop
     imageSizes: [16, 32, 48, 64, 96, 128, 256, 384],
 
-    // Cache optimized images for 30 days
-    minimumCacheTTL: 60 * 60 * 24 * 30,
-
-    // Allow SVG rendering (with security measures)
-    dangerouslyAllowSVG: true,
-    contentDispositionType: 'attachment',
-    contentSecurityPolicy: "default-src 'self'; script-src 'none'; sandbox;",
-
     // Disable image optimization during build (optional)
     // Uncomment if build times are too long
     // unoptimized: false,
@@ -72,6 +55,9 @@ const nextConfig = {
   // Performance Optimization
   // ============================================
 
+  // Enable SWC minification (faster than Terser)
+  swcMinify: true,
+
   // Compress static pages (reduces bandwidth)
   compress: true,
 
@@ -109,6 +95,9 @@ const nextConfig = {
 
   // ESLint during build
   // Set to false to skip linting (not recommended)
+  eslint: {
+    // ignoreDuringBuilds: false,
+  },
 
   // ============================================
   // Experimental Features (Next.js 16)
@@ -122,94 +111,35 @@ const nextConfig = {
       static: 180,
     },
 
-    // Optimize package imports for smaller bundles
-    optimizePackageImports: [
-      'react-markdown',
-      'rehype-raw',
-      'rehype-sanitize',
-      'remark-gfm',
-    ],
-
     // Enable PPR (Partial Prerendering) - Next.js 16 feature
     // Uncomment to enable (currently in beta)
     // ppr: false,
   },
 
   // ============================================
-  // Security Headers (PRODUCTION READY)
+  // Headers (Optional)
   // ============================================
-  // Comprehensive security headers for public deployment
+  // Custom headers for all routes
-  // Note: Caddy reverse proxy may also set these as backup
+  // Note: Caddy/Nginx reverse proxy can also set these headers
+  // Uncomment if you want Next.js to handle headers instead
+  //
   async headers() {
     return [
       {
         source: '/:path*',
         headers: [
-          // Prevent MIME type sniffing
           {
             key: 'X-Content-Type-Options',
             value: 'nosniff',
           },
-          // Prevent clickjacking
           {
             key: 'X-Frame-Options',
             value: 'DENY',
           },
-          // XSS Protection (legacy browsers)
           {
             key: 'X-XSS-Protection',
             value: '1; mode=block',
           },
-          // HSTS - Force HTTPS for 1 year
-          {
-            key: 'Strict-Transport-Security',
-            value: 'max-age=31536000; includeSubDomains; preload',
-          },
-          // Referrer Policy - Protect user privacy
-          {
-            key: 'Referrer-Policy',
-            value: 'strict-origin-when-cross-origin',
-          },
-          // Permissions Policy - Disable unnecessary browser features
-          {
-            key: 'Permissions-Policy',
-            value: 'camera=(), microphone=(), geolocation=(), interest-cohort=()',
-          },
-          // Content Security Policy - Restrict resource loading
-          // Note: Next.js requires 'unsafe-inline' for styled-jsx
-          {
-            key: 'Content-Security-Policy',
-            value: [
-              "default-src 'self'",
-              "script-src 'self' 'unsafe-inline' 'unsafe-eval'",
-              "style-src 'self' 'unsafe-inline'",
-              "img-src 'self' data: https:",
-              "font-src 'self' data:",
-              "connect-src 'self'",
-              "frame-ancestors 'none'",
-              "base-uri 'self'",
-              "form-action 'self'",
-            ].join('; '),
-          },
-        ],
-      },
-      // Aggressive caching for static assets
-      {
-        source: '/_next/static/:path*',
-        headers: [
-          {
-            key: 'Cache-Control',
-            value: 'public, max-age=31536000, immutable',
-          },
-        ],
-      },
-      {
-        source: '/images/:path*',
-        headers: [
-          {
-            key: 'Cache-Control',
-            value: 'public, max-age=31536000, immutable',
-          },
         ],
       },
     ]
@@ -247,4 +177,4 @@ const nextConfig = {
   // },
 }
 
-module.exports = withNextIntl(nextConfig)
+module.exports = nextConfig

package.json

@@ -6,19 +6,9 @@
   "scripts": {
     "dev": "next dev -p 3030",
     "build": "next build",
-    "start": "next start -p 3030",
+    "start": "next start",
-    "lint": "eslint . --ext .ts,.tsx,.js,.jsx",
+    "lint": "next lint",
-    "lint:fix": "eslint . --ext .ts,.tsx,.js,.jsx --fix",
+    "validate-posts": "node scripts/validate-posts.js"
-    "format": "prettier --write \"**/*.{js,jsx,ts,tsx,json,css,md}\"",
-    "format:check": "prettier --check \"**/*.{js,jsx,ts,tsx,json,css,md}\"",
-    "validate-posts": "node scripts/validate-posts.js",
-    "build:production": "NODE_ENV=production npm run build",
-    "validate:env": "node -e \"require('./lib/env-validation').validateEnvironment()\"",
-    "docker:build": "docker build -t mypage:latest -f Dockerfile.nextjs .",
-    "docker:run": "docker run -p 3030:3030 --env-file .env.production mypage:latest",
-    "analyze": "ANALYZE=true npm run build",
-    "analyze:server": "BUNDLE_ANALYZE=server npm run build",
-    "analyze:browser": "BUNDLE_ANALYZE=browser npm run build"
   },
   "repository": {
     "type": "git",
@@ -32,35 +22,21 @@
     "@tailwindcss/typography": "^0.5.19",
     "@types/node": "^24.10.0",
     "@types/react": "^19.2.2",
+    "@types/react-syntax-highlighter": "^15.5.13",
     "autoprefixer": "^10.4.21",
     "gray-matter": "^4.0.3",
     "next": "^16.0.1",
-    "next-intl": "^4.5.7",
     "next-themes": "^0.4.6",
     "postcss": "^8.5.6",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "react-markdown": "^10.1.0",
+    "react-syntax-highlighter": "^16.1.0",
     "rehype-raw": "^7.0.0",
     "rehype-sanitize": "^6.0.0",
     "remark": "^15.0.1",
     "remark-gfm": "^4.0.1",
-    "sharp": "^0.34.5",
     "tailwindcss": "^4.1.17",
-    "typescript": "^5.9.3",
+    "typescript": "^5.9.3"
-    "unist-util-visit": "^5.0.0"
-  },
-  "devDependencies": {
-    "@eslint/eslintrc": "^3.3.1",
-    "@eslint/js": "^9.39.1",
-    "@next/bundle-analyzer": "^16.0.3",
-    "@typescript-eslint/eslint-plugin": "^8.46.4",
-    "@typescript-eslint/parser": "^8.46.4",
-    "eslint": "^9.39.1",
-    "eslint-config-next": "^16.0.3",
-    "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-prettier": "^5.5.4",
-    "prettier": "^3.6.2",
-    "typescript-eslint": "^8.46.4"
   }
 }

src/i18n/navigation.ts

@@ -1,5 +0,0 @@
-import {createNavigation} from 'next-intl/navigation';
-import {routing} from './routing';
-
-export const {Link, redirect, usePathname, useRouter} =
-  createNavigation(routing);

src/i18n/request.ts

@@ -1,15 +0,0 @@
-import {getRequestConfig} from 'next-intl/server';
-import {routing} from './routing';
- 
-export default getRequestConfig(async ({requestLocale}) => {
-  let locale = await requestLocale;
- 
-  if (!locale || !routing.locales.includes(locale as any)) {
-    locale = routing.defaultLocale;
-  }
- 
-  return {
-    locale,
-    messages: (await import(`../../messages/${locale}.json`)).default
-  };
-});

src/i18n/routing.ts

@@ -1,13 +0,0 @@
-import {defineRouting} from 'next-intl/routing';
-
-export const routing = defineRouting({
-  locales: ['en', 'ro'],
-  defaultLocale: 'en',
-  localePrefix: 'always',
-  localeNames: {
-    en: 'English',
-    ro: 'Română'
-  }
-} as any);
-
-export type Locale = (typeof routing.locales)[number];

tailwind.config.js

@@ -2,9 +2,9 @@
 module.exports = {
   darkMode: 'class',
   content: [
-    './pages/**/*.{js,ts,jsx,tsx,mdx}',
+    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
-    './components/**/*.{js,ts,jsx,tsx,mdx}',
+    "./components/**/*.{js,ts,jsx,tsx,mdx}",
-    './app/**/*.{js,ts,jsx,tsx,mdx}',
+    "./app/**/*.{js,ts,jsx,tsx,mdx}",
   ],
   theme: {
     extend: {
@@ -24,7 +24,7 @@ module.exports = {
         'dark-primary': '#18181b',
         'dark-secondary': '#0f172a',
         'dark-tertiary': '#1e293b',
-        accent: {
+        'accent': {
           DEFAULT: '#164e63',
           hover: '#155e75',
           light: '#0e7490',
@@ -39,10 +39,10 @@ module.exports = {
         },
       },
       animation: {
-        glitch: 'glitch 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both',
+        'glitch': 'glitch 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both',
-        flicker: 'flicker 0.15s infinite',
+        'flicker': 'flicker 0.15s infinite',
-        scanline: 'scanline 8s linear infinite',
+        'scanline': 'scanline 8s linear infinite',
-        noise: 'noise 0.2s infinite',
+        'noise': 'noise 0.2s infinite',
       },
       keyframes: {
         glitch: {

tsconfig.json

@@ -25,9 +25,6 @@
     "paths": {
       "@/*": [
         "./*"
-      ],
-      "@/i18n/*": [
-        "./src/i18n/*"
       ]
     }
   },

types/translations.d.ts

@@ -1,5 +0,0 @@
-type Messages = typeof import('../messages/en.json');
-
-declare global {
-  interface IntlMessages extends Messages {}
-}