In this tutorial, you'll learn how to create your first article in Proseperity. We'll cover navigating the admin interface, using the editor, and publishing your content.

Opening the Admin

Navigate to /admin in your browser. You'll see the Miller Columns content manager showing your folder structure. If you've seeded the database, you'll see sample folders and articles already in place.

Creating a New Article

Click the + button at the top of any folder column to create a new item. Select 'Article' from the dropdown menu, enter a title in the dialog, and click Create. You'll be taken directly to the editor.

Writing Content

The editor provides a clean, distraction-free writing surface. Start typing to add paragraph text. Use the format bar at the bottom of the screen for bold, italic, headings, lists, and other formatting options.

Using Slash Commands

Type a forward slash (/) to open the slash command menu. This gives you quick access to headings, lists, tables, callouts, code blocks, and images. You can filter the menu by typing after the slash.

Adding Images

Insert images by using the slash command menu and selecting Image, or by clicking the image button in the format bar. You can paste an image URL or upload a file directly. Images are displayed inline within the article.

Setting Page Metadata

Click the icon area next to the title to set a page icon for your article. This icon appears in the sidebar navigation and article listings, making it easier for readers to identify your content at a glance.

You can also add a subtitle below the title. Subtitles appear in article listings and provide additional context about the article's content.

Publishing

When you're ready to make your article visible to readers, click the Draft button in the top bar. It will toggle to Published, and your article will immediately appear on the public-facing reader. You can toggle back to Draft at any time to hide it.

What's Next

Now that you've created your first article, try organizing your content into folders, adding section headers for visual grouping, and exploring the rich formatting options available in the editor.