Get inspired by API documentation built with Fern: Webflow | Cartesia | Cohere | ElevenLabs
- Node 18 or higher
- A GitHub account
- Knowledge of the command line
- Click on the Use this template button (found at the top right of this page). You must be logged into GitHub.
- Choose the option to create a new repository. Name it
fern-docs
. - Install the Fern Command Line Interface (CLI) by running:
npm install -g fern-api
Clone your newly created repository and open it in your favorite code editor (e.g., Cursor, VS Code).
The files and folders discussed in the following steps will be inside the fern/
folder in your repository.
You need to replace "plantstore"
with your own organization name in two files:
1. Update fern.config.json
:
Open the fern.config.json
file and change the organization name:
{
"organization": "your-company-name",
"version": "0.77.4"
}
Run the following command to ensure you are using the latest version of Fern:
fern upgrade
Replace plantstore
with your own organization's name. Use only alphanumeric characters, hyphens, and underscores. Do not use spaces and leave the rest of the URL (docs.buildwithfern.com
) unchanged.
It should now read:
instances:
- url: your-company-name.docs.buildwithfern.com
Run the following command:
fern generate --docs
You will be prompted to log in and connect your GitHub account.
Once the documentation is generated, you will receive the URL where your documentation is published. For example:
┌─
│ ✓ your-company-name.docs.buildwithfern.com
└─
Preview your documentation locally. Run fern docs dev
to access your docs on your local server at port 3000, hot-reloading as you edit your markdown and OpenAPI files. Learn more or watch a 10-second demo.
You must run fern generate --docs
after any modifications to re-generate and publish your documentation site.
To preview updates to your documentation before publishing changes, run fern generate --docs --preview
.
To use your own OpenAPI specification file or to update the existing one:
- Update or replace the OpenAPI specification file in the
openapi/
folder. - Note: Don't have an OpenAPI spec? Use Fern's simpler format to define your API. Learn more.
To modify the other docs pages:
- Update the Markdown files located in the
docs/pages/
folder, such aswelcome.mdx
.
To modify site styles and navigation, or to add new pages:
- See Writing Content.
To learn about Fern's built-in component library you can use within MDX files:
- See the Component Library.
If you wish to use a custom subdomain like https://docs.YOUR_ORGANIZATION.com
or a subpath like https://YOUR_ORGANIZATION.com/docs
, you can subscribe to the Starter plan. Once subscribed, update docs.yml
with the custom domain configuration:
- url: plantstore.docs.buildwithfern.com
custom-domain: plantstore.dev
For advanced documentation features and options, view the full project structure.
Good luck creating beautiful and functional documentation! 🌿
Need help? Set up a call with an expert or email us at support@buildwithfern.com.