Getting Started

Portl isn't just a place to host files. It’s a Narrative Engine. Most tools treat your code like a static asset, but we treat it like a story you're telling yourself about a product. Let's get you set up.

1. The 60-Second Deploy

To begin, you need an artifact. If you're building a React component, a landing page, or a technical implementation plan in Claude, follow these steps:

"The goal is persistence. Artifacts are ephemeral; Portl is permanent."

• Open your **Portl Dashboard**.
• Click **+ Publish Chapter**.
• Choose + Create New Project in the dropdown.
• Paste your code (JSX or HTML) and hit Draft Narrative →.

2. Project Selection

One of the most powerful features of Portl is the ability to group chapters together. When you deploy, you can assign your code to an existing project. This allows our AI to understand the relationship between different parts of your app.

// Example: You've already built the "Auth Flow"
// Now you're building the "User Profile"
// Portl AI will cross-reference the Auth logic when you chat!

3. The Reading View

Once published, your project will live at a beautiful, shareable URL. You can navigate through your chapters using the Table of Contents on the left, and use the Ask Portl panel on the right to get technical assistance that spans your entire project history.

What's next?

Now that you've published your first chapter, learn more about Narrative Structure or dive into Advanced AI Controls.