Migrate to OpenNext

Author: laubonghaudoi

.dev.vars

@@ -0,0 +1 @@
+NEXTJS_ENV=development

.gitignore

@@ -44,3 +44,6 @@ next-env.d.ts
 /public/sw.js
 /public/workbox-*.js
 /public/fallback-*.js
+
+.open-next
+.wrangler

app/[locale]/page.tsx

@@ -45,8 +45,6 @@ import type {
   VideoPlayerProps,
 } from "@/components/video-player";
 
-export const runtime = "edge";
-
 const VideoPlayer = dynamic<VideoPlayerProps>(
   () => import("@/components/video-player"),
   {

app/robots.ts

@@ -1,7 +1,5 @@
 import type { MetadataRoute } from "next";
 
-export const runtime = "edge";
-
 export default function robots(): MetadataRoute.Robots {
   return {
     rules: {

app/sitemap.ts

@@ -1,8 +1,6 @@
 import type { MetadataRoute } from "next";
 import { locales, localeConfig } from "@/lib/locales";
 
-export const runtime = "edge";
-
 export default function sitemap(): MetadataRoute.Sitemap {
   const baseUrl = "https://subtitle-editor.org";
 

next.config.ts

@@ -1,7 +1,8 @@
+import type { NextConfig } from "next";
+import { initOpenNextCloudflareForDev } from "@opennextjs/cloudflare";
 import createNextIntlPlugin from "next-intl/plugin";
 import runtimeCaching from "next-pwa/cache";
 import withPWAInit from "next-pwa";
-import type { NextConfig } from "next";
 
 const withNextIntl = createNextIntlPlugin();
 const withPWA = withPWAInit({
@@ -22,4 +23,9 @@ const nextConfig: NextConfig = {
   reactCompiler: true,
 };
 
+if (process.env.NODE_ENV === "development") {
+  // Allow `next dev` to expose local Cloudflare bindings (KV/R2/etc.)
+  initOpenNextCloudflareForDev();
+}
+
 export default withPWA(withNextIntl(nextConfig));

open-next.config.ts

@@ -0,0 +1,6 @@
+import { defineCloudflareConfig } from "@opennextjs/cloudflare";
+import r2IncrementalCache from "@opennextjs/cloudflare/overrides/incremental-cache/r2-incremental-cache";
+
+export default defineCloudflareConfig({
+  incrementalCache: r2IncrementalCache,
+});