diff --git a/.github/workflows/distribute-resources-deploy.yml b/.github/workflows/distribute-resources-deploy.yml
index bbbe5a9..4d5ebba 100644
--- a/.github/workflows/distribute-resources-deploy.yml
+++ b/.github/workflows/distribute-resources-deploy.yml
@@ -37,12 +37,15 @@ jobs:
     - name: Push changes
       run: git push
 
-    - name: Build project
+    - name: Build project (Next.js)
       run: npm run build
 
+    - name: Generate Cloudflare Pages artifacts (Next on Pages)
+      run: npx --yes @cloudflare/next-on-pages@latest
+
     - name: Publish to Cloudflare Pages
       uses: cloudflare/wrangler-action@v3
       with:
         apiToken: ${{ secrets.CF_PAGES_TOKEN }}
         command: |
-          pages deploy ./app --project-name="developer-playbook"
+          pages deploy ./.vercel/output/static --project-name="developer-playbook"
diff --git a/README.md b/README.md
index e12db81..7aefe2c 100644
--- a/README.md
+++ b/README.md
@@ -49,4 +49,4 @@ category: "Guides"
 
 # Powered by
 
-[![Powered by Vercel](https://www.datocms-assets.com/31049/1618983297-powered-by-vercel.svg "Powered by Vercel")](https://vercel.com/?utm_source=dev-playbook&utm_campaign=oss)
+Cloudflare Pages
diff --git a/app/layout.tsx b/app/layout.tsx
index f5779ae..b84d0dd 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -4,6 +4,7 @@ import './globals.css'
 import Link from 'next/link'
 import { Github } from 'lucide-react'
 import Image from 'next/image'
+import neonLogo from '@/public/NeonEVM Logo Pink.png'
 
 const inter = localFont({
   src: [
@@ -85,7 +86,7 @@ export default function RootLayout({
                 <Link href="https://neonevm.org" className="flex items-center">
                   {/* Neon EVM Logo */}
                   <Image
-                    src="/NeonEVM Logo Pink.png"
+                    src={neonLogo}
                     alt="Neon EVM Logo"
                     width={160}
                     height={60}
diff --git a/next.config.js b/next.config.js
index d52cfad..926da33 100644
--- a/next.config.js
+++ b/next.config.js
@@ -5,6 +5,7 @@ const nextConfig = {
   },
   images: {
     domains: ['images.unsplash.com', 'github.com'],
+    unoptimized: true,
   },
 }
 
diff --git a/vercel.json b/vercel.json
deleted file mode 100644
index 277687f..0000000
--- a/vercel.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "buildCommand": "npm run build",
-  "outputDirectory": ".next",
-  "framework": "nextjs",
-  "installCommand": "npm install"
-} 
\ No newline at end of file