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: _posts/articles/2021-02-14-setting-up-techdocs-on-backstage.md
+12-10Lines changed: 12 additions & 10 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -12,7 +12,7 @@ image:
12
12
comments: false
13
13
share: true
14
14
---
15
-
TechDocs is Spotify’s homegrown docs-like-code solution built directly into Backstage. [Backstage](https://github.com/backstage/backstage) gives teams one front-end view for all their infrastructure tools, like Google Cloud Platform, Cloud Bigtable, CI pipelines, TensorFlow Extended, and others, all in a consistent, easy-to-use interface, or portal. It's open source software released by Spotify.
15
+
TechDocs is Spotify’s homegrown docs-like-code solution built directly into Backstage. [Backstage](https://github.com/backstage/backstage) gives teams one front-end view for all their infrastructure tools, like Google Cloud Platform, Cloud Bigtable, CI pipelines, TensorFlow Extended, and others, all in a consistent, easy-to-use interface, or portal. It's open source software released by Spotify.
16
16
17
17
With TechDocs built into Backstage, all the engineers write their documentation in Markdown files which live together with their code. In this post we will walk you through how to setup Backstage and Techdocs.
18
18
@@ -22,7 +22,7 @@ With TechDocs built into Backstage, all the engineers write their documentation
22
22
- Basic concepts and structure of Backstage and TechDocs
23
23
- Install Backstage
24
24
- Setup TechDocs
25
-
- Create and publish documentation
25
+
- Create and publish documentation
26
26
- Publish to cloud storage (example)
27
27
- Recap and summary
28
28
@@ -41,7 +41,7 @@ The main features you get out of the box are:
41
41
42
42
These features allow you to create standards and best practices across teams. It increases the speed of development. It creates a good developer experience for everyone who uses it. You centralise all your tools and information in one place.
43
43
44
-
In this post I will take you through the basic concepts and structure of Backstage and TechDocs, an installation of Backstage including the setup of TechDocs, creating and publishing documentation, all on a local machine on MacOS.
44
+
In this post I will take you through the basic concepts and structure of Backstage and TechDocs, an installation of Backstage including the setup of TechDocs, creating and publishing documentation, all on a local machine on MacOS.
45
45
46
46
## Basics concepts and structures of backstage and TechDocs
47
47
@@ -60,7 +60,7 @@ You can see the source code for TechDocs [here](https://github.com/backstage/mkd
60
60
61
61
The other moving parts are:
62
62
63
-
- The TechDocs container which can be found on Docker-hub, which builds static content through MKDocs.
63
+
- The TechDocs container which can be found on DockerHub at https://hub.docker.com/r/spotify/techdocs, which builds static content through MKDocs.
64
64
- The Techdocs backend plugin which is the backend part of the TechDocs plugin.
65
65
- The Techdocs CLI, a handy command line tool for managing TechDocs sites in Backstage.
66
66
- The Techdocs reader, it fetches remotes pages, runs "transforms" against them, and renders them in a shadow DOM.
@@ -94,7 +94,7 @@ If you already have Backstage installed, then you skip this "create-app" step. F
94
94
npx @backstage/create-app
95
95
```
96
96
97
-
This will take a few minutes.
97
+
This will take a few minutes.
98
98
99
99
You are asked some questions on setup. The recommendation for this local tutorial is to go with SQLLite by using the down arrow when prompted.
100
100
@@ -118,7 +118,7 @@ yarn workspace backend start
118
118
119
119

120
120
121
-
Open a new terminal window and change directories to the `infraportal` where you created the app.
121
+
Open a new terminal window and change directories to the `infraportal` where you created the app.
122
122
```
123
123
cd ~/src/backstage/infraportal
124
124
```
@@ -192,10 +192,12 @@ You now have TechDocs up and running on your machine. Well done. If you want to
The recommended setup is to place the output on to cloud storage such as S3, and not on the local machine, so let's look at that next.
196
-
197
195
## Publish to cloud storage
198
196
197
+
The recommended setup is to place the output on to cloud storage such as S3, and not on the local machine, so let's look at that.
198
+
199
+
> Note: This section is just an overview, and not a full tutorial, because there are a lot of prerequisites for setting up cloud storage. If you're interested, read the AWS S3 documentation about [Creating a bucket](https://docs.aws.amazon.com/AmazonS3/latest/userguide/create-bucket-overview.html) and the [Buckets overview](https://docs.aws.amazon.com/AmazonS3/latest/userguide/UsingBucket.html).
200
+
199
201

200
202
201
203
When you startup Backstage you should see this message in the logs to confirm you are using cloud storage:
@@ -208,8 +210,8 @@ You will also see the content in the S3 bucket.
208
210
209
211
## Recap and summary
210
212
211
-
In summary, we went through an introduction on Backstage, TechDocs, and how to publish TechDocs locally and to cloud storage via S3. If you want to learn more about Backstage I would recommend visiting [https://backstage.io](https://backstage.io) or if you want to learn more about TechDocs then [https://backstage.io/docs/features/TechDocs/TechDocs-overview](https://backstage.io/docs/features/TechDocs/TechDocs-overview) offers a great overview.
213
+
In summary, we went through an introduction on Backstage, TechDocs, and how to publish TechDocs locally and to cloud storage via S3. If you want to learn more about Backstage I would recommend visiting [https://backstage.io](https://backstage.io) or if you want to learn more about TechDocs then [https://backstage.io/docs/features/TechDocs/TechDocs-overview](https://backstage.io/docs/features/TechDocs/TechDocs-overview) offers a great overview.
212
214
213
215
You can also read about the gains the team at Spotify has seen since using TechDocs for all their documentation in [Ten tips for maintaining a long-term relationship with docs like code](https://www.docslikecode.com/articles/ten-tips-maintaining-long-term-docs-like-code/).
214
216
215
-
If you like the idea of Backstage but don't want the inconvenience of managing Backstage yourself, then check out [https://roadie.io](https://roadie.io). Thanks for taking a look at this tutorial and happy documenting!
217
+
If you like the idea of Backstage but don't want the inconvenience of managing Backstage yourself, then check out [https://roadie.io](https://roadie.io). Thanks for taking a look at this tutorial and happy documenting!
0 commit comments