Migrate from Vite to Next.js 15 with SSR

- Replace Vite + React Router with Next.js 15 App Router - Implement i18n with next-intl (URL-based: /de, /en, /sr) - Add SSR/SSG for all pages (48 static pages generated) - Setup Supabase SSR client for auth - Migrate all pages: Home, About, Portfolio, Blog, Contact, Login, Dashboard, Imprint, Privacy, Terms - Add Docker support with standalone output - Replace i18next with next-intl JSON translations - Use next/image for optimized images Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-17 01:00:33 +01:00
parent a66f51b9a2
commit b1ec7b4d61
281 changed files with 8024 additions and 8901 deletions
@@ -0,0 +1,115 @@
+import SEO from '../../components/SEO';
+import Hero from './components/Hero';
+import Experience from './components/Experience';
+import Skills from './components/Skills';
+import Projects from './components/Projects';
+import About from './components/About';
+import { FAQSection } from '../../components/FAQSection';
+import { LocalizedWebsiteSchema, LocalizedPersonSchema } from '../../components/schemas/LocalizedSchemas';
+import { LocalBusinessSchema } from '../../components/schemas/LocalBusinessSchema';
+import { ServiceSchema } from '../../components/schemas/ServiceSchema';
+
+const HomePage = () => {
+    const schema = {
+        '@context': 'https://schema.org',
+        '@type': 'ProfilePage',
+        '@id': 'https://damjan-savic.com/#profilepage',
+        name: 'Damjan Savić - AI & Automation Specialist',
+        description:
+            'Damjan Savić ist AI & Automation Specialist. Spezialisiert auf KI-Agenten, Voice AI, Prozessautomatisierung mit n8n, und Fullstack Development.',
+        mainEntity: {
+            '@type': 'Person',
+            name: 'Damjan Savić',
+            jobTitle: ['AI & Automation Specialist', 'Process Automation Specialist', 'Fullstack Developer'],
+            description:
+                'Damjan Savić entwickelt KI-Agenten und Automatisierungslösungen. Von Voice-AI-Plattformen bis zu autonomen Web-Agenten.',
+            knowsLanguage: [
+                'English',
+                'German',
+                'Serbian',
+                'French',
+                'Spanish',
+                'Russian'
+            ],
+            hasOccupation: {
+                '@type': 'Occupation',
+                name: 'AI & Automation Specialist',
+                skills: [
+                    'AI Agents Development',
+                    'Voice AI (Vapi)',
+                    'Process Automation (n8n, Zapier)',
+                    'Python Development',
+                    'TypeScript & React',
+                    'Next.js',
+                    'GPT-4 & Claude API Integration',
+                    'Web Scraping',
+                    'Supabase & PostgreSQL',
+                    'WebSocket & Real-time Applications'
+                ]
+            },
+            worksFor: {
+                '@type': 'Organization',
+                name: 'Everlast Consulting GmbH',
+                description: 'Process Automation & AI Solutions',
+                location: 'Remote'
+            },
+            address: {
+                '@type': 'PostalAddress',
+                addressLocality: 'Bergisch Gladbach',
+                addressRegion: 'Nordrhein-Westfalen',
+                addressCountry: 'Deutschland'
+            }
+        }
+    };
+
+    const metaDescription =
+        'Damjan Savić - AI & Automation Specialist. Entwicklung von KI-Agenten und Automatisierungslösungen mit n8n, Vapi Voice AI, ' +
+        'GPT-4 und Claude API. Von Voice-AI-Plattformen bis zu autonomen Web-Agenten. TypeScript, Python, Next.js.';
+
+    return (
+        <>
+            <SEO
+                title="Damjan Savić - AI & Automation Specialist | KI-Agenten, Voice AI & Prozessautomatisierung"
+                description={metaDescription}
+                schema={schema}
+            />
+            <LocalizedWebsiteSchema />
+            <LocalizedPersonSchema />
+            <LocalBusinessSchema />
+            <ServiceSchema />
+            <main className="min-h-screen">
+                {/* Hero Section */}
+                <div id="home">
+                    <Hero />
+                </div>
+
+                {/* Experience Section */}
+                <div id="experience">
+                    <Experience />
+                </div>
+
+                {/* Skills Section */}
+                <div id="skills">
+                    <Skills />
+                </div>
+
+                {/* Projects Section */}
+                <div id="projects">
+                    <Projects />
+                </div>
+
+                {/* About Section */}
+                <div id="about">
+                    <About />
+                </div>
+                
+                {/* FAQ Section */}
+                <div id="faq" className="py-16">
+                    <FAQSection />
+                </div>
+            </main>
+        </>
+    );
+};
+
+export default HomePage;