You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: fern/products/docs/pages/getting-started/how-it-works.mdx
+90-90Lines changed: 90 additions & 90 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -8,77 +8,77 @@ Fern combines your API specifications, static Markdown files (like how-to guides
8
8
This process is built around two major workflows: **editing** and **deploying** your documentation.
9
9
10
10
<Accordiontitle="System architecture">
11
-
12
-
This diagram shows the technical infrastructure that powers the documentation generation process.
13
-
14
-
```mermaid
15
-
flowchart TD
16
-
%% Input sources at the top
17
-
subgraph inputs ["Input Sources"]
18
-
API["API Specs"]
19
-
DOCS["Docs.yml"]
20
-
MDX["MDX files"]
21
-
MEDIA["Media content"]
22
-
end
23
-
24
-
%% Generation process
25
-
GENERATE[["fern generate<br/>--docs"]]
26
-
27
-
%% AWS VPC section
28
-
subgraph vpc ["Fern AWS VPC"]
29
-
direction LR
30
-
MICROSERVICE["Fern Docs<br/>microservice"]
31
-
DATABASE[("Database")]
32
-
S3[("S3")]
33
-
end
34
-
35
-
%% External services
36
-
SERVICES["External Services<br/>(UpStash, Algolia, PostHog,<br/>TurboPuffer, AI Inference)"]
37
-
38
-
%% Vercel hosting
39
-
subgraph vercel ["Vercel"]
40
-
direction LR
41
-
STATIC["Static site"]
42
-
EXPLORER["API explorer"]
43
-
EDGE["Vercel Edge<br/>(Middleware)"]
44
-
end
45
-
46
-
%% External connections as hexagons
47
-
CLOUDFLARE{{"Cloudflare (CORS)"}}
48
-
WORKOS{{"WorkOS"}}
49
-
CUSTOMER{{"Customer API"}}
50
-
51
-
USER(("User"))
52
-
53
-
%% Vertical flow connections
54
-
API --> GENERATE
55
-
DOCS --> GENERATE
56
-
MDX --> GENERATE
57
-
MEDIA --> GENERATE
58
-
59
-
GENERATE --> MICROSERVICE
60
-
MICROSERVICE --> SERVICES
61
-
SERVICES <--> STATIC
62
-
63
-
STATIC --> CLOUDFLARE
64
-
EXPLORER <--> CLOUDFLARE
65
-
EDGE <--> WORKOS
66
-
67
-
CLOUDFLARE --> CUSTOMER
68
-
EDGE <--> USER
69
-
70
-
%% Internal connections
71
-
MICROSERVICE -.-> DATABASE
72
-
MICROSERVICE -.-> S3
73
-
```
11
+
This diagram shows the technical infrastructure that powers the documentation generation process.
12
+
13
+
```mermaid
14
+
flowchart TD
15
+
%% Input sources at the top
16
+
subgraph inputs ["Input Sources"]
17
+
API["API Specs"]
18
+
DOCS["Docs.yml"]
19
+
MDX["MDX files"]
20
+
MEDIA["Media content"]
21
+
end
22
+
23
+
%% Generation process
24
+
GENERATE[["fern generate<br/>--docs"]]
25
+
26
+
%% AWS VPC section
27
+
subgraph vpc ["Fern AWS VPC"]
28
+
direction LR
29
+
MICROSERVICE["Fern Docs<br/>microservice"]
30
+
DATABASE[("Database")]
31
+
S3[("S3")]
32
+
end
33
+
34
+
%% External services
35
+
SERVICES["External Services<br/>(UpStash, Algolia, PostHog,<br/>TurboPuffer, AI Inference)"]
36
+
37
+
%% Vercel hosting
38
+
subgraph vercel ["Vercel"]
39
+
direction LR
40
+
STATIC["Static site"]
41
+
EXPLORER["API explorer"]
42
+
EDGE["Vercel Edge<br/>(Middleware)"]
43
+
end
44
+
45
+
%% External connections as hexagons
46
+
CLOUDFLARE{{"Cloudflare (CORS)"}}
47
+
WORKOS{{"WorkOS"}}
48
+
CUSTOMER{{"Customer API"}}
49
+
50
+
USER(("User"))
51
+
52
+
%% Vertical flow connections
53
+
API --> GENERATE
54
+
DOCS --> GENERATE
55
+
MDX --> GENERATE
56
+
MEDIA --> GENERATE
57
+
58
+
GENERATE --> MICROSERVICE
59
+
MICROSERVICE --> SERVICES
60
+
SERVICES <--> STATIC
61
+
62
+
STATIC --> CLOUDFLARE
63
+
EXPLORER <--> CLOUDFLARE
64
+
EDGE <--> WORKOS
65
+
66
+
CLOUDFLARE --> CUSTOMER
67
+
EDGE <--> USER
68
+
69
+
%% Internal connections
70
+
MICROSERVICE -.-> DATABASE
71
+
MICROSERVICE -.-> S3
72
+
```
74
73
</Accordion>
75
74
75
+
76
76
## Content workflows
77
77
78
78
You can update your documentation in two ways:
79
79
80
-
-**Direct editing**: Open a pull request directly in the [GitHub repository that contains your docs](/learn/docs/getting-started/project-structure) (including your `docs.yml` configuration and Markdown files).
81
-
-**Fern Editor**: Use the [Fern Editor](/learn/docs/writing-content/fern-editor) to modify your docs without touching code. The Fern GitHub App fetches the current state from your docs repository and passes it to the Fern Editor. When you submit changes, the Fern GitHub App automatically opens a pull request for review.
80
+
-**Direct editing**: Open a pull request directly in the [GitHub repository that contains your docs](/learn/docs/getting-started/project-structure) (including your `docs.yml` configuration and Markdown files).
81
+
-**Fern Editor**: Use the [Fern Editor](/learn/docs/writing-content/fern-editor) to modify your docs without touching code. The Fern GitHub App fetches the current state from your docs repository and passes it to the Fern Editor. When you submit changes, the Fern GitHub App automatically opens a pull request for review.
82
82
83
83
After the update goes through your review process, an approver can merge it.
84
84
@@ -111,29 +111,29 @@ The deployed documentation site integrates with external systems like Cloudflare
111
111
</Steps>
112
112
113
113
<Accordiontitle="Editing and deployment workflows">
114
-
115
-
This diagram shows how content flows from editing to deployment.
Copy file name to clipboardExpand all lines: fern/products/docs/pages/getting-started/project-structure.mdx
+3-5Lines changed: 3 additions & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -166,11 +166,11 @@ title: Fern's Documentation
166
166
</AccordionGroup>
167
167
168
168
<Note>
169
-
If you're using Fern for both API Reference documentation and SDKs, you'll use both `docs.yml` (the Docs configuration file) and `generators.yml` ([the SDK configuration file](/sdks/overview/project-structure#generatorsyml)) to configure [how SDK code snippets appear](/docs/api-references/sdk-snippets) in your API reference documentation.
169
+
If you're using Fern for both API Reference documentation and SDKs, you'll use both `docs.yml` (the Docs configuration file) and `generators.yml` ([the SDK configuration file](/sdks/overview/project-structure#generatorsyml)) to configure [how SDK code snippets appear](/docs/api-references/sdk-snippets) in your API reference documentation.
170
170
171
171
If you're only using Fern for API Reference docs, not SDKs, your `generators.yml` should simply link to your spec:
172
172
173
-
```yaml title="generators.yml"
173
+
```yaml
174
174
api:
175
175
specs:
176
176
- openapi: ../openapi/openapi.json
@@ -189,6 +189,4 @@ The `fern.config.json` file specifies your organization name and the version of
0 commit comments