next-openapi-gen/dist/components/swagger.js

Automatically generate OpenAPI 3.0 documentation from Next.js projects, with support for Zod schemas and TypeScript types.

export const swaggerDeps = ["swagger-ui", "swagger-ui-react"];
export function SwaggerUI(outputFile) {
    return `
import "swagger-ui-react/swagger-ui.css";

import dynamic from "next/dynamic";

const SwaggerUI = dynamic(() => import("swagger-ui-react"), {
  ssr: false,
  loading: () => <p>Loading Component...</p>,
});

export default async function ApiDocsPage() {
  return (
    <section>
      <SwaggerUI url="/${outputFile}" />
    </section>
  );
}
`;
}