Getting started
Migrating from Docus#
Migrating can be a long journey, this guide aims to create a clear set of steps to move to Guider.
Compatability table#
| Feature | Docus | Guider |
|---|---|---|
| Markdown based pages | ✓ | ✓ |
| Search bar | ✓ | 𐄂 |
| Dark mode | ✓ | ✓ |
| Light mode | ✓ | 𐄂 |
| SEO & custom meta tags | ✓ | ✓ |
| Redirects | ✓ | ✓ |
| Layouts | ✓ | ✓ |
| Component: Alert | ✓ | ✓ (called callouts) |
| Component: Badge | ✓ | 𐄂 |
| Component: BlockHero | ✓ | ✓ (Looks different) |
| Component: ButtonLink | ✓ | ✓ (called Button) |
| Component: Callouts | ✓ | 𐄂 (despite similar name, not supported) |
| Component: Card | ✓ | ✓ (part of the landing page) |
| Component: CardGrid | ✓ | ✓ (part of the landing page) |
| Component: CodeGroup | ✓ | ✓ |
| Component: CodeBlock | ✓ | ✓ (called Frame) |
| Component: CopyButton | ✓ | 𐄂 |
| Component: Icon | ✓ | 𐄂 |
| Component: List | ✓ | 𐄂 |
| Component: Sandbox | ✓ | 𐄂 |
| Component: Terminal | ✓ | 𐄂 |
| Component: VideoPlayer | ✓ | 𐄂 |
Migration steps#
- Make a guider project: Make a new guider project by following this guide.
- Copy your markdown files over: Copy over all Markdown files into the pages directory of the new project.
- Remove the numbers prefixed on front of your files and folders. The order is now in the theme config.
- Replace the component directives with MDX React components.
- Update frontmatter to set the layout ID instead of modifying the layout settings directly. See this page.
- Replace title in the frontmatter to a link in the theme config.
- Migrate _dir.yml files: dir files don't exist in Guider. Check these steps:
- title goes in a
group()in the theme config. - replace
navigation.redirectwith acreateRedirect()in a index.tsx - title template can be set globally, not a per directory basis.
- title goes in a
- Migrate app.config.ts: The settings in Guider go into the theme config, along with your sidebar contents.
- Migrate vue components to react: Guider is based in react, so to have custom components work you will need to port them.
- Finished: That should be everything to migrate to Guider, congratulations!