|
1 |
| -# Mintlify Starter Kit |
| 1 | +## Initial setup |
2 | 2 |
|
3 |
| -Click on `Use this template` to copy the Mintlify starter kit. The starter kit contains examples including |
| 3 | +1. Install Node.js. |
| 4 | +2. Clone this repo. |
| 5 | +3. Go to the root folder in your terminal, and run the following to install Node dependencies: |
4 | 6 |
|
5 |
| -- Guide pages |
6 |
| -- Navigation |
7 |
| -- Customizations |
8 |
| -- API Reference pages |
9 |
| -- Use of popular components |
| 7 | + ``` |
| 8 | + npm i |
| 9 | + ``` |
10 | 10 |
|
11 |
| -### Development |
| 11 | +4. Install the following VS Code extensions: |
| 12 | + - [Vale VSCode](https://marketplace.visualstudio.com/items?itemName=ChrisChinchilla.vale-vscode) |
| 13 | + - [MDX](https://marketplace.visualstudio.com/items?itemName=unifiedjs.vscode-mdx) |
| 14 | + - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) |
12 | 15 |
|
13 |
| -Install the [Mintlify CLI](https://www.npmjs.com/package/mintlify) to preview the documentation changes locally. To install, use the following command |
| 16 | +## Build locally |
| 17 | +
|
| 18 | +Run the following in your terminal to build the documentation locally: |
14 | 19 |
|
15 | 20 | ```
|
16 |
| -npm i -g mintlify |
| 21 | +npm run mintlify dev |
17 | 22 | ```
|
18 | 23 |
|
19 |
| -Run the following command at the root of your documentation (where mint.json is) |
| 24 | +## Check for broken links |
| 25 | +
|
| 26 | +Run the following in your terminal to check for broken links: |
20 | 27 |
|
21 | 28 | ```
|
22 |
| -mintlify dev |
| 29 | +npm run mintlify broken-links |
23 | 30 | ```
|
24 | 31 |
|
25 |
| -### Publishing Changes |
| 32 | +## Check style |
26 | 33 |
|
27 |
| -Install our Github App to autopropagate changes from youre repo to your deployment. Changes will be deployed to production automatically after pushing to the default branch. Find the link to install on your dashboard. |
| 34 | +Run the following in your terminal to check the style of a file: |
28 | 35 |
|
29 |
| -#### Troubleshooting |
| 36 | +``` |
| 37 | +npm run vale example.mdx |
| 38 | +``` |
30 | 39 |
|
31 |
| -- Mintlify dev isn't running - Run `mintlify install` it'll re-install dependencies. |
32 |
| -- Page loads as a 404 - Make sure you are running in a folder with `mint.json` |
| 40 | +Run the following in your terminal to check the style of all files in the current folder and its subfolders: |
33 | 41 |
|
34 |
| -npm i # install deps |
35 |
| -npm run mintlify dev # build mintlify locally |
36 |
| -npm run vale sync # sync packages defined in .vale.ini |
37 |
| -npm run vale . # check all included files in subfolders |
| 42 | +``` |
| 43 | +npm run vale . |
| 44 | +``` |
38 | 45 |
|
39 |
| -Vale VSCode |
40 |
| -https://marketplace.visualstudio.com/items?itemName=ChrisChinchilla.vale-vscode |
| 46 | +## Update Vale |
41 | 47 |
|
42 |
| -MDX |
43 |
| -https://marketplace.visualstudio.com/items?itemName=unifiedjs.vscode-mdx |
| 48 | +Run the following in your terminal to sync the style packages defined in `.vale.ini`. Only do this if the packages are outdated or broken. |
44 | 49 |
|
45 |
| -Code Spell Checker |
46 |
| -https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker |
| 50 | +``` |
| 51 | +npm run vale sync |
| 52 | +``` |
47 | 53 |
|
48 |
| -- Images with a unknown size use `` syntax |
49 |
| -- Images with a specific size like icons use `<Image width={32} height={32}> syntax` |
| 54 | +## Troubleshoot Mintlify |
| 55 | +
|
| 56 | +- Mintlify dev isn't running - Run `mintlify install` it'll re-install dependencies. |
| 57 | +- Page loads as a 404 - Make sure you are running in a folder with `mint.json` |
0 commit comments