Getting Started with John Le
Set up your account and create your first documentation space in minutes.
Prerequisites
Before starting, ensure you have:
- A modern web browser like Chrome, Firefox, or Safari
- A valid email address for account verification
- Optional: A GitHub account for version control integration
John Le supports all major browsers. Disable ad blockers if you encounter loading issues.
Sign Up and Log In
Follow these steps to create your account and access the dashboard.
Visit the Dashboard
Open your browser and navigate to https://app.johnle.com.
Create Account
Click Sign Up and enter your email, name, and a strong password. Verify your email via the confirmation link sent to your inbox.
Log In
Return to https://app.johnle.com/login and sign in with your credentials.
Create Your First Documentation Project
Once logged in, set up a new project for your docs.
New Project
Click New Project in the top-right corner.
Configure Basics
Enter a project name like My First Docs, select a template (e.g., "Blank"), and choose your preferred language.
Save and Open
Click Create. Your project dashboard opens automatically.
Navigate the Interface
The dashboard provides intuitive navigation. Use these key sections:
Create and edit MDX pages. Supports live preview and syntax highlighting.
Manage pages, assets, and uploads. Drag-and-drop supported.
Real-time rendering of your published site.
Upload Initial Content
Add your first page using the editor.
---
title: Welcome
description: My first page.
---
## Hello World
This is your starting documentation.
# Welcome
## Hello World
This is your starting documentation.
Save the file as introduction.mdx in the root directory.
Use YAML frontmatter for page metadata. Wrap special characters like { and } in backticks in prose.
Preview and Publish
Test your changes before going live.
Preview Locally
Click Preview to see a live site at https://app.johnle.com/preview/{your-project-id}.
Publish
Review, then hit Publish. Your site deploys to a custom URL like docs.johnle.com/{project-slug}.
Next Steps
Last updated today