After logging in, you will be taken to the Dashboard. Two projects are automatically created for you:
- Onboarding Tutorial that will teach you the basics of Quarkly
- Website Example — a ready-made website example
Create a new Quarkly project. To do this, click on the card with the "+" icon and enter the project name.
Now go to the project. To do that, click it or call the context menu and select "Open".
You are now in the visual editor interface. To allow other users to access, rename, or delete the project, open its settings.
Add a finished block to the layout by clicking the "+" icon in the center of the page.
Select the block you like and click on it.
Now select the text element on the page. Click it while pressing
⌘ (Cmd)on MacOS. This allows you to select elements while ignoring parent ones. You can also select child elements by double-clicking them.
Change the text color on the right property panel.
Edit text. To do that, double-click the text in the selected element.
You can create pages. To do that, open the Pages and Layers panel.
To add an element, go to the Components panel. There are both simple and complex components. You can also create custom components.
Just drag the component to the desired place and it will become part of the page.
Publish the project. To start publishing, click "Publish".
Connect your GitHub account to export your project to the repository.
Select "New repository", enter the name, and click "Create repository".
After connecting the repository, connect your Netlify account.
Select "New website" and click "Create website".
The process of project building takes a few minutes. Once the badge changes status to "Success", the project is published and available via a link.
Click the link to open the published project.
Congrats! You've just created and published your first project on Quarkly.