-
Notifications
You must be signed in to change notification settings - Fork 214
Simplify quickstart page for better user experience #2919
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
- Removed complex 'Before you begin' section - Streamlined deployment to 4 clear steps - Condensed 'Make your first change' from detailed instructions to essential actions - Made web editor the recommended path for new users - Removed optional accordion that added complexity - Focus on getting users to success quickly rather than explaining concepts upfront
| className="hidden dark:block" | ||
| /> | ||
| </Frame> | ||
| Your documentation site is now live at `https://<your-project-name>.mintlify.app`. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Minor wording nit: this reads as instantaneous, but initial deploy can take a bit. Future tense here might be less confusing.
| Your documentation site is now live at `https://<your-project-name>.mintlify.app`. | |
| After onboarding, your documentation site will be live at `https://<your-project-name>.mintlify.app`. |
| <Tab title="Local development"> | ||
| <Steps> | ||
| <Step title="Install the CLI"> | ||
| ```bash |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Might be worth keeping the Node.js prereq here so local users don’t hit a confusing install error.
| ```bash | |
| <Step title="Install the CLI"> | |
| The CLI requires [Node.js](https://nodejs.org/en) v20.17.0 or higher (LTS recommended). | |
| ```bash | |
| npm i -g mint | |
| ``` | |
| </Step> |
|
|
||
| ```bash | ||
| mint dev | ||
| ``` |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Small UX win: add a quick “where do I see it?” verification after mint dev (and keep it flexible if the port changes).
| ``` | |
| <Step title="Clone and edit"> | |
| Clone your repository, edit `index.mdx`, then preview locally: | |
| ```bash | |
| mint dev | |
| ``` | |
| Open the URL printed in your terminal (usually `http://localhost:3000`). | |
| </Step> |
Summary
This PR simplifies the quickstart page to reduce cognitive overhead and get users to success faster.
Changes made
Before and after
Before: 146 lines with detailed explanations, complex concepts, and multiple optional paths
After: 84 lines focused on the essential happy path to success
Rationale
The original quickstart tried to explain concepts upfront and cover many edge cases, which could overwhelm users who just want to get started quickly. This simplified version focuses on getting users to their first success moment as fast as possible, while keeping links to more detailed guides available when they need them.
Users can always dive deeper into CLI setup, repository concepts, and advanced options after they've had their initial success.
Note
Streamlines
quickstart.mdxto focus on a concise happy path and faster first success.Tipindex.mdxand publishmint dev), and deploy commandsweb editor,CLI commands, andcustom domainWritten by Cursor Bugbot for commit 112956e. This will update automatically on new commits. Configure here.