Introduction

If you want to start a new system development using Figma import etc., and you wish to begin with languages other than NestJS, Ruby, or Laravel for the backend, and Next.js, Vite, or React Native for the frontend, Jitera can accommodate that as well. This article will explain how to proceed in such cases.

Flow

image.png

1. Creating a Boilerplate

<aside> 💡 (*1) Boilerplate: An empty project that defines only the basic structure. While it does not include specific functionalities, it defines the technologies to be used (programming languages or frameworks), the overall composition (directory structure), and the development approach (implementation philosophy).

</aside>

If creating by yourself is difficult, please consult with Jitera Support. However, as your company likely has its own rules and recommendations regarding frameworks, libraries, and design philosophies to be used, it would be more reliable for you to create the boilerplate yourself in accordance with these guidelines.

<aside> 💡 If you are developing the frontend and backend using different languages and frameworks, please create two repositories and prepare a boilerplate for each. If you are developing both the frontend and backend using a single language and framework, please create a boilerplate in one monorepo.

</aside>

Reference: Examples of common boilerplate creation commands

Programming Languages Command examples
Python (Django) python -m venv venv && django-admin startproject mysite .
Java (Spring Initializr) curl https://start.spring.io/starter.zip -d dependencies=web,data-jpa -d type=maven-project -d bootVersion=2.7.0 -o demo.zip
Java (Maven) mvn archetype:generate -DgroupId=com.mycompany.app -DartifactId=my-app -DarchetypeArtifactId=maven-archetype-quickstart -DarchetypeVersion=1.4 -DinteractiveMode=false
Vue.js (Vue CLI) npm install -g @vue/cli && vue create my-vue-project
Vue.js (Vite) npm init vite@latest my-vue-app -- --template vue
Flutter flutter create my_flutter_app
Swift (Xcode Command Line Tools) swift package init --type executable
Kotlin (Gradle) gradle init --type kotlin-application
Go go mod init github.com/yourusername/myproject

2.Importing GitHub/Gitlab Repositories

Using same method as described in Importing Repositories from GitHub or GitLab, Jitera will analyze the boilerplate, understand the language, framework, and development philosophy, and utilize this for code generation.

Typically, importing a Github/Gitlab repository leads to the generation of ER diagrams, business logic designs, and API design documents through reverse engineering. However, loading a boilerplate does not produce these design documents, as the corresponding design processes do not exist.

On the other hand, since AI has already understood the boilerplate, the code output in chat or generated from user story tickets will adhere to the rules of the boilerplate.