Codelessly Documentation
  • 👋Getting Started
    • ▶️Welcome Setup Guide
    • 🎉Thank you for your purchase!
    • 🔀Import Figma designs into Codelessly
    • 🖨️Publish your design as a website
  • ⚡Editor Basics
    • Start a New Project
    • Editor Tools
    • Creating Your First Layout
    • Using Components
    • Working with Size Fits
  • ⚡Advanced Editor Usage
    • Working with Variants
    • Using External Components
    • Size Fits Settings
  • ☁️Codelessly CloudUI™
    • 3-Minute Quick Start
    • Connecting Data
    • Calling Functions
  • Setting Up Custom Domains
    • Linking with Github Repository
    • Deploy on Netlify
    • Deploy on Vercel
Powered by GitBook
On this page
  • Benefits
  • What this repository will include?
  • Get Started
  • Connecting with Github
  • Linking Project with Github Repository

Was this helpful?

  1. Setting Up Custom Domains

Linking with Github Repository

Learn about linking a Codelessly project with a Github repository for custom deployment and publishing.

PreviousCalling FunctionsNextDeploy on Netlify

Last updated 10 months ago

Was this helpful?

supports Cloud UI publishing and deployments with a Repository. You can link your account with and allow to create a repository on your behalf and push starter code for website publishing.

Benefits

  • You can choose your own deployment pipeline and third-party provider for it.

  • This enables you to use a custom domain for your website (if your third-party provider allows it)

  • Includes pre-built website so you just have to publish and you're done.

  • Also includes Flutter code if you wanna build it and then deploy on different platforms including web.

What this repository will include?

The repository we create will contain

  1. A fully configured Flutter project: You can then integrate it into your build pipeline (e.g. , , , etc) to build the Flutter project and publish your app/website.

  2. A pre-built bundle of your website: You can use it directly to publish on services that support static website publishing like , , or any other third-party service you want to use.

Get Started

Let's get you set up with repository for your project.

Connecting with

  1. Open editor and head to Settings>Github Integration. and

  2. Click on Connect to Github button. It will open a webpage for you to authenticate your account with Codelessly.

  3. Once you authenticate, it will ask you to Install our app: Codelessly App. Please finish the installation.

  4. Once finished, head back to editor and you will see that you're authenticated now. It will show your user name and avatar instead of Connect to Github button.

Note: Codelessly Github App is required for this to work. Avoid uninstalling it changing its permissions unnecessarily.

  1. Go to Website tab. You will see Link Project with Github section.

You have successfully connected your account with Codelessly. 🎉

Linking Project with Repository

After you connect with your account, you need to link your project to a specific repository on so we can push code and updates and set everything up for you.

Open a project that you want to connect to a repository.

Click on arrow button next to publish button and click on Go to Settings.

Select owner of the repository from the dropdown. You can add organizations by clicking on Add Another Organization button in the selection dropdown and it will prompt you to install our app for the organization you want to use for this.

Specify a repository name for your project. will take care of creating the repository and pushing code for you.

Hit Save & Link button to let create the repository and link it with your project.

Once it succeeds, you can click on button next to repository name input to open your linked repository.

See deployment docs for proceeding further with your repository.

Codelessly
Github
Github
Codelessly
Codelessly
CodeMagic
Github Actions
Bitrise
Netlify
Vercel
Github
Github
Codelessly
Github
Github
Codelessly
Github
Github
Codelessly
Github
Github
Github
Github
Codelessly
Codelessly
Github
Opening publish settings for a project.
Page cover image