Gitlab project and code repository for the app

Part ɪ: Creating new React-Native app│Story 03: Pushing the React-Native app initial code to Gitlab repository

Background Photo by Markus Spiske from Pexels

In the previous posts of this Part-I of the series, we initialized a new React-Native app using RN CLI and changed its iOS Bundle Id and Android Package name as per our specification/requirement.

In this post, we will create a new Gitlab project and push the initial code of the app to this Gitlab project’s repository.

Setting up GitLab project and code repository

We will use Gitlab as the app code repository and later use Gitlab CI/CD pipeline to automate the app’s release to publish to Google Play store.

- Create a Gitlab account if you don’t have one already.
- Sign-in to your Gitlab account and click on ‘New Project’ button.

You will be asked to enter a name and description for the new project 👇

(click over image to zoom)

Enter a name for your project and its description.
- select the option to keep your project open to public or to keep it private.
- Click Create project button.
Gitlab would create the project and take you to its details page 👇

( If this is for the first time you are going to push your code to a repository in the above Gitlab account, you would have to configure the account on your development machine like below 👇)

Now, to push our existing react-native code to the above created Gitlab project’s repo, follow the steps highlighted in red in below screenshot 👇

Push the local commit to the remote branch:

$ git push -u origin master

I use Github Desktop tool to maintain Git repositories. It makes easy to configure credentials of the account of remote repository 👇

(click over image to zoom)

Sweet, we now have a Gitlab repository for the app’s code.

Let’s now start preparing our app to be ready to be published to app stores. For this, we will need to add icons/images to our app’s iOS and Android folders as required by the two platforms to publish the app in their respective stores, along with we would also setup semantic versioning for the app’s releases.

←Prev: BundleId/PackageName┈🏠┈Next: App icons/Semantic version→