Builder Documentation

1. Installation

1. Upload or clone the Dialyma project to your local computer or server.
2. Open your terminal on that folder & run npm install
3. Now run npm run dev
4. Now goto yoururl/install for example: https://localhost:5173/install
5. You can use xampp like application for your database or docker based
6. Provide your database & admin account credential and setup it
7. Now login

2. First Project Setup

• Open dashboard and create a new project.
• You can create new project by clicking New Project button
• By clicking New Project button it wll open popup
• Give a project name
• Click done
• You can create new folder and organize different kinds of project on it
• You can archive any project by clicking the 3 dot or right click it will open context menu

3. Builder Basics

• Create/open a project from Dashboard.
• Use left panel for pages/posts navigation and layer targeting.
• Use canvas to draw and place sections, shapes, text, and media.
• Use right inspector to control position, sizing, style, and animation, etc
• Save often; autosave and manual save should both be enabled in your workflow.

Setup Tutorial

5. Pages and Posts

• Pages represent static site routes (Home, About, Contact).
• Posts represent blog content and dynamic content sections.
• Use clean slugs and consistent naming conventions.
• Duplicate pages/posts for faster workflow when layouts are similar.

6. Templates

• Import template JSON directly in builder using Template popup import buttons (Template, Section, Site).
• Use template categories to keep content organized: `section`, `page`, `site`.
• Use My Templates to store your reusable design blocks and site starters.
• Export your own templates as JSON to reuse across projects.

7. Extensions

• Free extensions can be installed directly from Get Extension.
• Premium extensions require active license before activation.
• You can ship bundled extensions in source and still protect execution using license checks.
• Update extension screenshots/manifests to keep catalog cards clean.

8. License System

• When you buy a premium extension/template, keep your purchase email ready.
• Enter your email + license code in the builder modal.
• System validates and stores activation status.
• Once activated, the premium feature can be installed/used in your builder.
• Premium plugin licenses are yearly by default (1-year validity).
• Bundle options: any 4 plugins for $199/year, or all plugins lifetime for $499.

Use consistent code format: DLY-XXXX-XXXX

9. Publish

1. Finalize page content and responsive checks.
2. Run preview in desktop and mobile breakpoints.
3. Publish project to your configured output target.
4. Verify live URL and fix any asset path mismatches.

10. Export and Backup

• Export templates as JSON for reusable blocks.
• Keep a regular backup of templates, licenses, and published data.
• Store critical JSON backups in a private repository or secure storage.
• Before major updates, create a snapshot backup and restore point.

11. Troubleshooting

• Cannot save/load: refresh the page and confirm you are logged in correctly.
• License not activating: verify code, email, status = `active`, and not expired.
• Extension/template not showing: reopen the modal and use refresh/hard reload once.
• UI shows stale data: hard refresh browser and clear app caches.

12. FAQ

Can I start without templates? Yes. You can build from blank canvas and save your own templates later.

Can I move a design between projects? Yes. Export as JSON and import into another project.

Do I need to activate free extensions? No. Free extensions can be used directly.

13. Tutorials

All tutorials are available in the dedicated tutorial page, and new content is published from the admin panel.

Content format: title, description, and YouTube video link.