Page cover

Linking with Github Repository

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

Codelesslyarrow-up-right supports Cloud UI publishing and deployments with a Githubarrow-up-right Repository. You can link your Githubarrow-up-right account with Codelesslyarrow-up-right and allow Codelesslyarrow-up-right 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. CodeMagicarrow-up-right, Github Actionsarrow-up-right, Bitrisearrow-up-right, 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 Netlifyarrow-up-right, Vercelarrow-up-right, or any other third-party service you want to use.

Get Started

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

Connecting with Githubarrow-up-right

  1. Open Codelesslyarrow-up-right 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 Githubarrow-up-right account with Codelessly.

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

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

You have successfully connected your Githubarrow-up-right account with Codelessly. 🎉

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

Linking Project with Githubarrow-up-right Repository

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

  1. Open a project that you want to connect to a Githubarrow-up-right repository.

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

Opening publish settings for a project.
  1. Go to Website tab. You will see Link Project with Github section.

  2. 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 Githubarrow-up-right app for the organization you want to use for this.

  3. Specify a repository name for your project. Codelesslyarrow-up-right will take care of creating the repository and pushing code for you.

  4. Hit Save & Link button to let Codelesslyarrow-up-right create the repository and link it with your project.

  5. 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 Githubarrow-up-right repository.

Last updated