Merge pull request #4 from damjan1996/auto-claude/025-implement-blog-post-caching-and-lazy-loading
auto-claude: 025-implement-blog-post-caching-and-lazy-loading
This commit is contained in:
Damjan Savic
@@ -5,6 +5,7 @@ import Link from 'next/link';
|
|||||||
import Image from 'next/image';
|
import Image from 'next/image';
|
||||||
import type { Metadata } from 'next';
|
import type { Metadata } from 'next';
|
||||||
import { getAllBlogPosts, BlogPost } from '@/lib/blog';
|
import { getAllBlogPosts, BlogPost } from '@/lib/blog';
|
||||||
|
import { legacyBlogPosts } from '@/data/legacyBlogPosts';
|
||||||
|
|
||||||
const POSTS_PER_PAGE = 12;
|
const POSTS_PER_PAGE = 12;
|
||||||
|
|
||||||
@@ -13,232 +14,6 @@ type Props = {
|
|||||||
searchParams: Promise<{ page?: string }>;
|
searchParams: Promise<{ page?: string }>;
|
||||||
};
|
};
|
||||||
|
|
||||||
// Legacy blog posts with translations (these have manual translations)
|
|
||||||
const legacyBlogPosts: Record<string, BlogPost[]> = {
|
|
||||||
de: [
|
|
||||||
{
|
|
||||||
slug: 'n8n-automatisierung-tutorial',
|
|
||||||
title: 'n8n Tutorial: Workflows automatisieren ohne Code - Schritt für Schritt',
|
|
||||||
date: '2026-01-18',
|
|
||||||
excerpt: 'Lernen Sie, wie Sie mit n8n leistungsstarke Automatisierungen erstellen. Von der Installation bis zum ersten produktiven Workflow - inklusive Best Practices.',
|
|
||||||
category: 'Automatisierung',
|
|
||||||
tags: ['n8n', 'Tutorial', 'Automatisierung', 'Workflow', 'No-Code', 'Self-Hosted'],
|
|
||||||
coverImage: '/images/posts/n8n-automatisierung-tutorial/cover.jpg',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
slug: 'geo-generative-engine-optimization',
|
|
||||||
title: 'GEO: Generative Engine Optimization - SEO für die KI-Ära',
|
|
||||||
date: '2026-01-17',
|
|
||||||
excerpt: 'Wie Sie Ihre Inhalte für ChatGPT, Perplexity und andere KI-Suchmaschinen optimieren. Der neue Standard nach klassischem SEO.',
|
|
||||||
category: 'Marketing',
|
|
||||||
tags: ['GEO', 'SEO', 'KI', 'ChatGPT', 'Perplexity', 'Content Marketing', 'AEO'],
|
|
||||||
coverImage: '/images/posts/geo-generative-engine-optimization/cover.jpg',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
slug: 'gpt-api-integration-praxisguide',
|
|
||||||
title: 'GPT API Integration: Vom API-Key zur produktionsreifen Anwendung',
|
|
||||||
date: '2026-01-16',
|
|
||||||
excerpt: 'Praktische Anleitung zur Integration von OpenAI GPT-4 in Ihre Anwendungen. Token-Optimierung, Fehlerbehandlung und Best Practices.',
|
|
||||||
category: 'KI-Entwicklung',
|
|
||||||
tags: ['GPT-4', 'OpenAI', 'API', 'Integration', 'Python', 'LLM', 'Prompt Engineering'],
|
|
||||||
coverImage: '/images/posts/gpt-api-integration-praxisguide/cover.jpg',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
slug: 'ki-agenten-unternehmen-guide',
|
|
||||||
title: 'KI-Agenten für Unternehmen: Der ultimative Praxisguide 2026',
|
|
||||||
date: '2026-01-15',
|
|
||||||
excerpt: 'Wie Unternehmen KI-Agenten einsetzen können, um Prozesse zu automatisieren, Kosten zu senken und Wettbewerbsvorteile zu gewinnen.',
|
|
||||||
category: 'KI-Entwicklung',
|
|
||||||
tags: ['KI-Agenten', 'Automatisierung', 'GPT-4', 'Claude', 'LLM', 'Unternehmen'],
|
|
||||||
coverImage: '/images/posts/ki-agenten-unternehmen-guide/cover.jpg',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
slug: 'n8n-make-zapier-vergleich',
|
|
||||||
title: 'n8n vs Make vs Zapier: Welches Automatisierungstool passt zu Ihnen?',
|
|
||||||
date: '2026-01-10',
|
|
||||||
excerpt: 'Ein detaillierter Vergleich der führenden Workflow-Automatisierungstools mit Vor- und Nachteilen für verschiedene Anwendungsfälle.',
|
|
||||||
category: 'Automatisierung',
|
|
||||||
tags: ['n8n', 'Make', 'Zapier', 'Workflow', 'Automatisierung', 'No-Code'],
|
|
||||||
coverImage: '/images/posts/n8n-make-zapier-vergleich/cover.jpg',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
slug: 'voice-ai-kundenservice-trends',
|
|
||||||
title: 'Voice AI im Kundenservice: Trends und Best Practices 2026',
|
|
||||||
date: '2026-01-05',
|
|
||||||
excerpt: 'Wie Voice AI den Kundenservice revolutioniert und welche Technologien Sie für Ihr Unternehmen evaluieren sollten.',
|
|
||||||
category: 'Voice AI',
|
|
||||||
tags: ['Voice AI', 'Sprachassistent', 'Kundenservice', 'NLP', 'Chatbot', 'Vapi'],
|
|
||||||
coverImage: '/images/posts/voice-ai-kundenservice-trends/cover.jpg',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
slug: 'saas-mvp-entwicklung-4-wochen',
|
|
||||||
title: 'SaaS MVP in 4 Wochen: Von der Idee zum Launch',
|
|
||||||
date: '2025-12-20',
|
|
||||||
excerpt: 'Schritt-für-Schritt Anleitung zur schnellen Entwicklung eines SaaS MVP mit Next.js, Prisma und modernen Cloud-Diensten.',
|
|
||||||
category: 'SaaS-Entwicklung',
|
|
||||||
tags: ['SaaS', 'MVP', 'Next.js', 'Startup', 'Produktentwicklung', 'React'],
|
|
||||||
coverImage: '/images/posts/saas-mvp-entwicklung-4-wochen/cover.jpg',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
slug: 'erp-integration-breuninger',
|
|
||||||
title: 'ApparelMagic und TradeByte: Analyse komplexer Integrationen',
|
|
||||||
date: '2024-02-09',
|
|
||||||
excerpt: 'Detaillierte Analyse einer E-Commerce-Integration zwischen Apparel Magic und Breuninger via TradeByte',
|
|
||||||
category: 'System Integration',
|
|
||||||
tags: ['ERP', 'Apparel Magic', 'TradeByte', 'API Integration', 'Python', 'MariaDB'],
|
|
||||||
coverImage: '/images/posts/erp-integration-breuninger/cover.jpg',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
en: [
|
|
||||||
{
|
|
||||||
slug: 'n8n-automatisierung-tutorial',
|
|
||||||
title: 'n8n Tutorial: Automate Workflows Without Code - Step by Step',
|
|
||||||
date: '2026-01-18',
|
|
||||||
excerpt: 'Learn how to create powerful automations with n8n. From installation to your first production workflow - including best practices.',
|
|
||||||
category: 'Automation',
|
|
||||||
tags: ['n8n', 'Tutorial', 'Automation', 'Workflow', 'No-Code', 'Self-Hosted'],
|
|
||||||
coverImage: '/images/posts/n8n-automatisierung-tutorial/cover.jpg',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
slug: 'geo-generative-engine-optimization',
|
|
||||||
title: 'GEO: Generative Engine Optimization - SEO for the AI Era',
|
|
||||||
date: '2026-01-17',
|
|
||||||
excerpt: 'How to optimize your content for ChatGPT, Perplexity and other AI search engines. The new standard after traditional SEO.',
|
|
||||||
category: 'Marketing',
|
|
||||||
tags: ['GEO', 'SEO', 'AI', 'ChatGPT', 'Perplexity', 'Content Marketing', 'AEO'],
|
|
||||||
coverImage: '/images/posts/geo-generative-engine-optimization/cover.jpg',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
slug: 'gpt-api-integration-praxisguide',
|
|
||||||
title: 'GPT API Integration: From API Key to Production-Ready Application',
|
|
||||||
date: '2026-01-16',
|
|
||||||
excerpt: 'Practical guide to integrating OpenAI GPT-4 into your applications. Token optimization, error handling and best practices.',
|
|
||||||
category: 'AI Development',
|
|
||||||
tags: ['GPT-4', 'OpenAI', 'API', 'Integration', 'Python', 'LLM', 'Prompt Engineering'],
|
|
||||||
coverImage: '/images/posts/gpt-api-integration-praxisguide/cover.jpg',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
slug: 'ki-agenten-unternehmen-guide',
|
|
||||||
title: 'AI Agents for Business: The Ultimate Practical Guide 2026',
|
|
||||||
date: '2026-01-15',
|
|
||||||
excerpt: 'How companies can use AI agents to automate processes, reduce costs and gain competitive advantages.',
|
|
||||||
category: 'AI Development',
|
|
||||||
tags: ['AI Agents', 'Automation', 'GPT-4', 'Claude', 'LLM', 'Enterprise'],
|
|
||||||
coverImage: '/images/posts/ki-agenten-unternehmen-guide/cover.jpg',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
slug: 'n8n-make-zapier-vergleich',
|
|
||||||
title: 'n8n vs Make vs Zapier: Which Automation Tool is Right for You?',
|
|
||||||
date: '2026-01-10',
|
|
||||||
excerpt: 'A detailed comparison of leading workflow automation tools with pros and cons for different use cases.',
|
|
||||||
category: 'Automation',
|
|
||||||
tags: ['n8n', 'Make', 'Zapier', 'Workflow', 'Automation', 'No-Code'],
|
|
||||||
coverImage: '/images/posts/n8n-make-zapier-vergleich/cover.jpg',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
slug: 'voice-ai-kundenservice-trends',
|
|
||||||
title: 'Voice AI in Customer Service: Trends and Best Practices 2026',
|
|
||||||
date: '2026-01-05',
|
|
||||||
excerpt: 'How Voice AI is revolutionizing customer service and which technologies you should evaluate for your business.',
|
|
||||||
category: 'Voice AI',
|
|
||||||
tags: ['Voice AI', 'Voice Assistant', 'Customer Service', 'NLP', 'Chatbot', 'Vapi'],
|
|
||||||
coverImage: '/images/posts/voice-ai-kundenservice-trends/cover.jpg',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
slug: 'saas-mvp-entwicklung-4-wochen',
|
|
||||||
title: 'SaaS MVP in 4 Weeks: From Idea to Launch',
|
|
||||||
date: '2025-12-20',
|
|
||||||
excerpt: 'Step-by-step guide to quickly developing a SaaS MVP with Next.js, Prisma and modern cloud services.',
|
|
||||||
category: 'SaaS Development',
|
|
||||||
tags: ['SaaS', 'MVP', 'Next.js', 'Startup', 'Product Development', 'React'],
|
|
||||||
coverImage: '/images/posts/saas-mvp-entwicklung-4-wochen/cover.jpg',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
slug: 'erp-integration-breuninger',
|
|
||||||
title: 'ApparelMagic and TradeByte: Complex Integration Analysis',
|
|
||||||
date: '2024-02-09',
|
|
||||||
excerpt: 'Detailed analysis of an e-commerce integration between Apparel Magic and Breuninger via TradeByte',
|
|
||||||
category: 'System Integration',
|
|
||||||
tags: ['ERP', 'Apparel Magic', 'TradeByte', 'API Integration', 'Python', 'MariaDB'],
|
|
||||||
coverImage: '/images/posts/erp-integration-breuninger/cover.jpg',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
sr: [
|
|
||||||
{
|
|
||||||
slug: 'n8n-automatisierung-tutorial',
|
|
||||||
title: 'n8n Tutorial: Automatizujte Radne Tokove Bez Koda - Korak po Korak',
|
|
||||||
date: '2026-01-18',
|
|
||||||
excerpt: 'Naučite kako da kreirate moćne automatizacije sa n8n. Od instalacije do prvog produktivnog radnog toka - uključujući najbolje prakse.',
|
|
||||||
category: 'Automatizacija',
|
|
||||||
tags: ['n8n', 'Tutorial', 'Automatizacija', 'Workflow', 'No-Code', 'Self-Hosted'],
|
|
||||||
coverImage: '/images/posts/n8n-automatisierung-tutorial/cover.jpg',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
slug: 'geo-generative-engine-optimization',
|
|
||||||
title: 'GEO: Generative Engine Optimization - SEO za AI Eru',
|
|
||||||
date: '2026-01-17',
|
|
||||||
excerpt: 'Kako da optimizujete sadržaj za ChatGPT, Perplexity i druge AI pretraživače. Novi standard posle klasičnog SEO-a.',
|
|
||||||
category: 'Marketing',
|
|
||||||
tags: ['GEO', 'SEO', 'AI', 'ChatGPT', 'Perplexity', 'Content Marketing', 'AEO'],
|
|
||||||
coverImage: '/images/posts/geo-generative-engine-optimization/cover.jpg',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
slug: 'gpt-api-integration-praxisguide',
|
|
||||||
title: 'GPT API Integracija: Od API Ključa do Produkcione Aplikacije',
|
|
||||||
date: '2026-01-16',
|
|
||||||
excerpt: 'Praktični vodič za integraciju OpenAI GPT-4 u vaše aplikacije. Optimizacija tokena, rukovanje greškama i najbolje prakse.',
|
|
||||||
category: 'AI Razvoj',
|
|
||||||
tags: ['GPT-4', 'OpenAI', 'API', 'Integracija', 'Python', 'LLM', 'Prompt Engineering'],
|
|
||||||
coverImage: '/images/posts/gpt-api-integration-praxisguide/cover.jpg',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
slug: 'ki-agenten-unternehmen-guide',
|
|
||||||
title: 'AI Agenti za Preduzeća: Ultimativni Praktični Vodič 2026',
|
|
||||||
date: '2026-01-15',
|
|
||||||
excerpt: 'Kako kompanije mogu koristiti AI agente za automatizaciju procesa, smanjenje troškova i sticanje konkurentskih prednosti.',
|
|
||||||
category: 'AI Razvoj',
|
|
||||||
tags: ['AI Agenti', 'Automatizacija', 'GPT-4', 'Claude', 'LLM', 'Preduzeća'],
|
|
||||||
coverImage: '/images/posts/ki-agenten-unternehmen-guide/cover.jpg',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
slug: 'n8n-make-zapier-vergleich',
|
|
||||||
title: 'n8n vs Make vs Zapier: Koji Alat za Automatizaciju je Pravi za Vas?',
|
|
||||||
date: '2026-01-10',
|
|
||||||
excerpt: 'Detaljna uporedna analiza vodećih alata za automatizaciju radnih tokova sa prednostima i manama za različite slučajeve upotrebe.',
|
|
||||||
category: 'Automatizacija',
|
|
||||||
tags: ['n8n', 'Make', 'Zapier', 'Workflow', 'Automatizacija', 'No-Code'],
|
|
||||||
coverImage: '/images/posts/n8n-make-zapier-vergleich/cover.jpg',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
slug: 'voice-ai-kundenservice-trends',
|
|
||||||
title: 'Voice AI u Korisničkoj Službi: Trendovi i Najbolje Prakse 2026',
|
|
||||||
date: '2026-01-05',
|
|
||||||
excerpt: 'Kako Voice AI revolucioniše korisničku službu i koje tehnologije treba da evaluirate za vaš posao.',
|
|
||||||
category: 'Voice AI',
|
|
||||||
tags: ['Voice AI', 'Glasovni Asistent', 'Korisnička Služba', 'NLP', 'Chatbot', 'Vapi'],
|
|
||||||
coverImage: '/images/posts/voice-ai-kundenservice-trends/cover.jpg',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
slug: 'saas-mvp-entwicklung-4-wochen',
|
|
||||||
title: 'SaaS MVP za 4 Nedelje: Od Ideje do Lansiranja',
|
|
||||||
date: '2025-12-20',
|
|
||||||
excerpt: 'Korak-po-korak vodič za brz razvoj SaaS MVP-a sa Next.js, Prisma i modernim cloud servisima.',
|
|
||||||
category: 'SaaS Razvoj',
|
|
||||||
tags: ['SaaS', 'MVP', 'Next.js', 'Startup', 'Razvoj Proizvoda', 'React'],
|
|
||||||
coverImage: '/images/posts/saas-mvp-entwicklung-4-wochen/cover.jpg',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
slug: 'erp-integration-breuninger',
|
|
||||||
title: 'ApparelMagic i TradeByte: Analiza kompleksnih integracija',
|
|
||||||
date: '2024-02-09',
|
|
||||||
excerpt: 'Detaljna analiza e-commerce integracije izmedu Apparel Magic i Breuninger putem TradeByte',
|
|
||||||
category: 'Sistemska Integracija',
|
|
||||||
tags: ['ERP', 'Apparel Magic', 'TradeByte', 'API Integracija', 'Python', 'MariaDB'],
|
|
||||||
coverImage: '/images/posts/erp-integration-breuninger/cover.jpg',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
|
|
||||||
const BASE_URL = process.env.NEXT_PUBLIC_SITE_URL || 'https://damjan-savic.com';
|
const BASE_URL = process.env.NEXT_PUBLIC_SITE_URL || 'https://damjan-savic.com';
|
||||||
|
|
||||||
export async function generateMetadata({ params }: Props): Promise<Metadata> {
|
export async function generateMetadata({ params }: Props): Promise<Metadata> {
|
||||||
|
|||||||
@@ -0,0 +1,228 @@
|
|||||||
|
import type { BlogPost } from '@/lib/blog';
|
||||||
|
|
||||||
|
export type LegacyBlogPostsData = Record<string, BlogPost[]>;
|
||||||
|
|
||||||
|
export const legacyBlogPosts: LegacyBlogPostsData = {
|
||||||
|
de: [
|
||||||
|
{
|
||||||
|
slug: 'n8n-automatisierung-tutorial',
|
||||||
|
title: 'n8n Tutorial: Workflows automatisieren ohne Code - Schritt für Schritt',
|
||||||
|
date: '2026-01-18',
|
||||||
|
excerpt: 'Lernen Sie, wie Sie mit n8n leistungsstarke Automatisierungen erstellen. Von der Installation bis zum ersten produktiven Workflow - inklusive Best Practices.',
|
||||||
|
category: 'Automatisierung',
|
||||||
|
tags: ['n8n', 'Tutorial', 'Automatisierung', 'Workflow', 'No-Code', 'Self-Hosted'],
|
||||||
|
coverImage: '/images/posts/n8n-automatisierung-tutorial/cover.jpg',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
slug: 'geo-generative-engine-optimization',
|
||||||
|
title: 'GEO: Generative Engine Optimization - SEO für die KI-Ära',
|
||||||
|
date: '2026-01-17',
|
||||||
|
excerpt: 'Wie Sie Ihre Inhalte für ChatGPT, Perplexity und andere KI-Suchmaschinen optimieren. Der neue Standard nach klassischem SEO.',
|
||||||
|
category: 'Marketing',
|
||||||
|
tags: ['GEO', 'SEO', 'KI', 'ChatGPT', 'Perplexity', 'Content Marketing', 'AEO'],
|
||||||
|
coverImage: '/images/posts/geo-generative-engine-optimization/cover.jpg',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
slug: 'gpt-api-integration-praxisguide',
|
||||||
|
title: 'GPT API Integration: Vom API-Key zur produktionsreifen Anwendung',
|
||||||
|
date: '2026-01-16',
|
||||||
|
excerpt: 'Praktische Anleitung zur Integration von OpenAI GPT-4 in Ihre Anwendungen. Token-Optimierung, Fehlerbehandlung und Best Practices.',
|
||||||
|
category: 'KI-Entwicklung',
|
||||||
|
tags: ['GPT-4', 'OpenAI', 'API', 'Integration', 'Python', 'LLM', 'Prompt Engineering'],
|
||||||
|
coverImage: '/images/posts/gpt-api-integration-praxisguide/cover.jpg',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
slug: 'ki-agenten-unternehmen-guide',
|
||||||
|
title: 'KI-Agenten für Unternehmen: Der ultimative Praxisguide 2026',
|
||||||
|
date: '2026-01-15',
|
||||||
|
excerpt: 'Wie Unternehmen KI-Agenten einsetzen können, um Prozesse zu automatisieren, Kosten zu senken und Wettbewerbsvorteile zu gewinnen.',
|
||||||
|
category: 'KI-Entwicklung',
|
||||||
|
tags: ['KI-Agenten', 'Automatisierung', 'GPT-4', 'Claude', 'LLM', 'Unternehmen'],
|
||||||
|
coverImage: '/images/posts/ki-agenten-unternehmen-guide/cover.jpg',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
slug: 'n8n-make-zapier-vergleich',
|
||||||
|
title: 'n8n vs Make vs Zapier: Welches Automatisierungstool passt zu Ihnen?',
|
||||||
|
date: '2026-01-10',
|
||||||
|
excerpt: 'Ein detaillierter Vergleich der führenden Workflow-Automatisierungstools mit Vor- und Nachteilen für verschiedene Anwendungsfälle.',
|
||||||
|
category: 'Automatisierung',
|
||||||
|
tags: ['n8n', 'Make', 'Zapier', 'Workflow', 'Automatisierung', 'No-Code'],
|
||||||
|
coverImage: '/images/posts/n8n-make-zapier-vergleich/cover.jpg',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
slug: 'voice-ai-kundenservice-trends',
|
||||||
|
title: 'Voice AI im Kundenservice: Trends und Best Practices 2026',
|
||||||
|
date: '2026-01-05',
|
||||||
|
excerpt: 'Wie Voice AI den Kundenservice revolutioniert und welche Technologien Sie für Ihr Unternehmen evaluieren sollten.',
|
||||||
|
category: 'Voice AI',
|
||||||
|
tags: ['Voice AI', 'Sprachassistent', 'Kundenservice', 'NLP', 'Chatbot', 'Vapi'],
|
||||||
|
coverImage: '/images/posts/voice-ai-kundenservice-trends/cover.jpg',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
slug: 'saas-mvp-entwicklung-4-wochen',
|
||||||
|
title: 'SaaS MVP in 4 Wochen: Von der Idee zum Launch',
|
||||||
|
date: '2025-12-20',
|
||||||
|
excerpt: 'Schritt-für-Schritt Anleitung zur schnellen Entwicklung eines SaaS MVP mit Next.js, Prisma und modernen Cloud-Diensten.',
|
||||||
|
category: 'SaaS-Entwicklung',
|
||||||
|
tags: ['SaaS', 'MVP', 'Next.js', 'Startup', 'Produktentwicklung', 'React'],
|
||||||
|
coverImage: '/images/posts/saas-mvp-entwicklung-4-wochen/cover.jpg',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
slug: 'erp-integration-breuninger',
|
||||||
|
title: 'ApparelMagic und TradeByte: Analyse komplexer Integrationen',
|
||||||
|
date: '2024-02-09',
|
||||||
|
excerpt: 'Detaillierte Analyse einer E-Commerce-Integration zwischen Apparel Magic und Breuninger via TradeByte',
|
||||||
|
category: 'System Integration',
|
||||||
|
tags: ['ERP', 'Apparel Magic', 'TradeByte', 'API Integration', 'Python', 'MariaDB'],
|
||||||
|
coverImage: '/images/posts/erp-integration-breuninger/cover.jpg',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
en: [
|
||||||
|
{
|
||||||
|
slug: 'n8n-automatisierung-tutorial',
|
||||||
|
title: 'n8n Tutorial: Automate Workflows Without Code - Step by Step',
|
||||||
|
date: '2026-01-18',
|
||||||
|
excerpt: 'Learn how to create powerful automations with n8n. From installation to your first production workflow - including best practices.',
|
||||||
|
category: 'Automation',
|
||||||
|
tags: ['n8n', 'Tutorial', 'Automation', 'Workflow', 'No-Code', 'Self-Hosted'],
|
||||||
|
coverImage: '/images/posts/n8n-automatisierung-tutorial/cover.jpg',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
slug: 'geo-generative-engine-optimization',
|
||||||
|
title: 'GEO: Generative Engine Optimization - SEO for the AI Era',
|
||||||
|
date: '2026-01-17',
|
||||||
|
excerpt: 'How to optimize your content for ChatGPT, Perplexity and other AI search engines. The new standard after traditional SEO.',
|
||||||
|
category: 'Marketing',
|
||||||
|
tags: ['GEO', 'SEO', 'AI', 'ChatGPT', 'Perplexity', 'Content Marketing', 'AEO'],
|
||||||
|
coverImage: '/images/posts/geo-generative-engine-optimization/cover.jpg',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
slug: 'gpt-api-integration-praxisguide',
|
||||||
|
title: 'GPT API Integration: From API Key to Production-Ready Application',
|
||||||
|
date: '2026-01-16',
|
||||||
|
excerpt: 'Practical guide to integrating OpenAI GPT-4 into your applications. Token optimization, error handling and best practices.',
|
||||||
|
category: 'AI Development',
|
||||||
|
tags: ['GPT-4', 'OpenAI', 'API', 'Integration', 'Python', 'LLM', 'Prompt Engineering'],
|
||||||
|
coverImage: '/images/posts/gpt-api-integration-praxisguide/cover.jpg',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
slug: 'ki-agenten-unternehmen-guide',
|
||||||
|
title: 'AI Agents for Business: The Ultimate Practical Guide 2026',
|
||||||
|
date: '2026-01-15',
|
||||||
|
excerpt: 'How companies can use AI agents to automate processes, reduce costs and gain competitive advantages.',
|
||||||
|
category: 'AI Development',
|
||||||
|
tags: ['AI Agents', 'Automation', 'GPT-4', 'Claude', 'LLM', 'Enterprise'],
|
||||||
|
coverImage: '/images/posts/ki-agenten-unternehmen-guide/cover.jpg',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
slug: 'n8n-make-zapier-vergleich',
|
||||||
|
title: 'n8n vs Make vs Zapier: Which Automation Tool is Right for You?',
|
||||||
|
date: '2026-01-10',
|
||||||
|
excerpt: 'A detailed comparison of leading workflow automation tools with pros and cons for different use cases.',
|
||||||
|
category: 'Automation',
|
||||||
|
tags: ['n8n', 'Make', 'Zapier', 'Workflow', 'Automation', 'No-Code'],
|
||||||
|
coverImage: '/images/posts/n8n-make-zapier-vergleich/cover.jpg',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
slug: 'voice-ai-kundenservice-trends',
|
||||||
|
title: 'Voice AI in Customer Service: Trends and Best Practices 2026',
|
||||||
|
date: '2026-01-05',
|
||||||
|
excerpt: 'How Voice AI is revolutionizing customer service and which technologies you should evaluate for your business.',
|
||||||
|
category: 'Voice AI',
|
||||||
|
tags: ['Voice AI', 'Voice Assistant', 'Customer Service', 'NLP', 'Chatbot', 'Vapi'],
|
||||||
|
coverImage: '/images/posts/voice-ai-kundenservice-trends/cover.jpg',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
slug: 'saas-mvp-entwicklung-4-wochen',
|
||||||
|
title: 'SaaS MVP in 4 Weeks: From Idea to Launch',
|
||||||
|
date: '2025-12-20',
|
||||||
|
excerpt: 'Step-by-step guide to quickly developing a SaaS MVP with Next.js, Prisma and modern cloud services.',
|
||||||
|
category: 'SaaS Development',
|
||||||
|
tags: ['SaaS', 'MVP', 'Next.js', 'Startup', 'Product Development', 'React'],
|
||||||
|
coverImage: '/images/posts/saas-mvp-entwicklung-4-wochen/cover.jpg',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
slug: 'erp-integration-breuninger',
|
||||||
|
title: 'ApparelMagic and TradeByte: Complex Integration Analysis',
|
||||||
|
date: '2024-02-09',
|
||||||
|
excerpt: 'Detailed analysis of an e-commerce integration between Apparel Magic and Breuninger via TradeByte',
|
||||||
|
category: 'System Integration',
|
||||||
|
tags: ['ERP', 'Apparel Magic', 'TradeByte', 'API Integration', 'Python', 'MariaDB'],
|
||||||
|
coverImage: '/images/posts/erp-integration-breuninger/cover.jpg',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
sr: [
|
||||||
|
{
|
||||||
|
slug: 'n8n-automatisierung-tutorial',
|
||||||
|
title: 'n8n Tutorial: Automatizujte Radne Tokove Bez Koda - Korak po Korak',
|
||||||
|
date: '2026-01-18',
|
||||||
|
excerpt: 'Naučite kako da kreirate moćne automatizacije sa n8n. Od instalacije do prvog produktivnog radnog toka - uključujući najbolje prakse.',
|
||||||
|
category: 'Automatizacija',
|
||||||
|
tags: ['n8n', 'Tutorial', 'Automatizacija', 'Workflow', 'No-Code', 'Self-Hosted'],
|
||||||
|
coverImage: '/images/posts/n8n-automatisierung-tutorial/cover.jpg',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
slug: 'geo-generative-engine-optimization',
|
||||||
|
title: 'GEO: Generative Engine Optimization - SEO za AI Eru',
|
||||||
|
date: '2026-01-17',
|
||||||
|
excerpt: 'Kako da optimizujete sadržaj za ChatGPT, Perplexity i druge AI pretraživače. Novi standard posle klasičnog SEO-a.',
|
||||||
|
category: 'Marketing',
|
||||||
|
tags: ['GEO', 'SEO', 'AI', 'ChatGPT', 'Perplexity', 'Content Marketing', 'AEO'],
|
||||||
|
coverImage: '/images/posts/geo-generative-engine-optimization/cover.jpg',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
slug: 'gpt-api-integration-praxisguide',
|
||||||
|
title: 'GPT API Integracija: Od API Ključa do Produkcione Aplikacije',
|
||||||
|
date: '2026-01-16',
|
||||||
|
excerpt: 'Praktični vodič za integraciju OpenAI GPT-4 u vaše aplikacije. Optimizacija tokena, rukovanje greškama i najbolje prakse.',
|
||||||
|
category: 'AI Razvoj',
|
||||||
|
tags: ['GPT-4', 'OpenAI', 'API', 'Integracija', 'Python', 'LLM', 'Prompt Engineering'],
|
||||||
|
coverImage: '/images/posts/gpt-api-integration-praxisguide/cover.jpg',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
slug: 'ki-agenten-unternehmen-guide',
|
||||||
|
title: 'AI Agenti za Preduzeća: Ultimativni Praktični Vodič 2026',
|
||||||
|
date: '2026-01-15',
|
||||||
|
excerpt: 'Kako kompanije mogu koristiti AI agente za automatizaciju procesa, smanjenje troškova i sticanje konkurentskih prednosti.',
|
||||||
|
category: 'AI Razvoj',
|
||||||
|
tags: ['AI Agenti', 'Automatizacija', 'GPT-4', 'Claude', 'LLM', 'Preduzeća'],
|
||||||
|
coverImage: '/images/posts/ki-agenten-unternehmen-guide/cover.jpg',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
slug: 'n8n-make-zapier-vergleich',
|
||||||
|
title: 'n8n vs Make vs Zapier: Koji Alat za Automatizaciju je Pravi za Vas?',
|
||||||
|
date: '2026-01-10',
|
||||||
|
excerpt: 'Detaljna uporedna analiza vodećih alata za automatizaciju radnih tokova sa prednostima i manama za različite slučajeve upotrebe.',
|
||||||
|
category: 'Automatizacija',
|
||||||
|
tags: ['n8n', 'Make', 'Zapier', 'Workflow', 'Automatizacija', 'No-Code'],
|
||||||
|
coverImage: '/images/posts/n8n-make-zapier-vergleich/cover.jpg',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
slug: 'voice-ai-kundenservice-trends',
|
||||||
|
title: 'Voice AI u Korisničkoj Službi: Trendovi i Najbolje Prakse 2026',
|
||||||
|
date: '2026-01-05',
|
||||||
|
excerpt: 'Kako Voice AI revolucioniše korisničku službu i koje tehnologije treba da evaluirate za vaš posao.',
|
||||||
|
category: 'Voice AI',
|
||||||
|
tags: ['Voice AI', 'Glasovni Asistent', 'Korisnička Služba', 'NLP', 'Chatbot', 'Vapi'],
|
||||||
|
coverImage: '/images/posts/voice-ai-kundenservice-trends/cover.jpg',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
slug: 'saas-mvp-entwicklung-4-wochen',
|
||||||
|
title: 'SaaS MVP za 4 Nedelje: Od Ideje do Lansiranja',
|
||||||
|
date: '2025-12-20',
|
||||||
|
excerpt: 'Korak-po-korak vodič za brz razvoj SaaS MVP-a sa Next.js, Prisma i modernim cloud servisima.',
|
||||||
|
category: 'SaaS Razvoj',
|
||||||
|
tags: ['SaaS', 'MVP', 'Next.js', 'Startup', 'Razvoj Proizvoda', 'React'],
|
||||||
|
coverImage: '/images/posts/saas-mvp-entwicklung-4-wochen/cover.jpg',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
slug: 'erp-integration-breuninger',
|
||||||
|
title: 'ApparelMagic i TradeByte: Analiza kompleksnih integracija',
|
||||||
|
date: '2024-02-09',
|
||||||
|
excerpt: 'Detaljna analiza e-commerce integracije izmedu Apparel Magic i Breuninger putem TradeByte',
|
||||||
|
category: 'Sistemska Integracija',
|
||||||
|
tags: ['ERP', 'Apparel Magic', 'TradeByte', 'API Integracija', 'Python', 'MariaDB'],
|
||||||
|
coverImage: '/images/posts/erp-integration-breuninger/cover.jpg',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
+15
-1
@@ -1,5 +1,6 @@
|
|||||||
import fs from 'fs';
|
import fs from 'fs';
|
||||||
import path from 'path';
|
import path from 'path';
|
||||||
|
import { cache } from '@/utils/cache';
|
||||||
|
|
||||||
export interface BlogPost {
|
export interface BlogPost {
|
||||||
slug: string;
|
slug: string;
|
||||||
@@ -130,6 +131,14 @@ function parseMarkdownPost(filename: string, content: string): BlogPost | null {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export function getAllBlogPosts(): BlogPost[] {
|
export function getAllBlogPosts(): BlogPost[] {
|
||||||
|
const cacheKey = 'blog:all-posts';
|
||||||
|
|
||||||
|
// Check cache first
|
||||||
|
const cachedPosts = cache.get<BlogPost[]>(cacheKey);
|
||||||
|
if (cachedPosts) {
|
||||||
|
return cachedPosts;
|
||||||
|
}
|
||||||
|
|
||||||
if (!fs.existsSync(BLOG_POSTS_DIR)) {
|
if (!fs.existsSync(BLOG_POSTS_DIR)) {
|
||||||
console.warn('Blog posts directory not found:', BLOG_POSTS_DIR);
|
console.warn('Blog posts directory not found:', BLOG_POSTS_DIR);
|
||||||
return [];
|
return [];
|
||||||
@@ -157,7 +166,12 @@ export function getAllBlogPosts(): BlogPost[] {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// Sort by date descending (newest first)
|
// Sort by date descending (newest first)
|
||||||
return posts.sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime());
|
const sortedPosts = posts.sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime());
|
||||||
|
|
||||||
|
// Cache the results
|
||||||
|
cache.set(cacheKey, sortedPosts);
|
||||||
|
|
||||||
|
return sortedPosts;
|
||||||
}
|
}
|
||||||
|
|
||||||
export function getBlogPostBySlug(slug: string): BlogPost | null {
|
export function getBlogPostBySlug(slug: string): BlogPost | null {
|
||||||
|
|||||||
Reference in New Issue
Block a user