Projects and Files

A Lediv project is the full website in one place: pages, reusable components, styles, scripts, and files.

Work starts in the dashboard and continues in the editor. The project can be built visually and exported as standard web source code, so it can keep evolving outside Lediv with regular tools.

Start a project

Creating a project has two basic choices: title and template.

Title

Title defines the project name shown in the dashboard and workspace header. It can be updated later if naming changes during the process.

Template options

Template defines how much structure is provided at the start.

• Blank: starts from a clean base for full control over structure and content from zero.
• Landing Page: starts from a prebuilt base with reusable components, to explore faster and then replace or adapt sections as needed.

Where projects are stored

Every project is stored in your account workspace and syncs across every signed-in device, on every plan. You keep editing while offline and changes reconcile when the connection returns.

After creation, the project opens directly in the editor and the Files panel becomes the main place to organize source content.

Manage existing projects

From the dashboard, project cards provide quick actions to open, rename, or delete projects. Undo and Redo are also available from the logo menu to quickly recover from accidental changes.

Project structure

A project in Lediv follows a structure like this:

├── pages/
├── components/
├── public/
│   ├── images/
│   └── videos/
├── package.json
└── vite.config.js

• pages/ contains route files.
• components/ contains reusable blocks.
• public/ contains static files served by URL.
• package.json defines external dependencies used by the project.
• vite.config.js defines the Vite setup for local development and build.

Exact folders and files can vary, but these are the core that any Lediv project should always have.

Organize project files

The Files panel supports both source editing and project organization.

• Create files and folders from panel actions or context menu.
• Rename, copy, cut, paste, and delete items directly in the tree.
• Drag and drop to reorder or move items between folders.
• Open text files in code view, and open images or videos in preview mode.

Upload media and use public paths

Files can be uploaded from panel actions or by dragging files and folders from the operating system into the project tree. Media pickers in image and video fields also support direct upload.

For runtime paths, keep public resources inside public/ and reference them from root paths in markup and styles.

<!-- HTML example: image from /public/images -->
<img src="/images/hero.jpg" alt="Hero" />

<!-- CSS example: same asset referenced with a root path -->
<style>
  .hero {
    background-image: url('/images/hero.jpg');
  }
</style>

Source files outside public/ remain part of the project and can still be edited, but they are not used as direct browser URL assets.

Download project source

Use Download project to export the current source project as a zip file. This action is available from both the Files panel and the Publish flow.

The zip is assembled in your browser from your local copy of the project, so open the project and let it finish syncing before you export: what the browser has not yet loaded cannot go into the archive. A project shared with you follows its owner's plan, so if that plan ends you can no longer export it. You can edit and export a project shared with you, but only its owner can publish it.

Next steps