🎥 YouTube Search

\n \n

\n {videos.map((video, index) => (\n

{video.title}

{video.description}

\n \n Watch on YouTube\n \n

\n ))}\n

\n \n View Source\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n const url = new URL(request.url);\n\n if (url.pathname === '/search') {\n const query = url.searchParams.get('q') || '';\n \n // Using YouTube Data API via RapidAPI (free tier)\n const apiKey = 'AIzaSyClRzDqDh5MsXwnCWi0kOiiBivP6JsSyBw'; // Public browser key\n const response = await fetch(`https://youtube.googleapis.com/youtube/v3/search?part=snippet&maxResults=10&q=${encodeURIComponent(query)}&key=${apiKey}`, {\n headers: {\n 'Accept': 'application/json'\n }\n });\n\n const data = await response.json();\n const videos = data.items.map(item => ({\n title: item.snippet.title,\n description: item.snippet.description,\n videoId: item.id.videoId\n }));\n\n return new Response(JSON.stringify(videos), {\n headers: { 'Content-Type': 'application/json' }\n });\n }\n\n return new Response(`\n \n \n YouTube Search\n \n \n \n

\n \n \n \n \n `, {\n headers: { 'Content-Type': 'text/html' }\n });\n}","deleted","label",[98],"permalink","https://www.val.town/x/Pruthvi123/youtubeSearchApp/code/main.tsx","extension","actionData","errors"]