Skip to content

Commit 6121cb4

Browse files
committed
S3 link additions and edits
1 parent 2072733 commit 6121cb4

1 file changed

Lines changed: 12 additions & 10 deletions

File tree

_posts/articles/2021-02-14-setting-up-techdocs-on-backstage.md

Lines changed: 12 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ image:
1212
comments: false
1313
share: true
1414
---
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.
1616

1717
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.
1818

@@ -22,7 +22,7 @@ With TechDocs built into Backstage, all the engineers write their documentation
2222
- Basic concepts and structure of Backstage and TechDocs
2323
- Install Backstage
2424
- Setup TechDocs
25-
- Create and publish documentation
25+
- Create and publish documentation
2626
- Publish to cloud storage (example)
2727
- Recap and summary
2828

@@ -41,7 +41,7 @@ The main features you get out of the box are:
4141

4242
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.
4343

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.
4545

4646
## Basics concepts and structures of backstage and TechDocs
4747

@@ -60,7 +60,7 @@ You can see the source code for TechDocs [here](https://github.com/backstage/mkd
6060

6161
The other moving parts are:
6262

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.
6464
- The Techdocs backend plugin which is the backend part of the TechDocs plugin.
6565
- The Techdocs CLI, a handy command line tool for managing TechDocs sites in Backstage.
6666
- 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
9494
npx @backstage/create-app
9595
```
9696

97-
This will take a few minutes.
97+
This will take a few minutes.
9898

9999
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.
100100

@@ -118,7 +118,7 @@ yarn workspace backend start
118118

119119
![yarn workspace](/images/techdocs/02.png)
120120

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.
122122
```
123123
cd ~/src/backstage/infraportal
124124
```
@@ -192,10 +192,12 @@ You now have TechDocs up and running on your machine. Well done. If you want to
192192
backstage/node_modules/@backstage/plugin-TechDocs-backend/static/docs/default/Component/
193193
```
194194

195-
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-
197195
## Publish to cloud storage
198196

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+
199201
![cloud](/images/techdocs/14.png)
200202

201203
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.
208210

209211
## Recap and summary
210212

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.
212214

213215
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/).
214216

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

Comments
 (0)