Switch from Webflow / Framer to Next.js: GEO-Optimized

import { NextRequest, NextResponse } from 'next/server'

export function middleware(request: NextRequest) {
  const country = request.geo?.country || 'US'
  const locale = country === 'DE' || country === 'AT' || country === 'CH'
    ? 'de' : 'en'

  if (!request.nextUrl.pathname.startsWith(`/${locale}`)) {
    return NextResponse.redirect(
      new URL(`/${locale}${request.nextUrl.pathname}`, request.url)
    )
  }
}

scaile.tech/services          -> English (default)
scaile.tech/de/services       -> German

-> Separate meta tags, Schema, OG tags per language
-> Hreflang tags auto-generated
-> Shared components, locale-specific content

content/
├── blog/                    # Blog articles (Markdoc/MDX)
│   ├── my-article/
│   │   └── index.mdoc
│   └── ...
├── case-studies/            # Case Studies (YAML)
│   ├── client-name/
│   │   └── index.yaml
│   └── ...
├── team/                    # Team profiles (YAML)
│   ├── first-last/
│   │   └── index.yaml
└── jobs/                    # Job postings (YAML)
    └── ...

blog: collection({
  label: 'Blog Posts',
  slugField: 'title',
  path: 'content/blog/*/',
  format: { contentField: 'content' },
  schema: {
    title: fields.slug({ name: { label: 'Title' } }),
    date: fields.date({ label: 'Date' }),
    category: fields.select({
      label: 'Category',
      options: [
        { label: 'Go-To-Market', value: 'gtm' },
        { label: 'AI in Sales', value: 'ai-sales' },
        { label: 'B2B SEO', value: 'b2b-seo' },
      ],
    }),
    excerpt: fields.text({
      label: 'Excerpt', multiline: true
    }),
    content: fields.markdoc({ label: 'Content' }),
  },
})

export default defineType({
  name: 'blogPost',
  title: 'Blog Post',
  type: 'document',
  fields: [
    defineField({
      name: 'title',
      title: 'Title',
      type: 'string',
      validation: (Rule) => Rule.required(),
    }),
    defineField({
      name: 'slug',
      title: 'Slug',
      type: 'slug',
      options: { source: 'title' },
    }),
    defineField({
      name: 'category',
      title: 'Category',
      type: 'string',
      options: {
        list: ['gtm', 'ai-sales', 'b2b-seo'],
      },
    }),
    defineField({
      name: 'content',
      title: 'Content',
      type: 'blockContent',
    }),
  ],
})

// Every page is pre-rendered, no client JS needed
export default async function BlogPost({ params }) {
  const post = await getBlogPost(params.slug) // Build time
  return <Article>{post.content}</Article>    // Complete HTML
}

// All pages pre-rendered at build
export async function generateStaticParams() {
  const posts = await getAllBlogPosts()
  return posts.map(post => ({ slug: post.slug }))
}

// Auto-generated from content files:
/sitemap.xml     -> All pages, all locales
/feed.xml        -> RSS for blog (EN)
/feed-de.xml     -> RSS for blog (DE)

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Your Article Title",
  "description": "Concise summary for AI snippets",
  "datePublished": "2025-01-15T08:00:00+01:00",
  "dateModified": "2025-01-20T10:30:00+01:00",
  "author": {
    "@type": "Person",
    "name": "Author Name",
    "url": "https://yoursite.com/team/author"
  },
  "publisher": {
    "@type": "Organization",
    "name": "SCAILE"
  }
}

{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "What is AI Engine Optimization?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "AEO is the practice of optimizing content
         so AI models cite your website as a source."
      }
    }
  ]
}

{
  "@context": "https://schema.org",
  "@type": "Service",
  "name": "AI Visibility Content Engine",
  "provider": {
    "@type": "Organization",
    "name": "SCAILE",
    "url": "https://www.scaile.tech"
  },
  "serviceType": "AI Search Optimization"
}

{
  "@context": "https://schema.org",
  "@type": "HowTo",
  "name": "How to Migrate from Webflow to Next.js",
  "step": [
    {
      "@type": "HowToStep",
      "position": 1,
      "name": "Audit Existing Content",
      "text": "Export all pages, document URL structure."
    },
    {
      "@type": "HowToStep",
      "position": 2,
      "name": "Set Up Next.js + CMS",
      "text": "Initialize project, configure collections."
    }
  ]
}

# Content Creation Rules

## Blog Posts
- Always in content/blog/{slug}/index.mdoc
- Frontmatter: title, date, category, author, excerpt
- Minimum 1,500 words
- FAQ section at the end (auto-converts to Schema)
- Internal links to /services, /case-studies where relevant

## GEO Rules
- Every page needs a clear answer to a question
- First paragraph = Direct answer (for AI snippets)
- Schema markup is auto-generated from content structure