diff --git a/.eslintrc.js b/.eslintrc.js
index fa8f035..27858cb 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -48,6 +48,10 @@ module.exports = {
       parser: 'ember-eslint-parser',
       plugins: ['ember'],
       extends: ['eslint:recommended', 'plugin:ember/recommended', 'plugin:ember/recommended-gts'],
+      rules: {
+        'no-unused-vars': 'off',
+        'no-undef': 'off',
+      }
     },
     // node files
     {
diff --git a/README.md b/README.md
index 62b360d..21ae30b 100644
--- a/README.md
+++ b/README.md
@@ -21,7 +21,7 @@
 - Flash messages (ember-cli-flash)
 - Tests (ember-test-selectors, ember-cli-page-object, playwright)
 - Sessions,Login,Logout,... (ember-simple-auth,ember-simple-auth-token)
-- Base ember adapter, serializer and controller
+- Ember data next gen (RequestManager based)
 - Ember concurrency
 - Test seeding & parallelization (ember-exam)
 - dev & test mocking (msw)
diff --git a/app/components/forms/register.gts b/app/components/forms/register.gts
index 29786d0..80c426f 100644
--- a/app/components/forms/register.gts
+++ b/app/components/forms/register.gts
@@ -21,7 +21,7 @@ export interface FormsRegisterSignature {
   Element: HTMLFormElement;
 }
 
-export default class FormsRegister extends Component<FormsRegisterSignature> {
+export default class RegisterForm extends Component<FormsRegisterSignature> {
   maskForEuro = {
     mask: 'num €',
     lazy: false,
diff --git a/app/templates/404.gts b/app/templates/404.gts
index 6e983c3..f4cb0a4 100644
--- a/app/templates/404.gts
+++ b/app/templates/404.gts
@@ -17,10 +17,10 @@ class NotFoundRouteComponent extends Component<NotFoundRouteComponentSignature>
     <div data-test-page="404" class="mt-36 flex flex-col items-center mb-20">
       <img class="w-1/2" src="/assets/images/page-404.svg" alt="" />
       <h1 class="text-5xl font-semibold">
-        {{t "components.pages.404.title"}}
+        {{t "components.templates.404.title"}}
       </h1>
       <p class="text-xl mt-5">
-        {{t "components.pages.404.content"}}
+        {{t "components.templates.404.content"}}
       </p>
       <button
         data-test-btn-back
@@ -28,7 +28,7 @@ class NotFoundRouteComponent extends Component<NotFoundRouteComponentSignature>
         class="mt-12 bg-primary py-2 px-4 rounded-lg font-xl font-extralight text-black"
         {{on "click" this.comeback}}
       >
-        {{t "components.pages.404.back"}}
+        {{t "components.templates.404.back"}}
       </button>
     </div>
   </template>
diff --git a/app/templates/login.gts b/app/templates/login.gts
index 7a1900c..9639a48 100644
--- a/app/templates/login.gts
+++ b/app/templates/login.gts
@@ -52,7 +52,7 @@ class PagesLogin extends Component<PagesLoginArgs> {
   }
 
   <template>
-    <LoginLayout @title={{t "components.pages.login.title"}}>
+    <LoginLayout @title={{t "components.templates.login.title"}}>
       <FormsLogin
         @validationSchema={{this.validationSchema}}
         @changeset={{this.changeset}}
diff --git a/app/templates/register.gts b/app/templates/register.gts
index 95b64aa..b92f179 100644
--- a/app/templates/register.gts
+++ b/app/templates/register.gts
@@ -4,7 +4,7 @@ import { action } from '@ember/object';
 import { service } from '@ember/service';
 
 import { RegisterChangeset } from 'ember-boilerplate/changesets/register';
-import FormsRegister from 'ember-boilerplate/components/forms/register';
+import RegisterForm from 'ember-boilerplate/components/forms/register';
 import LoginLayout from 'ember-boilerplate/components/login-layout';
 import formsRegisterSchema from 'ember-boilerplate/validations/register';
 import t from 'ember-intl/helpers/t';
@@ -49,12 +49,12 @@ class RegisterRouteComponent extends Component<RegisterRouteComponentSignature>
       return this.errorHandler.handle(user.error.message);
     }
 
-    return this.flashMessages.success('components.pages.register.success_message');
+    return this.flashMessages.success('components.templates.register.success_message');
   }
 
   <template>
-    <LoginLayout @title={{t "components.pages.register.title"}}>
-      <FormsRegister
+    <LoginLayout @title={{t "components.templates.register.title"}}>
+      <RegisterForm
         @changeset={{this.changeset}}
         @validationSchema={{this.validationSchema}}
         @saveFunction={{this.saveRegister}}
diff --git a/app/templates/reset-password.gts b/app/templates/reset-password.gts
index 94ec202..a73e9e5 100644
--- a/app/templates/reset-password.gts
+++ b/app/templates/reset-password.gts
@@ -53,7 +53,7 @@ class ResetPasswordRouteComponent extends Component<ResetPasswordRouteComponentS
   }
 
   <template>
-    <LoginLayout @title={{t "components.pages.reset-password.title"}}>
+    <LoginLayout @title={{t "components.templates.reset-password.title"}}>
       <FormsPasswordRecovery
         @validationSchema={{this.validationSchema}}
         @changeset={{this.changeset}}
diff --git a/images/Dockerfile b/images/Dockerfile
index 64b897d..d8f3f9e 100644
--- a/images/Dockerfile
+++ b/images/Dockerfile
@@ -1,4 +1,4 @@
-FROM node:18
+FROM node:20
 WORKDIR /app
 ARG BUILD_ENV=development
 COPY . .
@@ -21,4 +21,4 @@ WORKDIR /etc/nginx
 COPY images/init.sh .
 RUN chmod +x /etc/nginx/init.sh
 
-CMD ["/bin/bash","init.sh"]
\ No newline at end of file
+CMD ["/bin/bash","init.sh"]
diff --git a/lefthook.yml b/lefthook.yml
index a1773b2..48f275e 100644
--- a/lefthook.yml
+++ b/lefthook.yml
@@ -7,7 +7,7 @@ pre-push:
   commands:
     test:
       tags: frontend
-      run: pnpm test
+      run: pnpm ember test --filter "!Acceptance"
 # pre-commit:
 #   parallel: true
 #   commands:
diff --git a/tests/integration/components/forms/register/component-test.ts b/tests/integration/components/forms/register/component-test.gts
similarity index 58%
rename from tests/integration/components/forms/register/component-test.ts
rename to tests/integration/components/forms/register/component-test.gts
index d8c5c79..8b3b71e 100644
--- a/tests/integration/components/forms/register/component-test.ts
+++ b/tests/integration/components/forms/register/component-test.gts
@@ -1,30 +1,19 @@
 import { render } from '@ember/test-helpers';
-import { hbs } from 'ember-cli-htmlbars';
 import { module, test } from 'qunit';
-
 import { RegisterChangeset } from 'ember-boilerplate/changesets/register';
 import { setupRenderingTest } from 'ember-boilerplate/tests/helpers';
 import { pagesFormsRegister } from 'ember-boilerplate/tests/pages/forms/register';
 import validationsRegister from 'ember-boilerplate/validations/register';
-
 import { setupIntl } from 'ember-intl/test-support';
-
-import type { TestContext } from '@ember/test-helpers';
-
-interface RegisterTestContext extends TestContext {
-  changeset: RegisterChangeset;
-  saveFunction: (changeset: RegisterChangeset) => void;
-  validationSchema: typeof validationsRegister;
-}
+import RegisterForm from 'ember-boilerplate/components/forms/register';
+import type { Schema } from 'yup';
 
 module('Integration | Component | forms/register', function (hooks) {
   setupRenderingTest(hooks);
   setupIntl(hooks, ['fr-fr']);
 
-  let changeset: RegisterChangeset;
-
-  hooks.beforeEach<RegisterTestContext>(function () {
-    changeset = new RegisterChangeset({
+  function createChangeset(): RegisterChangeset {
+    return new RegisterChangeset({
       email: 'test@triptyk.eu',
       lastName: 'triptyk',
       firstName: 'papa',
@@ -33,34 +22,33 @@ module('Integration | Component | forms/register', function (hooks) {
       password: '',
       confirmPassword: '',
     });
+  }
 
-    this.set('changeset', changeset);
-  });
-
-  function renderForm() {
-    return render<RegisterTestContext>(
-      hbs`
-        <Forms::Register
-            @changeset={{this.changeset}}
-            @saveFunction={{this.saveFunction}}
-            @validationSchema={{this.validationSchema}}
+  function renderForm(
+    changeset: RegisterChangeset,
+    saveFunction: (changeset: RegisterChangeset) => void,
+    validationSchema: Schema
+  ) {
+    return render(
+      <template>
+        <RegisterForm
+          @changeset={{changeset}}
+          @saveFunction={{saveFunction}}
+          @validationSchema={{validationSchema}}
         />
-      `,
+      </template>
     );
   }
 
   test('Submit with missing field returns errors', async function (assert) {
-    // Testing makes Amaury happy so do your tests
-    this.set('saveFunction', () => {});
-    this.set('validationSchema', validationsRegister);
-    await renderForm();
+    await renderForm(createChangeset(), () => {}, validationsRegister);
     await pagesFormsRegister.submit();
     assert.true(pagesFormsRegister.errors.length > 0);
   });
 
   // note : saveFunction when form is valid is already tested by the component YupForm. No need to test this behavior in the future.
   test('Edit form and trigger saveFunction', async function (assert) {
-    this.set('saveFunction', (changeset: RegisterChangeset) => {
+    let saveFunction = (changeset: RegisterChangeset) => {
       assert.strictEqual(changeset.get('lastName'), 'triptyk');
       assert.strictEqual(changeset.get('firstName'), 'papa');
       assert.strictEqual(changeset.get('email'), 'test@triptyk.eu');
@@ -69,32 +57,24 @@ module('Integration | Component | forms/register', function (hooks) {
       assert.strictEqual(changeset.get('password'), 'hello');
       assert.strictEqual(changeset.get('confirmPassword'), 'hello');
       assert.step('saveFunction');
-    });
-    this.set('validationSchema', validationsRegister);
-    await renderForm();
+    };
+    await renderForm(createChangeset(), saveFunction, validationsRegister);
 
-    await pagesFormsRegister
-      .gift('234,23 €')
-      .password('hello')
-      .confirmPassword('hello');
+    await pagesFormsRegister.gift('234,23 €').password('hello').confirmPassword('hello');
 
     await pagesFormsRegister.submit();
     assert.verifySteps(['saveFunction']);
   });
 
   test('confirmPassword which does not match password returns an error', async function (assert) {
-    this.set('saveFunction', () => {});
-    this.set('validationSchema', validationsRegister);
-    await renderForm();
+    await renderForm(createChangeset(), () => {}, validationsRegister);
 
     await pagesFormsRegister.password('hello').confirmPassword('hellos');
 
     await pagesFormsRegister.submit();
 
     assert.true(
-      pagesFormsRegister.errors[0]?.text?.includes(
-        'validations.confirm_password.not_matching',
-      ),
+      pagesFormsRegister.errors[0]?.text?.includes('validations.confirm_password.not_matching')
     );
   });
 });
diff --git a/tests/integration/components/login/forms/login-test.ts b/tests/integration/components/login/forms/login-test.gts
similarity index 61%
rename from tests/integration/components/login/forms/login-test.ts
rename to tests/integration/components/login/forms/login-test.gts
index 6cef0a0..9f3ded6 100644
--- a/tests/integration/components/login/forms/login-test.ts
+++ b/tests/integration/components/login/forms/login-test.gts
@@ -1,19 +1,19 @@
 /* eslint-disable qunit/require-expect */
-import { render, type TestContext } from '@ember/test-helpers';
+import { render } from '@ember/test-helpers';
 import click from '@ember/test-helpers/dom/click';
-import { hbs } from 'ember-cli-htmlbars';
 import { module, test } from 'qunit';
 import { setupRenderingTest } from 'ember-qunit';
 
 import { loginPage } from 'ember-boilerplate/tests/pages/login';
 import loginSchema from 'ember-boilerplate/validations/login';
-import { type Changeset,ImmerChangeset } from 'ember-immer-changeset';
+import { type Changeset, ImmerChangeset } from 'ember-immer-changeset';
 
 import { setupIntl } from 'ember-intl/test-support';
 
-import type { LoginChangeset } from 'ember-boilerplate/changesets/login';
+import { LoginChangeset } from 'ember-boilerplate/changesets/login';
+import LoginForm from 'ember-boilerplate/components/forms/login';
 
-interface LoginTestContext extends TestContext {
+interface LoginTestContext {
   changeset: LoginChangeset;
   saveFunction: (changeset: Changeset) => void;
   validationSchema: typeof loginSchema;
@@ -23,18 +23,31 @@ module('Integration | Component | FormsLogin', function (hooks) {
   setupRenderingTest(hooks);
   setupIntl(hooks, ['fr-fr']);
 
+  function renderForm(context: LoginTestContext) {
+    return render<LoginTestContext>(
+      <template>
+        <LoginForm
+          @validationSchema={{context.validationSchema}}
+          @changeset={{context.changeset}}
+          @saveFunction={{context.saveFunction}}
+        />
+      </template>
+    );
+  }
+
   test('Create (empty changeset)', async function (assert) {
-    this.set('changeset', new ImmerChangeset({}));
-    this.set('validationSchema', loginSchema);
-    this.set('saveFunction', (changeset: Changeset) => {
+    let validationSchema = loginSchema;
+    let saveFunction = (changeset: Changeset) => {
       assert.step('saveFunction');
       assert.strictEqual(changeset.get('email'), 'edited@gmail.com');
       assert.strictEqual(changeset.get('password'), 'edited');
-    });
+    };
 
-    await render<LoginTestContext>(
-      hbs`<Forms::Login @validationSchema={{this.validationSchema}} @changeset={{this.changeset}} @saveFunction={{this.saveFunction}} />`,
-    );
+    await renderForm({
+      changeset: new LoginChangeset({} as never),
+      validationSchema,
+      saveFunction,
+    });
 
     assert.dom('[data-test-input="email"] input').hasValue('');
     assert.dom('[data-test-input="password"] input').hasValue('');
@@ -46,24 +59,23 @@ module('Integration | Component | FormsLogin', function (hooks) {
   });
 
   test('Edit (populated changeset)', async function (assert) {
-    this.set(
-      'changeset',
-      new ImmerChangeset({
-        email: 'hello',
-        password: 'hello',
-      }),
-    );
-    this.set('validationSchema', loginSchema);
+    let changeset = new ImmerChangeset({
+      email: 'hello',
+      password: 'hello',
+    });
+    let validationSchema = loginSchema;
 
-    this.set('saveFunction', (changeset: Changeset) => {
+    let saveFunction = (changeset: Changeset) => {
       assert.strictEqual(changeset.get('email'), 'edited@gmail.com');
       assert.strictEqual(changeset.get('password'), 'helloEdited');
       assert.step('saveFunction');
-    });
+    };
 
-    await render<LoginTestContext>(
-      hbs`<Forms::Login  @validationSchema={{this.validationSchema}} @saveFunction={{this.saveFunction}} @changeset={{this.changeset}}/>`,
-    );
+    await renderForm({
+      changeset,
+      validationSchema,
+      saveFunction,
+    });
 
     assert.dom('[data-test-input="email"] input').hasValue('hello');
     assert.dom('[data-test-input="password"] input').hasValue('hello');
diff --git a/tests/integration/components/pages/404/component-test.ts b/tests/integration/components/pages/404/component-test.ts
deleted file mode 100644
index 67f028e..0000000
--- a/tests/integration/components/pages/404/component-test.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { module, test } from 'qunit';
-import { setupRenderingTest } from 'ember-qunit';
-
-module('Integration | Component | pages/404', function (hooks) {
-  setupRenderingTest(hooks);
-
-  test('it renders', async function (assert) {
-    assert.expect(0);
-  });
-});
diff --git a/tests/integration/components/yeti-table/pagination/component.ts b/tests/integration/components/yeti-table/pagination/component.ts
deleted file mode 100644
index d1de901..0000000
--- a/tests/integration/components/yeti-table/pagination/component.ts
+++ /dev/null
@@ -1,67 +0,0 @@
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import { action } from '@ember/object';
-
-export interface YetiTablePaginationSignature {
-  Args: {
-    theme: {
-      pagination: {
-        controls: string;
-        previous: string;
-        next: string;
-        info: string;
-        pageSize: string;
-      };
-    },
-    customClass?: string;
-    disabled: boolean;
-    paginationData: {
-      isFirstPage: boolean;
-      isLastPage: boolean;
-      totalRows: number;
-      nextPage: number;
-      pageSize: number;
-      pageEnd: number;
-      pageStart: number;
-    },
-    paginationActions: {
-      previousPage: () => void;
-      changePageSize: (value: string) => void;
-      nextPage: () => void;
-    }
-  },
-  Blocks: {
-    default: []
-  },
-  Element: HTMLDivElement;
-}
-
-/**
- * GLIMMERIZED PAGINATION COMPONENT
- * DO NOT MODIFY
- */
-class Pagination extends Component<YetiTablePaginationSignature> {
-  /**
-   * Array of page sizes to populate the page size `<select>`.
-   * Particularly useful with an array helper, e.g `@pageSize={{array 10 12 23 50 100}}`
-   * Defaults to `[50, 60, 70, 80, 90, 100]`.
-   */
-  @tracked pageSizes = [50, 60, 70, 80, 90, 100];
-
-  get shouldDisablePrevious(): boolean {
-    return this.args['paginationData'].isFirstPage || this.args['disabled'];
-  }
-
-  get shouldDisableNext(): boolean {
-    return this.args['paginationData'].isLastPage || this.args['disabled'];
-  }
-
-  @action
-  changePageSize(ev: Event) {
-    this.args['paginationActions'].changePageSize(
-      (ev.target as HTMLInputElement).value
-    );
-  }
-}
-
-export default Pagination;
diff --git a/tests/integration/components/yeti-table/pagination/template.hbs b/tests/integration/components/yeti-table/pagination/template.hbs
deleted file mode 100644
index d1e387c..0000000
--- a/tests/integration/components/yeti-table/pagination/template.hbs
+++ /dev/null
@@ -1,58 +0,0 @@
-{{! template-lint-disable no-inline-styles }}
-{{! template-lint-disable template-length }}
-<div
-  style={{@customClass}}
-  class="{{@theme.pagination.controls}} yeti-table-pagination-controls"
-  ...attributes
->
-  {{#if (not-eq @paginationData.totalRows 0)}}
-    <div class="yeti-table-pagination-buttons">
-      {{! template-lint-disable no-bare-strings }}
-      <button
-        type="button"
-        class="{{@theme.pagination.previous}} yeti-table-pagination-controls-previous"
-        disabled={{this.shouldDisablePrevious}}
-        title={{t "global.previous"}}
-        {{on "click" @paginationActions.previousPage}}
-      >
-        <img src="/assets/icons/chevron-left.svg" alt="Précédent" />
-        <span class="sr-only">
-          {{t "global.previous"}}
-        </span>
-      </button>
-      <button
-        type="button"
-        class="{{@theme.pagination.next}} yeti-table-pagination-controls-next"
-        disabled={{this.shouldDisableNext}}
-        title={{t "global.next"}}
-        {{on "click" @paginationActions.nextPage}}
-      >
-        <span class="sr-only">
-          {{t "global.next"}}
-        </span>
-        <img src="/assets/icons/chevron-right.svg" alt="Suivant" />
-      </button>
-    </div>
-  {{/if}}
-  <div>
-    <div class="{{@theme.pagination.info}} yeti-table-pagination-controls-page-info">
-      {{@paginationData.pageStart}}
-      -
-      {{@paginationData.pageEnd}}
-      {{t "global.table.on"}}
-      {{@paginationData.totalRows}}
-      {{t "global.table.results"}}
-    </div>
-    <div class="{{@theme.pagination.pageSize}} yeti-table-pagination-controls-page-size">
-      {{t "global.table.resultsByPage"}}:
-      {{! template-lint-disable require-input-label }}
-      <select disabled={{@disabled}} {{on "change" this.changePageSize}}>
-        {{#each this.pageSizes as |pageSize|}}
-          <option value={{pageSize}} selected={{eq @paginationData.pageSize pageSize}}>
-            {{pageSize}}
-          </option>
-        {{/each}}
-      </select>
-    </div>
-  </div>
-</div>
\ No newline at end of file
diff --git a/translations/components/pages/404/fr-fr.yaml b/translations/components/templates/404/fr-fr.yaml
similarity index 100%
rename from translations/components/pages/404/fr-fr.yaml
rename to translations/components/templates/404/fr-fr.yaml
diff --git a/translations/components/pages/forgot-password/fr-fr.yaml b/translations/components/templates/forgot-password/fr-fr.yaml
similarity index 100%
rename from translations/components/pages/forgot-password/fr-fr.yaml
rename to translations/components/templates/forgot-password/fr-fr.yaml
diff --git a/translations/components/pages/login/fr-fr.yaml b/translations/components/templates/login/fr-fr.yaml
similarity index 100%
rename from translations/components/pages/login/fr-fr.yaml
rename to translations/components/templates/login/fr-fr.yaml
diff --git a/translations/components/pages/register/fr-fr.yaml b/translations/components/templates/register/fr-fr.yaml
similarity index 100%
rename from translations/components/pages/register/fr-fr.yaml
rename to translations/components/templates/register/fr-fr.yaml
diff --git a/translations/components/pages/reset-password/fr-fr.yaml b/translations/components/templates/reset-password/fr-fr.yaml
similarity index 100%
rename from translations/components/pages/reset-password/fr-fr.yaml
rename to translations/components/templates/reset-password/fr-fr.yaml
diff --git a/types/template-registry.d.ts b/types/template-registry.d.ts
index 73f5114..3ebe7c4 100644
--- a/types/template-registry.d.ts
+++ b/types/template-registry.d.ts
@@ -6,7 +6,7 @@ import type RenderModifiersRegistry from '@ember/render-modifiers/template-regis
 import type EmberInputRegistry from '@triptyk/ember-input/template-registry';
 import type EmberInputValidationRegistry from '@triptyk/ember-input-validation/template-registry';
 import type FormsLogin from 'ember-boilerplate/components/forms/login';
-import type FormsRegister from 'ember-boilerplate/components/forms/register';
+import type RegisterForm from 'ember-boilerplate/components/forms/register';
 import type EmberIntlRegistry from 'ember-intl/template-registry';
 import type EmberTruthHelpersRegistry from 'ember-truth-helpers/template-registry';
 
@@ -18,8 +18,8 @@ declare module '@glint/environment-ember-loose/registry' {
       EmberTruthHelpersRegistry,
       EmberIntlRegistry {
         // Used for tests only
-        FormsRegister: typeof FormsRegister;
-        'Forms::Register': typeof FormsRegister;
+        FormsRegister: typeof RegisterForm;
+        'Forms::Register': typeof RegisterForm;
         FormsLogin: typeof FormsLogin;
         'Forms::Login': typeof FormsLogin;
       }