Skip to main content

Getting Started

  1. After logging in, you will be taken to the Dashboard.

Dashboard

  1. Create a new Quarkly project. To do this, click on the card with the "+" icon.

Creating a new Quarkly project

  1. After that you can choose any ready-made template or choose a blank canvas.

Template selection

  1. Now go to the project. To do that, click on it or right click to view the context menu and select "Open".

Project context menu on the dashboard

  1. You are now in the visual editor interface. To allow other users to access, rename, or delete the project, open its settings.

Menu of project settings in the visual editor

  1. Add a finished block to the layout by clicking the "+" icon in the center of the page.

Adding a ready-made block to the page

  1. Select the block you like and click on it.

Selecting a ready-made block from the catalog

  1. Now select the text element on the page. Click it while pressing Ctrl, or โŒ˜(Cmd) on MacOS. This allows you to select elements while ignoring parent ones. You can also select child elements by double-clicking on them.

Selecting components on the page

  1. Change the text color on the right property panel.

Changing the text color on the props panel

  1. Edit text. To do this, double-click on the text in the selected element.

Text editing

  1. You can create pages. To do this, open the Pages and Layers panel.

"Pages and Layers" panel

  1. To add an element, go to the Adding panel. There are both simple and complex components. You can also create custom components.

Adding panel

  1. Just drag the component to the desired place and it will become part of the page.

Dragging and dropping a component onto the page

  1. Publish the project. To start publishing, click "Publish".

Project publication

  1. Connect your GitHub account to export your project to the repository.

Connecting a GitHub account

  1. Select "New repository", enter the name, and click "Create repository".

Creating a new repository

  1. After connecting the repository, connect your Netlify account.

Connecting a Netlify account

  1. Select "New website" and click "Create website".

Creating a new website

  1. The process of project building takes a few minutes. Once the badge changes its status to "Success", the project is published and available via a link.

Project building status

  1. Click the link to open the published project.

Link to the published project

Congrats! You've just created and published your first project on Quarkly!