Align site with v0.1.11: MySQL 8.4, phpMyAdmin 5.2.2, and XAMPP positioning.

Add stack versions, SEO landing pages, download panel, and analytics hook.

Author: ProgrammerNomad

.env.example

@@ -1,2 +1,2 @@
-DEVSTACKBOX_ROOT=../DevStackBox
-GITHUB_REPO=DevStackBox/DevStackBox
+# Optional: Plausible analytics (https://plausible.io)
+NEXT_PUBLIC_PLAUSIBLE_DOMAIN=devstackbox.com

app/download/page.tsx

@@ -10,14 +10,16 @@ import {
   getLatestRelease,
 } from "@/lib/github";
 
+import { StackIncludedPanel } from "@/components/marketing/stack-included-panel";
 import { buildPageMetadata } from "@/lib/page-metadata";
 
 export const revalidate = 300;
 
 export const metadata: Metadata = buildPageMetadata({
   path: "/download",
   title: "Download",
-  description: "Download the latest DevStackBox installer for Windows.",
+  description:
+    "Download DevStackBox for Windows - free XAMPP alternative with PHP 8.3, MySQL 8.4 LTS, and PHP 8.5 on demand.",
 });
 
 export default async function DownloadPage() {
@@ -79,6 +81,21 @@ export default async function DownloadPage() {
         </div>
       </section>
 
+      <section className="mt-12 rounded-2xl border border-border bg-card p-6 sm:p-8">
+        <h2 className="text-2xl font-bold tracking-tight">Stack contents</h2>
+        <div className="mt-6">
+          <StackIncludedPanel />
+        </div>
+        <p className="mt-6 text-sm text-muted-foreground">
+          Windows may show SmartScreen for an unknown publisher. Choose More info, then Run anyway, or verify the
+          SHA-256 checksum above. See our{" "}
+          <Link href="/security" className="link-primary">
+            security page
+          </Link>
+          .
+        </p>
+      </section>
+
       <div className="mt-12 grid gap-10 lg:grid-cols-[0.7fr_1.3fr]">
         <div>
           <section>

app/layout.tsx

@@ -1,5 +1,6 @@
 import type { Metadata } from "next";
 import { RootProvider } from "fumadocs-ui/provider/next";
+import { Analytics } from "@/components/analytics";
 import { JsonLd } from "@/components/json-ld";
 import { SiteFooter } from "@/components/site-footer";
 import { SiteHeader } from "@/components/site-header";
@@ -16,7 +17,7 @@ export const metadata: Metadata = {
   ...buildPageMetadata({
     path: "/",
     description:
-      "Apache, PHP, MySQL and phpMyAdmin in one free, open-source desktop application for Windows. No telemetry. No cloud dependency.",
+      "Free XAMPP alternative for Windows: PHP 8.3 in the installer, PHP up to 8.5 in the app, MySQL 8.4 LTS, Apache, phpMyAdmin. MIT licensed.",
   }),
   title: {
     default: "DevStackBox - Modern local PHP development for Windows",
@@ -40,6 +41,7 @@ export default function RootLayout({
     <html lang="en" suppressHydrationWarning className={cn("font-sans", geist.variable)}>
       <body className="flex min-h-screen flex-col bg-background font-sans text-foreground antialiased">
         <JsonLd data={websiteSchemas()} />
+        <Analytics />
         <RootProvider>
           <SiteHeader />
           <main className="flex-1">{children}</main>

app/migrate-from-xampp/page.tsx

@@ -0,0 +1,24 @@
+import type { Metadata } from "next";
+import { SeoLanding } from "@/components/marketing/seo-landing";
+import { buildPageMetadata } from "@/lib/page-metadata";
+
+export const metadata: Metadata = buildPageMetadata({
+  path: "/migrate-from-xampp",
+  title: "Migrate from XAMPP",
+  description: "Move projects from XAMPP to DevStackBox on Windows - copy htdocs and import databases with the in-app wizard.",
+  ogImage: "/og/migrate-from-xampp.png",
+});
+
+export default function MigrateFromXamppPage() {
+  return (
+    <SeoLanding
+      title="Migrate from XAMPP to DevStackBox"
+      intro="Install DevStackBox, then use Import from XAMPP in the app to copy your htdocs folder. Export MySQL from phpMyAdmin in XAMPP and import into DevStackBox if you need existing databases."
+      bullets={[
+        "Default XAMPP path: C:\\xampp",
+        "Projects land in DevStackBox www folder",
+        "PHP 8.3 works immediately; add 8.4 or 8.5 from PHP Versions",
+      ]}
+    />
+  );
+}

app/page.tsx

@@ -8,7 +8,11 @@ import { FeatureGrid } from "@/components/home/feature-grid";
 import { FeatureShowcase } from "@/components/home/feature-showcase";
 import { HeroSection } from "@/components/home/hero-section";
 import { LatestReleaseSection } from "@/components/home/latest-release-section";
+import { ComparisonTable } from "@/components/home/comparison-table";
+import { NomadSection } from "@/components/home/nomad-section";
 import { OpenSourceStrip } from "@/components/home/open-source-strip";
+import { ScreenshotGallery } from "@/components/screenshot-gallery";
+import { StackVersionsSection } from "@/components/home/stack-versions-section";
 import { getLatestRelease, getRepoStats } from "@/lib/github";
 
 export const revalidate = 300;
@@ -23,11 +27,15 @@ export default async function HomePage() {
     <>
       <HeroSection release={release} />
       <OpenSourceStrip />
+      <StackVersionsSection />
       <FeatureGrid />
+      <ComparisonTable />
       <BuiltFor />
       <FeatureShowcase />
+      <ScreenshotGallery />
       <LatestReleaseSection release={release} />
       <DocsPreview />
+      <NomadSection />
       <CommunityCta stats={stats} />
       <BottomDownloadCta />
     </>

app/sitemap.ts

@@ -15,6 +15,10 @@ export default function sitemap(): MetadataRoute.Sitemap {
     "/security",
     "/license",
     "/whats-new",
+    "/xampp-alternative",
+    "/migrate-from-xampp",
+    "/vs/laragon",
+    "/vs/herd",
   ].map((path) => ({
     url: `${base}${path}`,
     lastModified: new Date(),

app/vs/herd/page.tsx

@@ -0,0 +1,25 @@
+import type { Metadata } from "next";
+import { SeoLanding } from "@/components/marketing/seo-landing";
+import { stackVersions } from "@/content/stack-versions";
+import { buildPageMetadata } from "@/lib/page-metadata";
+
+export const metadata: Metadata = buildPageMetadata({
+  path: "/vs/herd",
+  title: "DevStackBox vs Herd",
+  description: "DevStackBox is a free, open-source Windows PHP stack. Compare with Herd for local Laravel development.",
+  ogImage: "/og/vs-herd.png",
+});
+
+export default function VsHerdPage() {
+  return (
+    <SeoLanding
+      title="DevStackBox vs Herd"
+      intro="Herd targets macOS and Windows with a paid model. DevStackBox is MIT-licensed for Windows with PHP 8.3 out of the box and MySQL 8.4 LTS."
+      bullets={[
+        "No account required",
+        `PHP through ${stackVersions.php.latestSupportedBranch} via in-app download`,
+        "Full control of Apache and MySQL configs",
+      ]}
+    />
+  );
+}

app/vs/laragon/page.tsx

@@ -0,0 +1,25 @@
+import type { Metadata } from "next";
+import { SeoLanding } from "@/components/marketing/seo-landing";
+import { stackVersions } from "@/content/stack-versions";
+import { buildPageMetadata } from "@/lib/page-metadata";
+
+export const metadata: Metadata = buildPageMetadata({
+  path: "/vs/laragon",
+  title: "DevStackBox vs Laragon",
+  description: "Compare DevStackBox and Laragon - free MIT stack vs paid Pro features on Windows.",
+  ogImage: "/og/vs-laragon.png",
+});
+
+export default function VsLaragonPage() {
+  return (
+    <SeoLanding
+      title="DevStackBox vs Laragon"
+      intro="Laragon Pro adds paid features. DevStackBox is fully open source (MIT) with PHP 8.3 bundled and PHP up to 8.5 in the app."
+      bullets={[
+        `DevStackBox: PHP ${stackVersions.php.bundledLabel} + optional ${stackVersions.php.onDemandBranches.join(", ")}`,
+        "No subscription for unlimited local sites",
+        "Same Apache + MySQL + phpMyAdmin workflow you expect",
+      ]}
+    />
+  );
+}

app/xampp-alternative/page.tsx

@@ -0,0 +1,25 @@
+import type { Metadata } from "next";
+import { SeoLanding } from "@/components/marketing/seo-landing";
+import { stackVersions } from "@/content/stack-versions";
+import { buildPageMetadata } from "@/lib/page-metadata";
+
+export const metadata: Metadata = buildPageMetadata({
+  path: "/xampp-alternative",
+  title: "XAMPP alternative for Windows",
+  description: `DevStackBox is a free XAMPP alternative with PHP ${stackVersions.php.bundledLabel} bundled and PHP ${stackVersions.php.latestSupportedBranch} on demand.`,
+  ogImage: "/og/xampp-alternative.png",
+});
+
+export default function XamppAlternativePage() {
+  return (
+    <SeoLanding
+      title="XAMPP alternative for Windows"
+      intro={`XAMPP for Windows ships PHP ${stackVersions.xamppWindowsPhp}. DevStackBox installs PHP ${stackVersions.php.bundledLabel} and lets you add PHP ${stackVersions.php.latestSupportedBranch} without a second stack.`}
+      bullets={[
+        "One MIT-licensed desktop app for Apache, MySQL, phpMyAdmin, and PHP",
+        "Unlimited local sites - no paid tier",
+        "Offline-friendly after install",
+      ]}
+    />
+  );
+}

components/analytics.tsx

@@ -0,0 +1,15 @@
+import Script from "next/script";
+
+const domain = process.env.NEXT_PUBLIC_PLAUSIBLE_DOMAIN;
+
+export function Analytics() {
+  if (!domain) return null;
+  return (
+    <Script
+      defer
+      data-domain={domain}
+      src="https://plausible.io/js/script.js"
+      strategy="afterInteractive"
+    />
+  );
+}