Redoc for Docusaurus.
-
Setup docusaurus project
-
Install redocusaurus:
yarn add redocusaurus
# OR
pnpm add redocusaurus
# OR
npm i --save redocusaurus
-
Add it as a preset to your docusaurus config along with @docusaurus/preset-classic and pass options:
// docusaurus.config.ts import type { Config } from '@docusaurus/types'; import type * as Preset from '@docusaurus/preset-classic'; import type * as Redocusaurus from 'redocusaurus'; const config: Config = { // ... presets: [ // .. Your other presets' config [ '@docusaurus/preset-classic', { googleAnalytics: { trackingID: 'XXXXXX', }, } satisfies Preset.Options, ] // Redocusaurus config [ 'redocusaurus', { // Plugin Options for loading OpenAPI files specs: [ // Pass it a path to a local OpenAPI YAML file { // Redocusaurus will automatically bundle your spec into a single file during the build spec: 'openapi/index.yaml', route: '/api/', }, // You can also pass it a OpenAPI spec URL { spec: 'https://redocly.github.io/redoc/openapi.yaml', route: '/openapi/', }, ], // Theme Options for modifying how redoc renders them theme: { // Change with your site colors primaryColor: '#1890ff', }, }, ] satisfies Redocusaurus.PresetEntry, ], // ... Rest of your config }; export default config;
The API Doc will be available at the route specified (/api/
in the example above). To customize it see full plugin options.
Pass it an array of plugin options, see docusaurus-plugin-redoc for individual option details.
Pass options to customize the theme, see docusaurus-theme-redoc for individual option details.