Documentation edits made through Mintlify web editor

Author: mintlifydavid

quickstart.mdx

@@ -9,10 +9,14 @@ This quickstart guide shows you how to set up and deploy your documentation site
 After completing this guide, you will have a live documentation site ready to customize and expand.
 
 <Info>
+  **Prerequisites**: Before you begin, [create an account](https://mintlify.com/start) and complete onboarding.
+</Info>
 
-**Prerequisites**: Before you begin, [create an account](https://mintlify.com/start) and complete onboarding.
+this is just to show jack how this works
 
-</Info>
+<Card title="New Card" icon="sparkles">
+  
+</Card>
 
 ## Getting started
 
@@ -25,8 +29,17 @@ https://<your-project-name>.mintlify.app
 Find your URL on the Overview page of your [dashboard](https://dashboard.mintlify.com/).
 
 <Frame>
-  <img src="/images/quickstart/mintlify-domain-light.png" alt="Mintlify Domain" className="block dark:hidden" />
-  <img src="/images/quickstart/mintlify-domain-dark.png" alt="Mintlify Domain" className="hidden dark:block" />
+  <img
+    src="/images/quickstart/mintlify-domain-light.png"
+    alt="Mintlify Domain"
+    className="block dark:hidden"
+  />
+
+  <img
+    src="/images/quickstart/mintlify-domain-dark.png"
+    alt="Mintlify Domain"
+    className="hidden dark:block"
+  />
 </Frame>
 
 Your site's URL is available immediately. Use this URL for testing and sharing with your team while you are setting up your docs site.
@@ -44,8 +57,17 @@ Install the GitHub App by following the instructions from the onboarding checkli
 5. Select the repositories that you want to connect.
 
 <Frame>
-  <img src="/images/quickstart/github-app-installation-light.png" alt="GitHub App Installation" className="block dark:hidden" />
-  <img src="/images/quickstart/github-app-installation-dark.png" alt="GitHub App Installation" className="hidden dark:block" />
+  <img
+    src="/images/quickstart/github-app-installation-light.png"
+    alt="GitHub App Installation"
+    className="block dark:hidden"
+  />
+
+  <img
+    src="/images/quickstart/github-app-installation-dark.png"
+    alt="GitHub App Installation"
+    className="hidden dark:block"
+  />
 </Frame>
 
 <Info>
@@ -83,13 +105,16 @@ The code-based workflow integrates with your existing development environment an
 To work locally with your documentation, install the Command Line Interface (CLI), called [mint](https://www.npmjs.com/package/mint), by running this command in your terminal:
 
 <CodeGroup>
-  ```bash npm
-  npm i -g mint
-  ```
 
-  ```bash pnpm
-  pnpm add -g mint
-  ```
+```bash npm
+npm i -g mint
+```
+
+
+```bash pnpm
+pnpm add -g mint
+```
+
 </CodeGroup>
 
 <Info>
@@ -130,8 +155,17 @@ mint dev
 Your preview will be available at `localhost:3000`.
 
 <Frame>
-  <img src="/images/quickstart/mintlify-dev-light.png" alt="Mintlify Dev" className="block dark:hidden" />
-  <img src="/images/quickstart/mintlify-dev-dark.png" alt="Mintlify Dev" className="hidden dark:block" />
+  <img
+    src="/images/quickstart/mintlify-dev-light.png"
+    alt="Mintlify Dev"
+    className="block dark:hidden"
+  />
+
+  <img
+    src="/images/quickstart/mintlify-dev-dark.png"
+    alt="Mintlify Dev"
+    className="hidden dark:block"
+  />
 </Frame>
 
 ### Push the changes
@@ -142,7 +176,7 @@ Mintlify automatically detects the changes, builds your documentation, and deplo
 
 After the deployment completes, your latest update will be available at `<your-project-name>.mintlify.app`.
 
-<Card title="Jump to adding a custom domain" icon="arrow-down" href="#adding-a-custom-domain" horizontal>
+<Card title="Jump to adding a custom domain" icon="arrow-down" horizontal href="#adding-a-custom-domain">
   Optionally, skip the web editor workflow and jump to adding a custom domain.
 </Card>
 
@@ -160,8 +194,17 @@ The web editor workflow provides a what-you-see-is-what-you-get (WYSIWYG) interf
 </Info>
 
 <Frame>
-  <img alt="The Mintlify web editor in the visual editor mode" src="/images/quickstart/web-editor-light.png" className="block dark:hidden" />
-  <img alt="The Mintlify web editor in the visual editor mode" src="/images/quickstart/web-editor-dark.png" className="hidden dark:block" />
+  <img
+    alt="The Mintlify web editor in the visual editor mode"
+    src="/images/quickstart/web-editor-light.png"
+    className="block dark:hidden"
+  />
+
+  <img
+    alt="The Mintlify web editor in the visual editor mode"
+    src="/images/quickstart/web-editor-dark.png"
+    className="hidden dark:block"
+  />
 </Frame>
 
 ### Edit the documentation
@@ -173,12 +216,23 @@ Find and select `index.mdx` in the file explorer.
 Then, in the editor, update the title field to "Hello World".
 
 <Frame>
-  <img alt="Editing in Web Editor" src="/images/quickstart/web-editor-editing-light.png" className="block dark:hidden" />
-  <img alt="Editing in Web Editor" src="/images/quickstart/web-editor-editing-dark.png" className="hidden dark:block" />
+  <img
+    alt="Editing in Web Editor"
+    src="/images/quickstart/web-editor-editing-light.png"
+    className="block dark:hidden"
+  />
+
+  <img
+    alt="Editing in Web Editor"
+    src="/images/quickstart/web-editor-editing-dark.png"
+    className="hidden dark:block"
+  />
 </Frame>
 
 <Tip>
-  The editor provides a rich set of formatting tools and components. Type <kbd>/</kbd> in the editor to open the command menu and access these tools.
+  The editor provides a rich set of formatting tools and components. Type <kbd>/</kbd>
+
+   in the editor to open the command menu and access these tools.
 </Tip>
 
 ### Publish your changes
@@ -198,16 +252,25 @@ While your `<your-project-name>.mintlify.app` subdomain works well for testing a
 To add a custom domain, navigate to the [Domain Setup](https://dashboard.mintlify.com/settings/deployment/custom-domain) page in your dashboard.
 
 <Frame>
-  <img src="/images/quickstart/custom-domain-light.png" alt="Custom Domain" className="block dark:hidden" />
-  <img src="/images/quickstart/custom-domain-dark.png" alt="Custom Domain" className="hidden dark:block" />
+  <img
+    src="/images/quickstart/custom-domain-light.png"
+    alt="Custom Domain"
+    className="block dark:hidden"
+  />
+
+  <img
+    src="/images/quickstart/custom-domain-dark.png"
+    alt="Custom Domain"
+    className="hidden dark:block"
+  />
 </Frame>
 
 Enter your domain (for example, `docs.yourcompany.com`) and follow the provided instructions to configure DNS settings with your domain provider.
 
 <Table>
-| Record Type | Name | Value | TTL |
-|-------------|------|-------|-----|
-| CNAME | docs (or subdomain) | cname.mintlify.app | 3600 |
+  | Record Type | Name                | Value              | TTL  |
+  | ----------- | ------------------- | ------------------ | ---- |
+  | CNAME       | docs (or subdomain) | cname.mintlify.app | 3600 |
 </Table>
 
 <Info>
@@ -218,19 +281,23 @@ Enter your domain (for example, `docs.yourcompany.com`) and follow the provided
 
 Congratulations! You have successfully deployed your documentation site with Mintlify. Here are suggested next steps to enhance your documentation:
 
-<Card title="Configure your global settings" icon="settings" href="settings" horizontal>
+<Card title="Configure your global settings" icon="settings" horizontal href="settings">
   Configure site-wide styling, navigation, integrations, and more with the `docs.json` file.
 </Card>
-<Card title="Customize your theme" icon="paintbrush" href="themes" horizontal>
+
+<Card title="Customize your theme" icon="paintbrush" horizontal href="themes">
   Learn how to customize colors, fonts, and the overall appearance of your documentation site.
 </Card>
-<Card title="Organize navigation" icon="map" href="navigation" horizontal>
+
+<Card title="Organize navigation" icon="map" horizontal href="navigation">
   Structure your documentation with intuitive navigation to help users find what they need.
 </Card>
-<Card title="Add interactive components" icon="puzzle" href="/components/accordions" horizontal>
+
+<Card title="Add interactive components" icon="puzzle" horizontal href="/components/accordions">
   Enhance your documentation with interactive components like accordions, tabs, and code samples.
 </Card>
-<Card title="Set up API references" icon="code" href="/api-playground/overview" horizontal>
+
+<Card title="Set up API references" icon="code" horizontal href="/api-playground/overview">
   Create interactive API references with OpenAPI and AsyncAPI specifications.
 </Card>
 
@@ -248,4 +315,4 @@ If you encounter issues during the setup process, check these common troubleshoo
   <Accordion title="Custom domain not connecting">
     Verify that your DNS records are set up correctly and allow sufficient time for DNS propagation (up to 48 hours). You can use tools like [DNSChecker](https://dnschecker.org) to verify your CNAME record.
   </Accordion>
-</AccordionGroup>
+</AccordionGroup>