2021-11-23 08:07:56 +03:00
---
title: Redoc quickstart guide
---
# Redoc quickstart guide
To render your OpenAPI definition using Redoc, use the following HTML code sample and
replace the `spec-url` attribute with the URL or local file address to your definition.
```html
<!DOCTYPE html>
< html >
< head >
< title > Redoc< / title >
<!-- needed for adaptive design -->
2021-11-24 17:47:24 +03:00
< meta charset = "utf-8" / >
< meta name = "viewport" content = "width=device-width, initial-scale=1" / >
< link
href="https://fonts.googleapis.com/css?family=Montserrat:300,400,700|Roboto:300,400,700"
rel="stylesheet"
/>
2021-11-23 08:07:56 +03:00
<!--
Redoc doesn't change outer page styles
-->
< style >
body {
margin: 0;
padding: 0;
}
< / style >
< / head >
< body >
2021-11-24 17:47:24 +03:00
<!--
2021-11-23 08:07:56 +03:00
Redoc element with link to your OpenAPI definition
-->
2021-11-24 17:47:24 +03:00
< redoc spec-url = "http://petstore.swagger.io/v2/swagger.json" > < / redoc >
2021-11-23 08:07:56 +03:00
<!--
Link to Redoc JavaScript on CDN for rendering standalone element
-->
2021-11-24 17:47:24 +03:00
< script src = "https://cdn.jsdelivr.net/npm/redoc@latest/bundles/redoc.standalone.js" > < / script >
2021-11-23 08:07:56 +03:00
< / body >
< / html >
```
:::attention Running Redoc locally requires an HTTP server
Loading local OpenAPI definitions is impossible without running a web server because of issues with
[same-origin policy ](https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy ) and
2021-11-23 17:47:32 +03:00
other security reasons. Refer to [Running Redoc locally ](./deployment/intro.md#running-redoc-locally ) for
2021-11-23 08:07:56 +03:00
more information.
:::
2021-11-23 17:47:32 +03:00
For a more detailed explanation with step-by-step instructions and additional options for using Redoc, refer to the [Redoc deployment guide ](./deployment/intro.md ).
