christ on a bike

.gitignore

@@ -32,4 +32,25 @@ yarn-error.log*
 /playwright-report/
 /playwright/.cache/
 
-/.npm-only-allow
+/.npm-only-allow
+# next-video
+videos/*
+!videos/*.json
+!videos/*.js
+!videos/*.ts
+public/_next-video
+
+# next-video
+videos/*
+!videos/*.json
+!videos/*.js
+!videos/*.ts
+public/_next-video
+
+# next-video
+videos/*
+!videos/*.json
+!videos/*.js
+!videos/*.ts
+public/_next-video
+ScoreConnectIAMUser_accessKeys.csv

app/api/video/route.ts

@@ -0,0 +1,2 @@
+// app/api/video/route.js
+export { GET } from 'next-video/request-handler';

components/Video/Video.tsx

@@ -0,0 +1,18 @@
+'use client';
+
+import MuxPlayer from '@mux/mux-player-react';
+
+type Params = {
+    playbackId: string;
+  };
+
+
+export default function Page({ params: { playbackId } }: { params: Params }) {
+    return (
+        <MuxPlayer
+          playbackId={playbackId}
+          poster="https://image.mux.com/{playbackId}/thumbnail.jpg?width=1920"
+          style={{ width: '100%', height: '100%' }}
+        />
+      );
+}

next.config.mjs

@@ -1,24 +1,30 @@
-import withBundleAnalyzer from "@next/bundle-analyzer"
-import withPlugins from "next-compose-plugins"
-import { env } from "./env.mjs"
+import withBundleAnalyzer from "@next/bundle-analyzer";
+import withPlugins from "next-compose-plugins";
+import { withNextVideo } from "next-video/process";
+import { env } from "./env.mjs";
 
 /**
  * @type {import('next').NextConfig}
  */
-const config = withPlugins([[withBundleAnalyzer({ enabled: env.ANALYZE })]], {
+const nextConfig = {
   reactStrictMode: true,
   experimental: { instrumentationHook: true },
-  rewrites() {
-    return [
-      { source: "/healthz", destination: "/api/health" },
-      { source: "/api/healthz", destination: "/api/health" },
-      { source: "/health", destination: "/api/health" },
-      { source: "/ping", destination: "/api/health" },
-    ]
-  },
   images: {
     domains: ["avatars.githubusercontent.com", "lh3.googleusercontent.com"],
   },
-})
+};
+
+const config = withPlugins([
+  [withBundleAnalyzer({ enabled: env.ANALYZE })],
+  [withNextVideo(nextConfig, {
+    provider: 'amazon-s3',
+    providerConfig: {
+      'amazon-s3': { 
+        endpoint: 'https://s3.us-east-2.amazonaws.com', 
+      },
+      bucket: 'next-videos-j8ndjk0vixy',
+    }
+  })]
+]);
 
-export default config
+export default config;