<code>"use client";
import { useSearchParams } from "next/navigation";
function VideoCreado() {
const searchParmas = useSearchParams();
const link = searchParmas.get("link");
return (
<div className="bg-gray-900 text-gray-100 min-h-screen flex flex-col items-center justify-center">
<h1 className="text-3xl font-bold mb-4">video created!</h1>
<p className="text-lg">transcript:</p>
<p>{link}</p>
</div>
);
}
export default VideoCreado;
</code>
<code>"use client";
import { useSearchParams } from "next/navigation";
function VideoCreado() {
const searchParmas = useSearchParams();
const link = searchParmas.get("link");
return (
<div className="bg-gray-900 text-gray-100 min-h-screen flex flex-col items-center justify-center">
<h1 className="text-3xl font-bold mb-4">video created!</h1>
<p className="text-lg">transcript:</p>
<p>{link}</p>
</div>
);
}
export default VideoCreado;
</code>
"use client";
import { useSearchParams } from "next/navigation";
function VideoCreado() {
const searchParmas = useSearchParams();
const link = searchParmas.get("link");
return (
<div className="bg-gray-900 text-gray-100 min-h-screen flex flex-col items-center justify-center">
<h1 className="text-3xl font-bold mb-4">video created!</h1>
<p className="text-lg">transcript:</p>
<p>{link}</p>
</div>
);
}
export default VideoCreado;
how can I use youtube API in next.js such that I can fetch the transcription of the youtube video with link = {link}?