diff --git a/config/_default/config.toml b/config/_default/config.toml
index 5be1c1fe7..a438682a0 100644
--- a/config/_default/config.toml
+++ b/config/_default/config.toml
@@ -46,7 +46,7 @@ menu_new_feature_text = "[NEW]"
 [[languages.en.menu.main]]
     name = "C4 Model"
     weight = 20
-    url = "./c4model/en/#"
+    url = "../c4model/en/#"
 
 [[languages.en.menu.main]]
     name = "References"
@@ -74,7 +74,7 @@ menu_new_feature_text = "[NOVO]"
 [[languages.pt.menu.main]]
     name = "C4 Model"
     weight = 20
-    url = "../c4model/pt-br/#"
+    url = "../../c4model/pt-br/#"
 
 [[languages.pt.menu.main]]
     name = "References"
diff --git a/content/en/backend/_index.md b/content/en/backend/_index.md
index 17a17185f..2bac240e4 100644
--- a/content/en/backend/_index.md
+++ b/content/en/backend/_index.md
@@ -1,5 +1,5 @@
 ---
 title: Backend
 weight: 6
-description: 'This section lists all configurations, libs and tutorials related to the backend platform'
+description: 'This section lists all the backend technologies Beagle currently supports'
 ---
diff --git a/content/en/backend/kotlin/_index.md b/content/en/backend/kotlin/_index.md
new file mode 100644
index 000000000..a9983b8e2
--- /dev/null
+++ b/content/en/backend/kotlin/_index.md
@@ -0,0 +1,13 @@
+---
+title: Kotlin
+weight: 1
+type: overview
+description: In this Section you will learn how to use Beagle Backend for Kotlin Language
+---
+
+---
+
+Before you integrate Beagle into your application to run it on the backend, check if you have already installed all the current versions of the following programs:
+
+- **JDK 8+ language \(Kotlin 1.3+ is recommended\)**
+- **Maven 3+**
\ No newline at end of file
diff --git a/content/en/backend/customization/_index.md b/content/en/backend/kotlin/customization/_index.md
similarity index 100%
rename from content/en/backend/customization/_index.md
rename to content/en/backend/kotlin/customization/_index.md
diff --git a/content/en/backend/customization/beagle-framework.md b/content/en/backend/kotlin/customization/beagle-framework.md
similarity index 100%
rename from content/en/backend/customization/beagle-framework.md
rename to content/en/backend/kotlin/customization/beagle-framework.md
diff --git a/content/en/backend/customization/serialization.md b/content/en/backend/kotlin/customization/serialization.md
similarity index 100%
rename from content/en/backend/customization/serialization.md
rename to content/en/backend/kotlin/customization/serialization.md
diff --git a/content/en/backend/get-started/_index.md b/content/en/backend/kotlin/get-started/_index.md
similarity index 93%
rename from content/en/backend/get-started/_index.md
rename to content/en/backend/kotlin/get-started/_index.md
index 12ad768eb..a8886ddaf 100644
--- a/content/en/backend/get-started/_index.md
+++ b/content/en/backend/kotlin/get-started/_index.md
@@ -1,4 +1,5 @@
 ---
+weight: 1
 title: Get Started
 description: In this Section you will learn how to install and start using Beagle in you backend application.
 ---
diff --git a/content/en/backend/get-started/creating-a-project-from-scratch.md b/content/en/backend/kotlin/get-started/creating-a-project-from-scratch.md
similarity index 99%
rename from content/en/backend/get-started/creating-a-project-from-scratch.md
rename to content/en/backend/kotlin/get-started/creating-a-project-from-scratch.md
index 1a85cc5e5..e613fde35 100644
--- a/content/en/backend/get-started/creating-a-project-from-scratch.md
+++ b/content/en/backend/kotlin/get-started/creating-a-project-from-scratch.md
@@ -51,7 +51,7 @@ Follow the steps below to import the project you have created. First, open **int
 
 ### Step 1: Configure the project
 
-As a starting point, follow this step by step to [**install the backend**]({{< ref path="/backend/get-started/installing-beagle" lang="en" >}}).
+As a starting point, follow this step by step to [**install the backend**]({{< ref path="/backend/kotlin/get-started/installing-beagle" lang="en" >}}).
 
 ### Step 2: Define the structure
 
diff --git a/content/en/backend/get-started/installing-beagle.md b/content/en/backend/kotlin/get-started/installing-beagle.md
similarity index 95%
rename from content/en/backend/get-started/installing-beagle.md
rename to content/en/backend/kotlin/get-started/installing-beagle.md
index 4c8da0aa6..ace811f26 100644
--- a/content/en/backend/get-started/installing-beagle.md
+++ b/content/en/backend/kotlin/get-started/installing-beagle.md
@@ -180,7 +180,7 @@ Remember to always check if you're using the latest version of Beagle. To see th
 
 Well done, your initial configuration is ready to be used!
 
-You can check a screen or server-driven component [**to test the BFF**]({{< ref path="/backend/get-started/using-beagle" lang="en" >}}).
+You can check a screen or server-driven component [**to test the BFF**]({{< ref path="/backend/kotlin/get-started/using-beagle" lang="en" >}}).
 
 {{% alert color="danger" %}}
 Spring Boot has a known problem involving `WebMvcConfigurationSupport`. It may replace other configurations, including the ones in Beagle's Spring Starter.
@@ -197,13 +197,13 @@ The annotation`@EnableWebMvc` can have the same problem, which means you should
 Well done, your initial configuration is ready to be used!
 {{% /alert %}}
 
-You can see more of [**how to use Beagle on the backend**]({{< ref path="/backend/get-started/using-beagle" lang="en" >}}) or how to test a BFF with server-driven components.
+You can see more of [**how to use Beagle on the backend**]({{< ref path="/backend/kotlin/get-started/using-beagle" lang="en" >}}) or how to test a BFF with server-driven components.
 
 ## **Next Steps**
 
 In this section, you have just done Beagle's** initial installation** on your application!  
 Now, to keep configuring Beagle:
 
-👉Go to [**initial configurations**]({{< ref path="/backend/get-started/using-beagle" lang="en" >}}) to enable the use of Beagle on your Web project.
+👉Go to [**initial configurations**]({{< ref path="/backend/kotlin/get-started/using-beagle" lang="en" >}}) to enable the use of Beagle on your Web project.
 
-👉 If you want to go straight to practice, access our [**tutorial to create a project from scratch**.]({{< ref path="/backend/get-started/creating-a-project-from-scratch" lang="en" >}})
+👉 If you want to go straight to practice, access our [**tutorial to create a project from scratch**.]({{< ref path="/backend/kotlin/get-started/creating-a-project-from-scratch" lang="en" >}})
diff --git a/content/en/backend/get-started/using-beagle.md b/content/en/backend/kotlin/get-started/using-beagle.md
similarity index 98%
rename from content/en/backend/get-started/using-beagle.md
rename to content/en/backend/kotlin/get-started/using-beagle.md
index 31335eaf8..2390b92b1 100644
--- a/content/en/backend/get-started/using-beagle.md
+++ b/content/en/backend/kotlin/get-started/using-beagle.md
@@ -10,7 +10,7 @@ description: >-
 
 ## Use configuration
 
-Once you have finished [**Beagle's installation**]({{< ref path="/backend/get-started/installing-beagle" lang="en" >}}), your BFF is fully configured for usage, with default settings.
+Once you have finished [**Beagle's installation**]({{< ref path="/backend/kotlin/get-started/installing-beagle" lang="en" >}}), your BFF is fully configured for usage, with default settings.
 
 ### CORS (Cross-Origin Resource Sharing)
 
diff --git a/content/en/backend/overview.md b/content/en/backend/kotlin/overview.md
similarity index 89%
rename from content/en/backend/overview.md
rename to content/en/backend/kotlin/overview.md
index ae84f9ce0..7042db01c 100644
--- a/content/en/backend/overview.md
+++ b/content/en/backend/kotlin/overview.md
@@ -2,7 +2,7 @@
 title: Overview
 weight: 1
 type: overview
-description: In this Section you will learn how to use Beagle Backend
+description: In this Section you will learn how to use Beagle Backend for Kotlin Language
 ---
 
 ---
diff --git a/content/en/backend/support-libraries/_index.md b/content/en/backend/kotlin/support-libraries/_index.md
similarity index 100%
rename from content/en/backend/support-libraries/_index.md
rename to content/en/backend/kotlin/support-libraries/_index.md
diff --git a/content/en/backend/support-libraries/beagle-grpc.md b/content/en/backend/kotlin/support-libraries/beagle-grpc.md
similarity index 100%
rename from content/en/backend/support-libraries/beagle-grpc.md
rename to content/en/backend/kotlin/support-libraries/beagle-grpc.md
diff --git a/content/en/backend/typescript/_index.md b/content/en/backend/typescript/_index.md
new file mode 100644
index 000000000..bfa813e7a
--- /dev/null
+++ b/content/en/backend/typescript/_index.md
@@ -0,0 +1,9 @@
+---
+title: Typescript
+weight: 1
+type: overview
+description: In this Section you will learn how to use Beagle Backend for Typescript Language
+---
+
+---
+[Click here](https://github.com/ZupIT/beagle-backend-ts/wiki/Getting-started) to get started with Beagle Backend for Typescript
\ No newline at end of file
diff --git a/content/en/backend/typescript/overview.md b/content/en/backend/typescript/overview.md
new file mode 100644
index 000000000..a7a042fe7
--- /dev/null
+++ b/content/en/backend/typescript/overview.md
@@ -0,0 +1,10 @@
+---
+title: Overview
+weight: 1
+type: overview
+description: In this Section you will learn how to use Beagle Backend for Typescript Language
+---
+
+---
+
+[Click here](https://github.com/ZupIT/beagle-backend-ts/wiki/Getting-started) to get started with Beagle Backend for Typescript
\ No newline at end of file
diff --git a/content/en/contribute/hugo-shortcodes.md b/content/en/contribute/hugo-shortcodes.md
index 92f02e936..0649a16eb 100644
--- a/content/en/contribute/hugo-shortcodes.md
+++ b/content/en/contribute/hugo-shortcodes.md
@@ -26,7 +26,7 @@ The best way to make references to **_internal_** links in the documentation is
 
 - It will be rendered as:
 
-[Link Example]({{< ref path="/backend/get-started/creating-a-project-from-scratch" lang="en">}})
+[Link Example]({{< ref path="/backend/kotlin/get-started/creating-a-project-from-scratch" lang="en">}})
 
 > To learn more about ref, [click here](https://gohugo.io/content-management/cross-references/)
 
diff --git a/content/en/ios/libs/beagle-grpc-ios.md b/content/en/ios/libs/beagle-grpc-ios.md
index e629d9233..10779ea8f 100644
--- a/content/en/ios/libs/beagle-grpc-ios.md
+++ b/content/en/ios/libs/beagle-grpc-ios.md
@@ -60,7 +60,7 @@ When creating your NetworkClientGRPC you have to provide the following parameter
 
 {{% alert color="info" %}}
 In this section is assumed that your gRPC server is running in the address `0.0.0.0` at the port `50051`.
-Check the [Beagle gRPC Backend page]({{< ref path="/backend/support-libraries/beagle-grpc.md" lang="en" >}}) for more information on running your server.
+Check the [Beagle gRPC Backend page]({{< ref path="/backend/kotlin/support-libraries/beagle-grpc.md" lang="en" >}}) for more information on running your server.
 {{% /alert %}}
 
 Add the dependency to your Podfile
diff --git a/content/en/ios/tutorials/adding-beagle-to-a-part-of-a-native-screen/adding-a-beagle-server-driven-component.md b/content/en/ios/tutorials/adding-beagle-to-a-part-of-a-native-screen/adding-a-beagle-server-driven-component.md
index be3987e2d..55ce4cecb 100644
--- a/content/en/ios/tutorials/adding-beagle-to-a-part-of-a-native-screen/adding-a-beagle-server-driven-component.md
+++ b/content/en/ios/tutorials/adding-beagle-to-a-part-of-a-native-screen/adding-a-beagle-server-driven-component.md
@@ -19,7 +19,7 @@ On the example below, there is a server-driven button in a native screen, and th
 
 For this configuration to work correctly, you need:
 
-- A configured [**BFF**]({{< ref path="/key-concepts#backend-for-frontend" lang="en" >}}) with Beagle, in case you haven't configured yet, check out this [**tutorial**]({{< ref path="/backend/get-started/creating-a-project-from-scratch" lang="en" >}}).
+- A configured [**BFF**]({{< ref path="/key-concepts#backend-for-frontend" lang="en" >}}) with Beagle, in case you haven't configured yet, check out this [**tutorial**]({{< ref path="/backend/kotlin/get-started/creating-a-project-from-scratch" lang="en" >}}).
 
 - A configured frontend with Beagle in Android or iOS. Check out the tutorial below:
   - [**Android**]({{< ref path="/android/getting-started.md" lang="en" >}})
diff --git a/content/en/plugins/live-preview.md b/content/en/plugins/live-preview.md
index 6fb95fcc7..3b8bbca48 100644
--- a/content/en/plugins/live-preview.md
+++ b/content/en/plugins/live-preview.md
@@ -20,12 +20,12 @@ This frontend and backend connection is done through a `WebSocket` on port: `972
 
 To use `Live Preview`, you must:
 
-- Use [**Beagle SDK**]({{< ref path="/backend/get-started/creating-a-project-from-scratch" lang="en" >}}) in your BFF **;**
+- Use [**Beagle SDK**]({{< ref path="/backend/kotlin/get-started/creating-a-project-from-scratch" lang="en" >}}) in your BFF **;**
 - Install `BeaglePreview` plugin;
 
 ### BFF Configuration
 
-You must have a configured BFF with Beagle to use Live Preview. In case you haven't done it, [**click here to download an initial project**](https://github.com/ZupIT/beagle-examples/tree/master/BeagleSampleBackend). As an alternative, [**follow our tutorial on how to implement a Beagle configured backend**]({{< ref path="/backend/get-started/creating-a-project-from-scratch" lang="en" >}}).
+You must have a configured BFF with Beagle to use Live Preview. In case you haven't done it, [**click here to download an initial project**](https://github.com/ZupIT/beagle-examples/tree/master/BeagleSampleBackend). As an alternative, [**follow our tutorial on how to implement a Beagle configured backend**]({{< ref path="/backend/kotlin/get-started/creating-a-project-from-scratch" lang="en" >}}).
 
 ### **IntelliJ plugin installation**
 
diff --git a/content/en/resources/platform-sorting.md b/content/en/resources/platform-sorting.md
index 9578beaa7..d23205888 100644
--- a/content/en/resources/platform-sorting.md
+++ b/content/en/resources/platform-sorting.md
@@ -63,7 +63,7 @@ Button(text = "android only text").forPlatform(BeaglePlatform.ANDROID),
 Button(text = "text free for all")
 ```
 
-You can check [**how to configure this functionality, see Beagle customization section**]({{< ref path="/backend/customization" lang="en" >}}).
+You can check [**how to configure this functionality, see Beagle customization section**]({{< ref path="/backend/kotlin/customization" lang="en" >}}).
 
 {{% alert color="info" %}}
 If you use Beagle starters, it is not necessary to configure this functionality manually, because it is already configured.
diff --git a/content/en/web/angular/using-beagle.md b/content/en/web/angular/using-beagle.md
index 52de03617..af327cd00 100644
--- a/content/en/web/angular/using-beagle.md
+++ b/content/en/web/angular/using-beagle.md
@@ -58,7 +58,7 @@ export class AppModule { }
 
 Now, you need to create a JSON file that will define the components that will be rendered.
 
-For a better experience you could create your JSON outputsthrough a BFF. You will find how to configure a BFF [**here**]({{<ref path = "/backend/get-started/creating-a-project-from-scratch" lang = "pt">}}). This example uses a JSON that is available in the URL http://usebeagle.io.s3-website-sa-east-1.amazonaws.com/start/welcome:
+For a better experience you could create your JSON outputsthrough a BFF. You will find how to configure a BFF [**here**]({{<ref path = "/backend/kotlin/get-started/creating-a-project-from-scratch" lang = "en">}}). This example uses a JSON that is available in the URL http://usebeagle.io.s3-website-sa-east-1.amazonaws.com/start/welcome:
 
 {{%alert color="info"%}}
 JSON used as example.
@@ -97,7 +97,7 @@ The code above creates a JSON with two for the components `container` and `text`
 After creating your JSON, open the file `beagle.module.ts` generated in the previous step, and enter the remote JSON path as http://usebeagle.io.s3-website-sa-east-1.amazonaws.com/start/ in the baseUrl
 
 {{% alert color="info" %}}
-If you want to use your own BFF, it's necessary to have its configured CORS. **See how to do this on** [**use configurations for backend**.]({{< ref path="/backend/get-started/creating-a-project-from-scratch" lang="en" >}})
+If you want to use your own BFF, it's necessary to have its configured CORS. **See how to do this on** [**use configurations for backend**.]({{< ref path="/backend/kotlin/get-started/creating-a-project-from-scratch" lang="en" >}})
 {{% /alert %}}
 
 ```text
diff --git a/content/en/web/react/using-beagle.md b/content/en/web/react/using-beagle.md
index 1bc2aacf1..fb762570a 100644
--- a/content/en/web/react/using-beagle.md
+++ b/content/en/web/react/using-beagle.md
@@ -35,7 +35,7 @@ At the end of this process, a new file called **beagle-service.ts** will be gene
 
 ### **Step 2: Creating the layout definition JSON**
 
-or a better experience you could create your JSON outputsthrough a BFF. You will find how to configure a BFF [**here**]({{<ref path = "/backend/get-started/creating-a-project-from-scratch" lang = "pt">}}). This example uses a JSON that is available in the URL http://usebeagle.io.s3-website-sa-east-1.amazonaws.com/start/welcome:
+or a better experience you could create your JSON outputsthrough a BFF. You will find how to configure a BFF [**here**]({{<ref path = "/backend/kotlin/get-started/creating-a-project-from-scratch" lang = "en">}}). This example uses a JSON that is available in the URL http://usebeagle.io.s3-website-sa-east-1.amazonaws.com/start/welcome:
 
 {{% alert color="info" %}}
 JSON example .
diff --git a/content/pt/android/tutorials/adding-beagle-to-a-part-of-a-native-screen/adding-a-beagle-server-driven-component.md b/content/pt/android/tutorials/adding-beagle-to-a-part-of-a-native-screen/adding-a-beagle-server-driven-component.md
index 8584ade90..88b767c3c 100644
--- a/content/pt/android/tutorials/adding-beagle-to-a-part-of-a-native-screen/adding-a-beagle-server-driven-component.md
+++ b/content/pt/android/tutorials/adding-beagle-to-a-part-of-a-native-screen/adding-a-beagle-server-driven-component.md
@@ -20,7 +20,7 @@ No exemplo abaixo, um botão server-driven será exibido em uma tela nativa. O r
 
 Para que essa configuração funcione corretamente, você precisa de:
 
-- Um [**BFF**]({{< ref path="/key-concepts#backend-for-frontend" lang="pt" >}}) configurado com o Beagle. Caso não o tenha, veja como configurar nesse [**tutorial**]({{< ref path="/backend/" lang="pt" >}})creating-a-project-from-scratch/case-backend" lang="pt" >}}).
+- Um [**BFF**]({{< ref path="/key-concepts#backend-for-frontend" lang="pt" >}}) configurado com o Beagle. Caso não o tenha, veja como configurar nesse [**tutorial**]({{< ref path="/backend/kotlin/" lang="pt" >}})creating-a-project-from-scratch/case-backend" lang="pt" >}}).
 - Um frontend configurado com o Beagle para Android. Caso não o tenha, siga o nosso tutorial para configurar um projeto [**Android**]({{< ref path="/android/getting-started.md" lang="pt" >}})
 
 ## Passo 1: Criar o componente no backend
diff --git a/content/pt/backend/_index.md b/content/pt/backend/_index.md
index a73428133..d90ba7e5e 100644
--- a/content/pt/backend/_index.md
+++ b/content/pt/backend/_index.md
@@ -1,5 +1,5 @@
 ---
 title: Backend
 weight: 6
-description: Nesta seção estão todas as configurações, libs e tutorials relacionados a plataforma backend
+description: 'Esta seção lista todas as tecnologias backend que o Beagle da suporte atualmente'
 ---
diff --git a/content/pt/backend/kotlin/_index.md b/content/pt/backend/kotlin/_index.md
new file mode 100644
index 000000000..3661c4713
--- /dev/null
+++ b/content/pt/backend/kotlin/_index.md
@@ -0,0 +1,13 @@
+---
+title: Kotlin
+weight: 1
+type: overview
+description: Nesta seção, você encontra detalhes de como usar o Beagle em uma aplicação backend kotlin.
+---
+
+---
+
+Antes de integrar o Beagle à sua aplicação para rodá-lo no backend, é importante validar se sua máquina está com as versões corretas instaladas dos seguintes softwares:
+
+- **JDK 8+ language \(Kotlin 1.3+ é recomendado\)**
+- **Maven 3+**
\ No newline at end of file
diff --git a/content/pt/backend/customization/_index.md b/content/pt/backend/kotlin/customization/_index.md
similarity index 100%
rename from content/pt/backend/customization/_index.md
rename to content/pt/backend/kotlin/customization/_index.md
diff --git a/content/pt/backend/customization/beagle-framework.md b/content/pt/backend/kotlin/customization/beagle-framework.md
similarity index 100%
rename from content/pt/backend/customization/beagle-framework.md
rename to content/pt/backend/kotlin/customization/beagle-framework.md
diff --git a/content/pt/backend/customization/serialization.md b/content/pt/backend/kotlin/customization/serialization.md
similarity index 100%
rename from content/pt/backend/customization/serialization.md
rename to content/pt/backend/kotlin/customization/serialization.md
diff --git a/content/pt/backend/get-started/_index.md b/content/pt/backend/kotlin/get-started/_index.md
similarity index 100%
rename from content/pt/backend/get-started/_index.md
rename to content/pt/backend/kotlin/get-started/_index.md
diff --git a/content/pt/backend/get-started/creating-a-project-from-scratch.md b/content/pt/backend/kotlin/get-started/creating-a-project-from-scratch.md
similarity index 98%
rename from content/pt/backend/get-started/creating-a-project-from-scratch.md
rename to content/pt/backend/kotlin/get-started/creating-a-project-from-scratch.md
index b65546cca..9275f9a10 100644
--- a/content/pt/backend/get-started/creating-a-project-from-scratch.md
+++ b/content/pt/backend/kotlin/get-started/creating-a-project-from-scratch.md
@@ -55,7 +55,7 @@ Siga os passos abaixo para importar o projeto que você criou. Primeiro, abra su
 
 ### Passo 1: Configurar o projeto
 
-Como ponto de partida, siga o [**passo a passo para instalar o backend**]({{< ref path="/backend/get-started/installing-beagle" lang="pt" >}}).
+Como ponto de partida, siga o [**passo a passo para instalar o backend**]({{< ref path="/backend/kotlin/get-started/installing-beagle" lang="pt" >}}).
 
 ### Passo 2: Definir a Estrutura
 
@@ -225,7 +225,7 @@ Uma estrutura JSON tem que aparecer na sua tela similar a estrutura abaixo:
 
 Se essa não for a resposta que você teve, é necessário checar o processo de configuração. Volte aos passos anteriores e comece pelas classes que apresentam maiores equívocos quando configuradas pela primeira vez.
 
-Se preferir, pegue o projeto pronto no repositório do Beagle e compare com o seu. Acesse o [**repositório**](https://github.com/ZupIT/beagle/tree/master/backend/sample).
+Se preferir, pegue o projeto pronto no repositório do Beagle e compare com o seu. Acesse o [**repositório**](https://github.com/ZupIT/beagle/tree/master/backend/kotlin/sample).
 
 {{% alert color="info" %}}
 Para que o serviço de backend seja consumido, você deve ter o front-end preparado para o Beagle, seja Android, iOS ou Web. Tudo irá funcionar usando o mesmo JSON do backend.
diff --git a/content/pt/backend/get-started/installing-beagle.md b/content/pt/backend/kotlin/get-started/installing-beagle.md
similarity index 93%
rename from content/pt/backend/get-started/installing-beagle.md
rename to content/pt/backend/kotlin/get-started/installing-beagle.md
index 5c27e8c6b..e8951a001 100644
--- a/content/pt/backend/get-started/installing-beagle.md
+++ b/content/pt/backend/kotlin/get-started/installing-beagle.md
@@ -30,7 +30,7 @@ Se você já tiver atualizado todos estes programas, basta seguir as instruçõe
 No momento de criar o microsserviço, recomendamos que você utilize os mesmos mecanismos estabelecidos. Caso este não seja o seu caso, então basta seguir as configurações abaixo.
 
 {{% alert color="warning" %}}
-Se o seu time trabalha com microsserviços usando outros frameworks, acesse o [**framework do Beagle**]({{< ref path="/backend/customization/beagle-framework" lang="pt" >}}).  
+Se o seu time trabalha com microsserviços usando outros frameworks, acesse o [**framework do Beagle**]({{< ref path="/backend/kotlin/customization/beagle-framework" lang="pt" >}}).  
 {{% /alert %}}
 
 Para uma configuração simples, você pode escolher entre **2 modelos de frameworks** para criar seu BFF:
@@ -183,7 +183,7 @@ Sempre verifique se você está usando a versão mais recente do Beagle. Para sa
 
 Parabéns, a configuração inicial está pronta para uso!
 
-Você pode conferir um **exemplo prático** de tela ou componente Server-Driven [**para testar o BFF**]({{< ref path="/backend/get-started/using-beagle" lang="pt" >}})
+Você pode conferir um **exemplo prático** de tela ou componente Server-Driven [**para testar o BFF**]({{< ref path="/backend/kotlin/get-started/using-beagle" lang="pt" >}})
 
 {{% alert color="danger" %}}
 O Spring Boot tem um problema conhecido envolvendo seu `WebMvcConfigurationSupport`. Sua presença substitui outras configurações do Jackson, incluindo a do `Spring Starter`.
@@ -201,13 +201,13 @@ A anotação `@EnableWebMvc` causa o mesmo problema, o que requer que ela també
 Pronto, a configuração inicial está pronta para uso!
 {{% /alert %}}
 
-Você pode conferir um **exemplo prático** de [**como testar o Beagle no Backend**]({{< ref path="/backend/get-started/using-beagle" lang="pt" >}}) ou componente Server-Driven para testar o BFF.
+Você pode conferir um **exemplo prático** de [**como testar o Beagle no Backend**]({{< ref path="/backend/kotlin/get-started/using-beagle" lang="pt" >}}) ou componente Server-Driven para testar o BFF.
 
 ## Próximos Passos
 
 Nesta seção, você fez a **instalação inicial** do Beagle na sua aplicação!  
 Para continuar a configurar o Beagle:
 
-👉Vá para as [**configurações iniciais**]({{< ref path="/backend/get-started/using-beagle" lang="pt" >}}) para habilitar uso do Beagle no seu projeto Backend
+👉Vá para as [**configurações iniciais**]({{< ref path="/backend/kotlin/get-started/using-beagle" lang="pt" >}}) para habilitar uso do Beagle no seu projeto Backend
 
-👉 Se quiser ir direto para prática, acesse nosso [**tutorial para criar um projeto do zero**]({{< ref path="/backend/get-started/creating-a-project-from-scratch" lang="pt" >}})
+👉 Se quiser ir direto para prática, acesse nosso [**tutorial para criar um projeto do zero**]({{< ref path="/backend/kotlin/get-started/creating-a-project-from-scratch" lang="pt" >}})
diff --git a/content/pt/backend/get-started/using-beagle.md b/content/pt/backend/kotlin/get-started/using-beagle.md
similarity index 98%
rename from content/pt/backend/get-started/using-beagle.md
rename to content/pt/backend/kotlin/get-started/using-beagle.md
index c5f872b89..c469f085b 100644
--- a/content/pt/backend/get-started/using-beagle.md
+++ b/content/pt/backend/kotlin/get-started/using-beagle.md
@@ -10,7 +10,7 @@ description: >-
 
 ## Configurações de uso
 
-Quando você finalizar a [**instalação do Beagle**]({{< ref path="/backend/get-started/installing-beagle" lang="pt" >}}), seu BFF estará com a configuração padrão de uso.
+Quando você finalizar a [**instalação do Beagle**]({{< ref path="/backend/kotlin/get-started/installing-beagle" lang="pt" >}}), seu BFF estará com a configuração padrão de uso.
 
 ### CORS (Cross-Origin Resource Sharing)
 
diff --git a/content/pt/backend/overview.md b/content/pt/backend/kotlin/overview.md
similarity index 85%
rename from content/pt/backend/overview.md
rename to content/pt/backend/kotlin/overview.md
index b6b958a8e..4512a7952 100644
--- a/content/pt/backend/overview.md
+++ b/content/pt/backend/kotlin/overview.md
@@ -2,7 +2,7 @@
 title: Visão Geral
 weight: 1
 type: overview
-description: Nesta seção, você encontra detalhes de como usar o Beagle em uma aplicação backend.
+description: Nesta seção, você encontra detalhes de como usar o Beagle em uma aplicação backend kotlin.
 ---
 
 ---
diff --git a/content/pt/backend/support-libraries/_index.md b/content/pt/backend/kotlin/support-libraries/_index.md
similarity index 100%
rename from content/pt/backend/support-libraries/_index.md
rename to content/pt/backend/kotlin/support-libraries/_index.md
diff --git a/content/pt/backend/support-libraries/beagle-grpc.md b/content/pt/backend/kotlin/support-libraries/beagle-grpc.md
similarity index 98%
rename from content/pt/backend/support-libraries/beagle-grpc.md
rename to content/pt/backend/kotlin/support-libraries/beagle-grpc.md
index e3ed35f93..124514e56 100644
--- a/content/pt/backend/support-libraries/beagle-grpc.md
+++ b/content/pt/backend/kotlin/support-libraries/beagle-grpc.md
@@ -294,8 +294,8 @@ Pronto! Sua aplicação estará disponível localmente no endereço:
 
 - Para este exemplo, você precisará de um cliente para obter a resposta do serviço. Recomendamos o [BloomRPC](https://github.com/uw-labs/bloomrpc) para simular uma solicitação local em sua API gRPC
 
-- Você também precisará adicionar os arquivos proto da lib do Beagle gRPC no cliente bloomRPC. Você pode acessar esses arquivos [aqui](https://github.com/ZupIT/beagle-grpc/tree/master/backend/grpc-backend-lib/src/main/proto)
+- Você também precisará adicionar os arquivos proto da lib do Beagle gRPC no cliente bloomRPC. Você pode acessar esses arquivos [aqui](https://github.com/ZupIT/beagle-grpc/tree/master/backend/kotlin/grpc-backend-lib/src/main/proto)
 
 ### **Leia mais sobre o beagle com gRPC**
 
-#### 👉 Este tutorial está disponível no GitHub com exemplos mais avançados, como headers e interceptors por exemplo. Se você estiver interessado, [acesse-os aqui](https://github.com/ZupIT/beagle-grpc/tree/master/backend/examples)
+#### 👉 Este tutorial está disponível no GitHub com exemplos mais avançados, como headers e interceptors por exemplo. Se você estiver interessado, [acesse-os aqui](https://github.com/ZupIT/beagle-grpc/tree/master/backend/kotlin/examples)
diff --git a/content/pt/backend/typescript/_index.md b/content/pt/backend/typescript/_index.md
new file mode 100644
index 000000000..86456d153
--- /dev/null
+++ b/content/pt/backend/typescript/_index.md
@@ -0,0 +1,9 @@
+---
+title: Typescript
+weight: 1
+type: overview
+description: Nesta seção você aprende como usar o Beagle Backend para Typescript
+---
+
+---
+[Clique aqui](https://github.com/ZupIT/beagle-backend-ts/wiki/Getting-started) para começar com o Beagle Backend para Typescript
\ No newline at end of file
diff --git a/content/pt/backend/typescript/overview.md b/content/pt/backend/typescript/overview.md
new file mode 100644
index 000000000..af32223fb
--- /dev/null
+++ b/content/pt/backend/typescript/overview.md
@@ -0,0 +1,9 @@
+---
+title: Visão Geral
+weight: 1
+type: overview
+description: Nesta seção você aprende como usar o Beagle Backend para Typescript
+---
+
+---
+[Clique aqui](https://github.com/ZupIT/beagle-backend-ts/wiki/Getting-started) para começar com o Beagle Backend para Typescript
\ No newline at end of file
diff --git a/content/pt/contribute/hugo-shortcodes.md b/content/pt/contribute/hugo-shortcodes.md
index cae8dce64..fbffd656a 100644
--- a/content/pt/contribute/hugo-shortcodes.md
+++ b/content/pt/contribute/hugo-shortcodes.md
@@ -26,7 +26,7 @@ A melhor maneira para fazer referências a links **_internos_** a documentação
 
 - Será renderizado como:
 
-[Link Example]({{< ref path="/backend/get-started/creating-a-project-from-scratch" lang="pt">}})
+[Link Example]({{< ref path="/backend/kotlin/get-started/creating-a-project-from-scratch" lang="pt">}})
 
 > Para saber mais a respeito, [acesse aqui](https://gohugo.io/content-management/cross-references/)
 
diff --git a/content/pt/ios/libs/beagle-grpc-ios.md b/content/pt/ios/libs/beagle-grpc-ios.md
index bc7201e9e..702b16705 100644
--- a/content/pt/ios/libs/beagle-grpc-ios.md
+++ b/content/pt/ios/libs/beagle-grpc-ios.md
@@ -60,7 +60,7 @@ Para um NetworkClientGRPC são necessários os seguintes parâmetros:
 
 {{% alert color="info" %}}
 Nesta seção assume-se que seu servidor gRPC rodando no endereço `0.0.0.0` na porta `50051`.
-Consulte a página [Beagle gRPC Backend]({{< ref path="/backend/support-libraries/beagle-grpc.md" lang="pt" >}}) para mais informações sobre como rodar seu servidor.
+Consulte a página [Beagle gRPC Backend]({{< ref path="/backend/kotlin/support-libraries/beagle-grpc.md" lang="pt" >}}) para mais informações sobre como rodar seu servidor.
 {{% /alert %}}
 
 Adicione a dependência no seu Podfile
diff --git a/content/pt/ios/tutorials/adding-beagle-to-a-part-of-a-native-screen/adding-a-beagle-server-driven-component.md b/content/pt/ios/tutorials/adding-beagle-to-a-part-of-a-native-screen/adding-a-beagle-server-driven-component.md
index 2ba796f7d..53f0fee08 100644
--- a/content/pt/ios/tutorials/adding-beagle-to-a-part-of-a-native-screen/adding-a-beagle-server-driven-component.md
+++ b/content/pt/ios/tutorials/adding-beagle-to-a-part-of-a-native-screen/adding-a-beagle-server-driven-component.md
@@ -20,7 +20,7 @@ No exemplo abaixo, vamos exibir um botão server-driven em uma tela nativa. O re
 
 Para que essa configuração funcione corretamente, você precisa de:
 
-- Um [**BFF**]({{< ref path="/key-concepts#backend-for-frontend" lang="pt" >}}) configurado com o Beagle. Caso não o tenha, veja como configurar nesse [**tutorial**]({{< ref path="/backend/get-started/creating-a-project-from-scratch" lang="pt" >}}).
+- Um [**BFF**]({{< ref path="/key-concepts#backend-for-frontend" lang="pt" >}}) configurado com o Beagle. Caso não o tenha, veja como configurar nesse [**tutorial**]({{< ref path="/backend/kotlin/get-started/creating-a-project-from-scratch" lang="pt" >}}).
 - Um frontend configurado com o Beagle para Android ou iOS. Caso não o tenha, siga um dos tutoriais de acordo com sistema operacional:
   - [**Android**]({{< ref path="/android/getting-started" lang="pt" >}})
   - [**iOS**]({{< ref path="/ios/getting-started" lang="pt" >}})
diff --git a/content/pt/plugins/live-preview.md b/content/pt/plugins/live-preview.md
index 1f1b32308..5d48a3258 100644
--- a/content/pt/plugins/live-preview.md
+++ b/content/pt/plugins/live-preview.md
@@ -24,12 +24,12 @@ Esta conexão entre frontend e backend é feita via `WebSocket` utilizando a por
 
 Para usar o `Live Preview` você deve:
 
-- Usar o [**Beagle SDK**]({{< ref path="/backend/get-started/creating-a-project-from-scratch" lang="pt" >}}) em seu BFF **;**
+- Usar o [**Beagle SDK**]({{< ref path="/backend/kotlin/get-started/creating-a-project-from-scratch" lang="pt" >}}) em seu BFF **;**
 - Instalar o `BeaglePreview` plugin;
 
 ### Configuração do BFF
 
-Você precisa que seu BFF esteja configurado com o Beagle para utilizar o Live Preview. Caso ainda não o tenha, faça o [**download de um projeto inicial pronto**](https://github.com/ZupIT/beagle-examples/tree/master/BeagleSampleBackend). Outra possibilidade que você pode fazer, é o nosso tutorial de [**como implementar um backend**]({{< ref path="/backend/get-started/creating-a-project-from-scratch" lang="pt" >}}) com o Beagle configurado.
+Você precisa que seu BFF esteja configurado com o Beagle para utilizar o Live Preview. Caso ainda não o tenha, faça o [**download de um projeto inicial pronto**](https://github.com/ZupIT/beagle-examples/tree/master/BeagleSampleBackend). Outra possibilidade que você pode fazer, é o nosso tutorial de [**como implementar um backend**]({{< ref path="/backend/kotlin/get-started/creating-a-project-from-scratch" lang="pt" >}}) com o Beagle configurado.
 
 ### Instalação **do plugin IntelliJ**
 
diff --git a/content/pt/resources/platform-sorting.md b/content/pt/resources/platform-sorting.md
index 742586219..113222125 100644
--- a/content/pt/resources/platform-sorting.md
+++ b/content/pt/resources/platform-sorting.md
@@ -66,7 +66,7 @@ Button(text = "android only text").forPlatform(BeaglePlatform.ANDROID),
 Button(text = "text free for all")
 ```
 
-Se quiser saber como configurar esta funcionalidade, veja na seção de [**customização do Beagle**]({{< ref path="/backend/customization" lang="pt" >}}).
+Se quiser saber como configurar esta funcionalidade, veja na seção de [**customização do Beagle**]({{< ref path="/backend/kotlin/customization" lang="pt" >}}).
 
 {{% alert color="info" %}}
 Caso utilize um dos Beagle starters, não é necessário realizar a configuração da funcionalidade manualmente, pois ela já vem pré-configurada.
diff --git a/content/pt/web/angular/using-beagle.md b/content/pt/web/angular/using-beagle.md
index 6daf36a1c..eb2ca248d 100644
--- a/content/pt/web/angular/using-beagle.md
+++ b/content/pt/web/angular/using-beagle.md
@@ -61,10 +61,10 @@ export class AppModule { }
 
 Agora, você precisa criar um arquivo JSON que definirá os componentes que serão renderizados.
 
-Para uma melhor experiência o JSON deve ser criado por meio de um BFF, como configurar um BFF você encontra [**aqui**]({{< ref path="/backend/get-started/creating-a-project-from-scratch" lang="pt" >}}), neste exemplo usaremos o JSON que está disponibilizado na URL http://usebeagle.io.s3-website-sa-east-1.amazonaws.com/start/welcome:
+Para uma melhor experiência o JSON deve ser criado por meio de um BFF, como configurar um BFF você encontra [**aqui**]({{< ref path="/backend/kotlin/get-started/creating-a-project-from-scratch" lang="pt" >}}), neste exemplo usaremos o JSON que está disponibilizado na URL http://usebeagle.io.s3-website-sa-east-1.amazonaws.com/start/welcome:
 
 {{% alert color="info" %}}
-Caso queira criar seu próprio BFF, você pode seguir a configuração do backend. Veja como fazer isso nas [**configurações de uso para backend**]({{< ref path="/backend/get-started/creating-a-project-from-scratch" lang="pt" >}}).
+Caso queira criar seu próprio BFF, você pode seguir a configuração do backend. Veja como fazer isso nas [**configurações de uso para backend**]({{< ref path="/backend/kotlin/get-started/creating-a-project-from-scratch" lang="pt" >}}).
 {{% /alert %}}
 
 {{% alert color="info" %}}
diff --git a/content/pt/web/commons/creating-a-project-from-scratch.md b/content/pt/web/commons/creating-a-project-from-scratch.md
index 779279eca..c558b9d92 100644
--- a/content/pt/web/commons/creating-a-project-from-scratch.md
+++ b/content/pt/web/commons/creating-a-project-from-scratch.md
@@ -164,7 +164,7 @@ export default createBeagleUIService({
 
 ### Crie o JSON para ser renderizado
 
-Para uma melhor experiência o JSON deve ser criado por meio de um BFF, como configurar um BFF você encontra [**aqui**]({{< ref path="/backend/get-started/creating-a-project-from-scratch" lang="pt" >}}), neste exemplo usaremos o JSON que está disponibilizado na URL http://usebeagle.io.s3-website-sa-east-1.amazonaws.com/start/welcome:
+Para uma melhor experiência o JSON deve ser criado por meio de um BFF, como configurar um BFF você encontra [**aqui**]({{< ref path="/backend/kotlin/get-started/creating-a-project-from-scratch" lang="pt" >}}), neste exemplo usaremos o JSON que está disponibilizado na URL http://usebeagle.io.s3-website-sa-east-1.amazonaws.com/start/welcome:
 
 {{% alert color="info" %}}
 JSON utilizado como exemplo.
diff --git a/content/pt/web/react/using-beagle.md b/content/pt/web/react/using-beagle.md
index 53d60f729..4a3daa466 100644
--- a/content/pt/web/react/using-beagle.md
+++ b/content/pt/web/react/using-beagle.md
@@ -38,7 +38,7 @@ Ao final deste processo, será gerado um novo arquivo em seu projeto:
 
 ### **Passo 2: Criação do JSON de definição do layout**
 
-Para uma melhor experiencia o JSON deve ser criado por meio de um BFF, como configurar um BFF você encontra [**aqui**]({{< ref path="/backend/get-started/creating-a-project-from-scratch" lang="pt" >}}), neste exemplo usaremos o JSON que está disponibilizado na URL http://usebeagle.io.s3-website-sa-east-1.amazonaws.com/start/welcome:
+Para uma melhor experiencia o JSON deve ser criado por meio de um BFF, como configurar um BFF você encontra [**aqui**]({{< ref path="/backend/kotlin/get-started/creating-a-project-from-scratch" lang="pt" >}}), neste exemplo usaremos o JSON que está disponibilizado na URL http://usebeagle.io.s3-website-sa-east-1.amazonaws.com/start/welcome:
 
 {{% alert color="info" %}}
 JSON utilizado como exemplo .