CLI

You can define preview props for your document by adding a PreviewProps property to your default export. For example:

export default function Document(props) {
  return (
    <div>
      <h1>{props.title}</h1>
      <p>{props.content}</p>
    </div>
  );
}

Document.PreviewProps = {
  title: "Preview Title",
  content: "This is preview content",
};

These props will be used when previewing the document in the development server.

To publish documents, you need to authenticate with the cloud service. Use the htmldocs login command to start the authentication process. This will open a browser window where you can select a team and complete the authentication. Once authenticated, your tokens will be securely stored for future use.

By default, built files are stored in a dist directory in your project root. You can customize this location by setting the NEXT_PUBLIC_USER_PROJECT_LOCATION environment variable.