From cf097712b443b21d0dd97de370a35f72475a218f Mon Sep 17 00:00:00 2001
From: Bruno <bruno@buddyweb.fr>
Date: Wed, 6 Dec 2023 17:20:57 +0100
Subject: [PATCH] content(integrations): angular

---
 src/app/app-routing.module.ts        |  21 ++++
 src/app/pages/integration/content.ts | 151 ++++++++++++++++++++++++++-
 2 files changed, 171 insertions(+), 1 deletion(-)

diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index 3c4a21e..8e7eb72 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -26,6 +26,27 @@ const routes: Routes = [
       framework: 'react'
     }
   },
+  {
+    path: 'backend-for-angular',
+    component: IntegrationComponent,
+    data: {
+      framework: 'angular'
+    }
+  },
+  {
+    path: 'backend-for-vue',
+    component: IntegrationComponent,
+    data: {
+      framework: 'vue'
+    }
+  },
+  {
+    path: 'backend-for-svelte',
+    component: IntegrationComponent,
+    data: {
+      framework: 'svelte'
+    }
+  },
   {
     path: '**',
     redirectTo: '/404'
diff --git a/src/app/pages/integration/content.ts b/src/app/pages/integration/content.ts
index 01f9136..8c670f1 100644
--- a/src/app/pages/integration/content.ts
+++ b/src/app/pages/integration/content.ts
@@ -3,7 +3,7 @@ export const content = {
     title: 'The best backend for React: CASE',
     h1: 'ReactJS Framework with CASE backend',
     description:
-      'CASE is a Typescript lightweight BaaS (Backend As A Service) requiring minimal coding that can be used with React.',
+      'Plug your ReactJS frontend to a CASE backend and get a fullstack app in minutes.',
     cta: 'Get started with React',
     ctaLink: 'https://case.app/docs/connect/react',
     body: `<p><strong>React is a highly popular front-end framework.</strong> Developed and maintained by Facebook (now Meta), React was first released in 2013 and quickly gained popularity in the developer community.</p>
@@ -49,5 +49,154 @@ export const content = {
     
     <p>Ready to connect your REACT frontend to your new CASE backend?</p>
     `
+  },
+  angular: {
+    title: 'The best backend for Angular: CASE',
+    h1: 'Angular Framework with CASE backend',
+    description:
+      'Plug your Angular frontend to a CASE backend and get a fullstack app in minutes.',
+    cta: 'Get started with Angular',
+    ctaLink: 'https://case.app/docs/connect/angular',
+    body: `<p>Angular (previously AngularJS) is a Google-maintained open-source framework designed for building dynamic web applications. Utilizing TypeScript, it features a component-based structure, enabling developers to create reusable and manageable UI components. Angular's standout features include two-way data binding and dependency injection, simplifying the development of complex applications.</p>
+    
+    <h2 class="title is-2">Why would you need a backend for your Angular app?</h2>
+    At some point, a backend is mandatory for implementing critical features:</p>
+    
+    <ul>
+    <li><strong>Handling Evolving Data</strong><br>
+    Prepare to work with data that is subject to change over time.</li>
+    <li><strong>CRUD Functionalities</strong><br>
+    CRUD refers to the processes of Creating, Reading, Updating, and Deleting. Facilitate user engagement by allowing them to generate and control their content.</li>
+    <li><strong>Implementing User Access</strong><br>
+    This requires setting up systems for user sign-ins and registrations, along with managing permissions for accessing your resources.</li>
+    <li><strong>Management of Files and Images</strong><br>
+    Focus on the upload, storage, and access of files and images.</li>
+    <li><strong>Backend Logic Implementation</strong><br>
+    Consider incorporating backend operations like email dispatch or other activities that require a secure server environment and cannot be handled client-side.</li>
+</ul>
+    
+    <h2 class="title is-2">What is CASE?</h2>
+    CASE is a lightweight backend-as-a-service that deploys a full backend in one-command with everything you need without configuration:</p>
+    
+    <ul>
+        <li>Database</li>
+        <li>REST API</li>
+        <li>Admin Panel</li>
+    </ul>
+    
+    <p><strong>Why is CASE the best backend to use with Angular ?</strong><br>
+    Combining CASE and AngularJS gives you many advantages:</p>
+    
+    <ul>
+        <li>Stay in TypeScript<br>
+        CASE uses TypeScript too ! You can easily create a monorepo and share logic and types</li>
+        <li>Use the JS SDK<br>
+        Use the CASE JS SDK in Angular to access backend functions such as lists, filters, upload, creation, login/logout...</li>
+        <li>Nothing to configure<br>
+        The backend, often a complex realm with many components, is simplified with CASE as there is nothing to configure.</li>
+    </ul>
+    
+    <p>Ready to connect your Angular frontend to your new CASE backend?</p>
+    `,
+    vue: {
+      title: 'The best backend for React: CASE',
+      h1: 'ReactJS Framework with CASE backend',
+      description:
+        'Plug your ReactJS frontend to a CASE backend and get a fullstack app in minutes.',
+      cta: 'Get started with React',
+      ctaLink: 'https://case.app/docs/connect/react',
+      body: `<p><strong>React is a highly popular front-end framework.</strong> Developed and maintained by Facebook (now Meta), React was first released in 2013 and quickly gained popularity in the developer community.</p>
+
+    <p>It offers a blend of performance, reusability, and flexibility. Its widespread adoption and strong community support make it a top choice for developers building interactive web applications.</p>
+    
+    <h2 class="title is-2">Why would you need a backend for your React app?</h2>
+    At some point, a backend is mandatory for implementing critical features:</p>
+    
+    <ul>
+        <li><strong>Get dynamic data</strong><br>
+        You have to deal with dynamic data that will change over time.</li>
+        <li><strong>CRUD operations</strong><br>
+        CRUD stands for Create, Read, Update, and Delete. You may want to enable your users to create and manage their own content.</li>
+        <li><strong>User authentication</strong><br>
+        This involves implementing user authentication (logins, sign-ups) and authorization (access controls) for your resources.</li>
+        <li><strong>File and image storage</strong><br>
+        Handling file uploads, storage, and retrieval.</li>
+        <li><strong>Server-side functions</strong><br>
+        You may want to add server-side logic like sending emails or other functions that cannot be done through the client and need a secure environment.</li>
+    </ul>
+    
+    <h2 class="title is-2">What is CASE?</h2>
+    CASE is a lightweight backend-as-a-service that deploys a full backend in one-command with everything you need without configuration:</p>
+    
+    <ul>
+        <li>Database</li>
+        <li>REST API</li>
+        <li>Admin Panel</li>
+    </ul>
+    
+    <p><strong>Why is CASE the best backend to use with ReactJS?</strong><br>
+    Combining CASE and ReactJS gives you many advantages:</p>
+    
+    <ul>
+        <li>CASE is easy to use as React<br>
+        CASE follows React's philosophy: accessible, simple, and highly expandable.</li>
+        <li>Use the JS SDK<br>
+        Use the CASE JS SDK in React to access backend functions such as lists, filters, upload, creation, login/logout...</li>
+        <li>Nothing to configure<br>
+        The backend, often a complex realm with many components, is simplified with CASE as there is nothing to configure.</li>
+    </ul>
+    
+    <p>Ready to connect your REACT frontend to your new CASE backend?</p>
+    `
+    },
+    angular: {
+      title: 'The best backend for Angular: CASE',
+      h1: 'Angular Framework with CASE backend',
+      description:
+        'Plug your Angular frontend to a CASE backend and get a fullstack app in minutes.',
+      cta: 'Get started with Angular',
+      ctaLink: 'https://case.app/docs/connect/angular',
+      body: `<p>Angular (previously AngularJS) is a Google-maintained open-source framework designed for building dynamic web applications. Utilizing TypeScript, it features a component-based structure, enabling developers to create reusable and manageable UI components. Angular's standout features include two-way data binding and dependency injection, simplifying the development of complex applications.</p>
+    
+    <h2 class="title is-2">Why would you need a backend for your Angular app?</h2>
+    At some point, a backend is mandatory for implementing critical features:</p>
+    
+    <ul>
+    <li><strong>Handling Evolving Data</strong><br>
+    Prepare to work with data that is subject to change over time.</li>
+    <li><strong>CRUD Functionalities</strong><br>
+    CRUD refers to the processes of Creating, Reading, Updating, and Deleting. Facilitate user engagement by allowing them to generate and control their content.</li>
+    <li><strong>Implementing User Access</strong><br>
+    This requires setting up systems for user sign-ins and registrations, along with managing permissions for accessing your resources.</li>
+    <li><strong>Management of Files and Images</strong><br>
+    Focus on the upload, storage, and access of files and images.</li>
+    <li><strong>Backend Logic Implementation</strong><br>
+    Consider incorporating backend operations like email dispatch or other activities that require a secure server environment and cannot be handled client-side.</li>
+</ul>
+    
+    <h2 class="title is-2">What is CASE?</h2>
+    CASE is a lightweight backend-as-a-service that deploys a full backend in one-command with everything you need without configuration:</p>
+    
+    <ul>
+        <li>Database</li>
+        <li>REST API</li>
+        <li>Admin Panel</li>
+    </ul>
+    
+    <p><strong>Why is CASE the best backend to use with Angular ?</strong><br>
+    Combining CASE and AngularJS gives you many advantages:</p>
+    
+    <ul>
+        <li>Stay in TypeScript<br>
+        CASE uses TypeScript too ! You can easily create a monorepo and share logic and types</li>
+        <li>Use the JS SDK<br>
+        Use the CASE JS SDK in Angular to access backend functions such as lists, filters, upload, creation, login/logout...</li>
+        <li>Nothing to configure<br>
+        The backend, often a complex realm with many components, is simplified with CASE as there is nothing to configure.</li>
+    </ul>
+    
+    <p>Ready to connect your Angular frontend to your new CASE backend?</p>
+    `
+    }
   }
 }