Skip to content

Commit 13e98d2

Browse files
Visual Editor: Update
1 parent bb53477 commit 13e98d2

File tree

3 files changed

+143
-122
lines changed

3 files changed

+143
-122
lines changed

fern/products/docs/pages/getting-started/overview.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -155,4 +155,4 @@ subtitle: A website builder for beautiful agent and developer-friendly docs.
155155
</div>
156156
</a>
157157
</CardGroup>
158-
</div>
158+
</div>

fern/products/docs/pages/getting-started/quickstart.mdx

Lines changed: 140 additions & 118 deletions
Original file line numberDiff line numberDiff line change
@@ -11,141 +11,144 @@ In this guide, we'll show you how to get started with Fern in under 5 minutes.
1111

1212
<Steps toc={true}>
1313
### Initialize your `fern` folder
14-
15-
All the configurations for your docs live in the `fern` folder. Inside, you'll
16-
find a `docs.yml` file that contains all the settings for your documentation.
14+
15+
All the configurations for your docs live in the `fern` folder. Inside, you'll
16+
find a `docs.yml` file that contains all the settings for your documentation.
1717

1818
<AccordionGroup toc={true}>
19-
<Accordion title='Clone the starter repository'>
20-
Get started by cloning the [starter template](https://github.com/fern-api/docs-starter).
19+
<Accordion title="Clone the starter repository">
20+
Get started by cloning the [starter template](https://github.com/fern-api/docs-starter).
2121

22-
<CodeBlocks>
23-
```bash title="SSH"
24-
git clone [email protected]:fern-api/docs-starter.git
25-
```
26-
```bash title="HTTPS"
27-
git clone https://github.com/fern-api/docs-starter.git
28-
```
29-
</CodeBlocks>
22+
<CodeBlocks>
23+
```bash title="SSH"
24+
git clone [email protected]:fern-api/docs-starter.git
25+
```
3026

31-
Next, please update the template settings to use your organization.
27+
```bash title="HTTPS"
28+
git clone https://github.com/fern-api/docs-starter.git
29+
```
30+
</CodeBlocks>
31+
32+
Next, please update the template settings to use your organization.
3233

33-
<Warning title="Edit template settings">
34-
Please edit the details `fern.config.json` and `docs.yml` with your organization
35-
name.
34+
<Warning title="Edit template settings">
35+
Please edit the details `fern.config.json` and `docs.yml` with your organization name.
3636

37-
<CodeBlocks>
38-
<CodeBlock title="fern.config.json">
39-
```json {2}
37+
<CodeBlocks>
38+
<CodeBlock title="fern.config.json">
39+
```json {2}
4040
{
4141
"organization": "{{YOUR_ORGANIZATION}}",
4242
"version": "0.x.x"
4343
}
4444
```
45-
</CodeBlock>
46-
<CodeBlock title="docs.yml">
47-
```yml {2}
45+
</CodeBlock>
46+
47+
<CodeBlock title="docs.yml">
48+
```yml {2}
4849
instances:
4950
- url: {{YOUR_ORGANIZATION}}.docs.buildwithfern.com
5051
```
51-
</CodeBlock>
52-
</CodeBlocks>
53-
</Warning>
54-
Finally, navigate to the docs directory (where the `fern` folder is located) and execute the following command to generate your documentation:
52+
</CodeBlock>
53+
</CodeBlocks>
54+
</Warning>
5555
56-
```bash
57-
fern generate --docs
58-
```
59-
</Accordion>
60-
<Accordion title='Use the Fern CLI'>
61-
If you prefer, you can use our CLI to create a new project. Install the CLI
62-
by running
56+
Finally, navigate to the docs directory (where the `fern` folder is located) and execute the following command to generate your documentation:
6357

64-
```bash
65-
npm install -g fern-api
66-
```
58+
```bash
59+
fern generate --docs
60+
```
61+
</Accordion>
6762

68-
Then run
63+
<Accordion title="Use the Fern CLI">
64+
If you prefer, you can use our CLI to create a new project. Install the CLI by running
6965

70-
```bash
71-
fern init --docs
72-
```
66+
```bash
67+
npm install -g fern-api
68+
```
7369

74-
You will see a new `fern` folder in your project with the following structure:
70+
Then run
7571

76-
```bash
77-
fern
78-
├─ docs.yml
79-
└─ fern.config.json
80-
```
81-
Finally, navigate to the docs directory (where the `fern` folder is located) and execute the following command to generate your documentation:
72+
```bash
73+
fern init --docs
74+
```
8275

83-
```bash
84-
fern generate --docs
85-
```
86-
</Accordion>
76+
You will see a new `fern` folder in your project with the following structure:
77+
78+
```bash
79+
fern
80+
├─ docs.yml
81+
└─ fern.config.json
82+
```
83+
84+
Finally, navigate to the docs directory (where the `fern` folder is located) and execute the following command to generate your documentation:
85+
86+
```bash
87+
fern generate --docs
88+
```
89+
</Accordion>
8790

8891
</AccordionGroup>
8992

9093
### Update your docs
9194

9295
<Note>
9396
We provide a white-glove migration service as part of our Enterprise plan. Interested? Request it
94-
[here](https://buildwithfern.com/contact).
97+
[here](https://buildwithfern.com/contact).
98+
9599
</Note>
96100

97101
<AccordionGroup toc={true}>
98-
<Accordion title='Add content' >
99-
Add content with MDX files.
100-
101-
```markdown
102-
---
103-
title: "Page Title"
104-
description: "Subtitle (optional)"
105-
---
106-
107-
Hello world!
108-
```
102+
<Accordion title="Add content">
103+
Add content with MDX files.
109104

110-
<Note title="Supported Syntax">
105+
```markdown
106+
---
107+
title: "Page Title"
108+
description: "Subtitle (optional)"
109+
---
110+
111+
Hello world!
112+
```
113+
114+
<Note title="Supported Syntax">
111115
Fern supports [GitHub flavored Markdown (GFM)](https://github.github.com/gfm/) within MDX files, no plugin required.
112-
</Note>
116+
</Note>
113117

114-
In order for the Markdown page to show up, you'll need to reference them from your `docs.yml` file. You
115-
can reference the Markdown page within a section or as a standalone page.
118+
In order for the Markdown page to show up, you'll need to reference them from your `docs.yml` file. You can reference the Markdown page within a section or as a standalone page.
116119

117-
```yml
118-
navigation:
119-
- page: Hello World
120-
path: docs/pages/hello-world.mdx
121-
- section: Overview
122-
contents:
123-
- page: QuickStart
124-
path: docs/pages/hello-world.mdx
125-
```
126-
</Accordion>
127-
<Accordion title='Add an API Reference' >
128-
Add an API Reference by adding an OpenAPI Specification to your project.
120+
```
121+
navigation:
122+
- page: Hello World
123+
path: docs/pages/hello-world.mdx
124+
- section: Overview
125+
contents:
126+
- page: QuickStart
127+
path: docs/pages/hello-world.mdx
128+
```
129+
</Accordion>
129130

130-
```bash
131-
fern init --openapi /path/to/openapi.yml
132-
```
131+
<Accordion title="Add an API Reference">
132+
Add an API Reference by adding an OpenAPI Specification to your project.
133133

134-
This will create an `openapi.yml` file in your project. You can reference this file in your
135-
`docs.yml` file by adding an api block.
134+
```bash
135+
fern init --openapi /path/to/openapi.yml
136+
```
136137

137-
```yml
138-
navigation:
139-
- api: "API Reference"
140-
```
141-
</Accordion>
142-
<Accordion title='Brand your docs'>
143-
All of the branding for your docs can be configured in the `docs.yml` file.
138+
This will create an `openapi.yml` file in your project. You can reference this file in your `docs.yml` file by adding an api block.
139+
140+
```
141+
navigation:
142+
- api: "API Reference"
143+
```
144+
</Accordion>
144145

145-
For example, to set the logos, colors, and fonts for your docs, you can
146-
add the following to your `docs.yml` file:
146+
<Accordion title="Brand your docs">
147+
All of the branding for your docs can be configured in the `docs.yml` file.
147148

148-
<CodeBlock title="docs.yml">
149+
For example, to set the logos, colors, and fonts for your docs, you can add the following to your `docs.yml` file:
150+
151+
<CodeBlock title="docs.yml">
149152
```yml
150153
colors:
151154
accent-primary:
@@ -160,44 +163,63 @@ In this guide, we'll show you how to get started with Fern in under 5 minutes.
160163

161164
favicon: docs/assets/favicon.svg
162165
```
163-
</CodeBlock>
164-
165-
</Accordion>
166+
</CodeBlock>
167+
</Accordion>
166168
167169
</AccordionGroup>
168-
170+
169171
### Preview your docs
172+
170173
<AccordionGroup toc={true}>
171-
<Accordion title='Preview your docs locally'>
174+
<Accordion title="Preview your docs locally">
172175
You can preview your docs locally for testing purposes by following the instructions [here](/docs/preview-publish/previewing-changes-locally).
176+
173177
</Accordion>
174-
<Accordion title='Preview your docs in a PR'>
178+
179+
<Accordion title="Preview your docs in a PR">
175180
`PR previews` offer a way to preview changes from pull requests (PRs) before merging code to a production branch. Learn more [here](/docs/preview-publish/previewing-changes-in-a-pr).
181+
182+
</Accordion>
183+
184+
<Accordion title="New section">
185+
- Item one
186+
187+
- Item two
188+
189+
- Item three
190+
191+
```javascript
192+
function test() {
193+
console.log("HELLO WORLD");
194+
}
195+
```
176196
</Accordion>
177197
</AccordionGroup>
178-
198+
179199
### Publish to production
180200

181201
<AccordionGroup toc={true}>
182-
<Accordion title='Publishing your docs'>
183-
When you are ready for your docs to be publicly accessible, you can publish them using the Fern CLI.
202+
<Accordion title="Publishing your docs">
203+
When you are ready for your docs to be publicly accessible, you can publish them using the Fern CLI.
184204

185-
[Read more.](/learn/docs/preview-publish/publishing-your-docs)
186-
</Accordion>
187-
<Accordion title='Host on a custom domain'>
188-
Fern supports hosting your docs website on a custom domain or on a
189-
custom subpath (e.g. `https://example.com/docs`).
205+
[Read more.](/learn/docs/preview-publish/publishing-your-docs)
206+
</Accordion>
190207

191-
Please reach out to the Fern team at [email protected] to configure this.
192-
</Accordion>
193-
<Accordion title='Configure analytics'>
194-
Fern supports integrations with a variety of providers such as PostHog, Segment, Intercom,
195-
Google Tag Manager, etc.
196-
Find out more on this [page](/learn/docs/integrations/overview).
197-
</Accordion>
208+
<Accordion title="Host on a custom domain">
209+
Fern supports hosting your docs website on a custom domain or on a
210+
custom subpath (e.g. `https://example.com/docs`).
198211

199-
</AccordionGroup>
212+
Please reach out to the Fern team at [email protected] to configure this.
213+
</Accordion>
200214

215+
<Accordion title="Configure analytics">
216+
Fern supports integrations with a variety of providers such as PostHog, Segment, Intercom,
217+
Google Tag Manager, etc.
218+
Find out more on this [page](/learn/docs/integrations/overview).
219+
</Accordion>
220+
221+
</AccordionGroup>
201222
</Steps>
202223

203-
[View examples of documentation websites](https://buildwithfern.com/customers) that have been published using Fern.
224+
225+
[View examples of documentation websites](https://buildwithfern.com/customers) that have been published using Fern.

fern/products/home/pages/welcome.mdx

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,11 @@
11
---
22
title: Build with Fern
3-
description: Explore our guides for how to generate SDKs and Docs with Fern.
43
slug: /
4+
description: Explore our guides for how to generate SDKs and Docs with Fern.
55
hide-toc: true
66
layout: custom
77
---
88

9-
109
import { FernFooter } from "../../../components/FernFooter";
1110

1211
<div className="lp-page-container">
@@ -389,4 +388,4 @@ import { FernFooter } from "../../../components/FernFooter";
389388
</div>
390389

391390
</div>
392-
</div>
391+
</div>

0 commit comments

Comments
 (0)