Render HTML in Edge Functions #31238

trademagnetapps · 2024-12-19T04:35:04Z

trademagnetapps
Dec 19, 2024

Has anyone been able to succesfully render HTML using Edge Functions? I keep getting raw HTML

`import { serve } from "https://deno.land/[email protected]/http/server.ts";
import { corsHeaders } from "../_shared/cors.ts";

serve((req: Request) => {
// Handle CORS preflight requests
if (req.method === "OPTIONS") {
return new Response("ok", { headers: corsHeaders });
}

try {
const html = <!DOCTYPE html> <html> <head> <title>Installation Page</title> <style> body { font-family: Arial, sans-serif; max-width: 800px; margin: 0 auto; padding: 20px; } </style> </head> <body> <h1>Installation Page</h1> <p>Welcome to the installation page. The current time is: ${new Date().toISOString()}</p> </body> </html>;

return new Response(html, {
  headers: { ...corsHeaders, "Content-Type": "text/html" },
  status: 200,
});

} catch (error) {
return new Response(<html><body><h1>Error</h1><p>${error instanceof Error ? error.message : 'An unknown error occurred'}</p></body></html>, {
headers: { ...corsHeaders, "Content-Type": "text/html" },
status: 500,
});
}
});
`