Skip to content

Commit

Permalink
content(integrations): angular
Browse files Browse the repository at this point in the history
  • Loading branch information
@brunobuddy
brunobuddy committed Dec 6, 2023
1 parent 90ad7df commit cf09771
Show file tree
Hide file tree
Showing 2 changed files with 171 additions and 1 deletion.
21 changes: 21 additions & 0 deletions src/app/app-routing.module.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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'
Expand Down
151 changes: 150 additions & 1 deletion src/app/pages/integration/content.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down Expand Up @@ -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>
`
}
}
}

0 comments on commit cf09771

Please sign in to comment.