diff --git a/components/AppTabs.vue b/components/AppTabs.vue
index 646783d..f0b709a 100644
--- a/components/AppTabs.vue
+++ b/components/AppTabs.vue
@@ -5,11 +5,12 @@
       :key="tab.id"
       :text="tab.title"
       :icon-left="$icons.cube"
+      :route="tab.route"
       color="secondary"
       scheme="none"
       modification="none"
       class="app-tabs__btn"
-      :class="{ 'app-tabs__btn--active': modelValue.id === tab.id }"
+      :class="{ 'app-tabs__btn--active': modelValue?.id === tab.id }"
       @click="updateTab(tab)"
     />
   </div>
@@ -20,7 +21,7 @@ import { AppButton } from '#components'
 import { Tab } from '@/types'
 
 defineProps<{
-  modelValue: Tab
+  modelValue?: Tab
   tabs: Tab[]
 }>()
 
@@ -54,6 +55,7 @@ const updateTab = (tab: Tab) => {
     --app-button-text-focused: var(--text-primary-invert-main);
     --app-button-text-active: var(--text-primary-invert-main);
 
+    &.router-link-active,
     &--active {
       --app-button-bg: var(--primary-main);
       --app-button-bg-hover: var(--primary-main);
diff --git a/components/ToolsSidebar.vue b/components/ToolsSidebar.vue
index 5065f3a..9dc1448 100644
--- a/components/ToolsSidebar.vue
+++ b/components/ToolsSidebar.vue
@@ -71,7 +71,7 @@ const navLinks = computed(() => [
   {
     title: t('tools-sidebar.hash-functions-title'),
     icon: ICON_NAMES.hashtag,
-    route: ROUTE_PATH.hashFunctions,
+    route: ROUTE_PATH.hashFunction,
   },
   {
     title: t('tools-sidebar.converter-title'),
diff --git a/constants/route-names.constant.ts b/constants/route-names.constant.ts
index 67a5236..d1448c2 100644
--- a/constants/route-names.constant.ts
+++ b/constants/route-names.constant.ts
@@ -2,8 +2,19 @@ export const ROUTE_PATH = {
   app: '/',
   audits: '/audits',
   abi: '/abi',
+  abiEncoder: '/abi/encoder',
+  abiDecoder: '/abi/decoder',
   unixEpoch: '/unix-epoch',
+  unixEpochDate: '/unix-epoch/date',
+  unixEpochTimestamp: '/unix-epoch/timestamp',
   converter: '/converter',
-  hashFunctions: '/hash-functions',
+  converterUnit: '/converter/unit',
+  converterNumber: '/converter/number',
+  hashFunction: '/hash-function',
+  hashFunctionKeccak256: '/hash-function/keccak256',
+  hashFunctionSha256: '/hash-function/sha256',
+  hashFunctionRipemd160: '/hash-function/ripemd160',
   addressPredicator: '/address-predictor',
+  addressPredicatorCreate: '/address-predictor/create',
+  addressPredicatorCreate2: '/address-predictor/create2',
 }
diff --git a/error.vue b/error.vue
index ef14deb..c1ce6a4 100644
--- a/error.vue
+++ b/error.vue
@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import { navigateTo } from '#imports'
 import { ROUTE_PATH } from '@/constants'
 navigateTo(ROUTE_PATH.app, { redirectCode: 301 })
 </script>
diff --git a/forms/AbiDecodeForm.vue b/forms/AbiDecodeForm.vue
index 381abe1..7931882 100644
--- a/forms/AbiDecodeForm.vue
+++ b/forms/AbiDecodeForm.vue
@@ -3,7 +3,7 @@
     <div class="abi-decode-form__input">
       <div class="abi-decode-form__title-wrp">
         <h3 class="abi-decode-form__title">
-          {{ title }}
+          {{ $t('abi-decode-form.input-title') }}
         </h3>
         <div class="abi-decode-form__options-wrp">
           <checkbox-field
@@ -177,10 +177,6 @@ const TYPE_OPTIONS: FieldOption[] = without(
   title: v,
 }))
 
-defineProps<{
-  title: string
-}>()
-
 const DEFAULT_FUNCTION_NAME = 'function'
 const { t } = i18n.global
 
diff --git a/forms/AbiEncodeForm.vue b/forms/AbiEncodeForm.vue
index 01f03f0..5ebe2f8 100644
--- a/forms/AbiEncodeForm.vue
+++ b/forms/AbiEncodeForm.vue
@@ -1,7 +1,7 @@
 <template>
   <form class="abi-encode-form" @submit.prevent>
     <div class="abi-encode-form__input">
-      <h3>{{ title }}</h3>
+      <h3>{{ $t('abi-encode-form.input-title') }}</h3>
       <input-field
         v-model="form.funcName"
         :label="$t('abi-encode-form.func-name-label')"
@@ -121,10 +121,6 @@ const TYPE_OPTIONS: FieldOption[] = without(
   title: v,
 }))
 
-defineProps<{
-  title: string
-}>()
-
 const abiEncoding = ref('')
 const funcSignature = ref('')
 
diff --git a/helpers/hash-functions.helpers.ts b/helpers/hash-functions.helpers.ts
index ccb090c..d0a4939 100644
--- a/helpers/hash-functions.helpers.ts
+++ b/helpers/hash-functions.helpers.ts
@@ -8,9 +8,7 @@ import {
 } from 'ethers'
 import { type HashFunction } from '@/types'
 
-export function keccak256(
-  ...[str, type]: Parameters<HashFunction>
-): ReturnType<HashFunction> {
+export const keccak256: HashFunction = (str, type) => {
   const dataHexString = _keccak256(
     type === 'text' ? toUtf8Bytes(str) : toBeHex(str),
   )
@@ -18,9 +16,7 @@ export function keccak256(
   return hexlify(dataHexString)
 }
 
-export function sha256(
-  ...[str, type]: Parameters<HashFunction>
-): ReturnType<HashFunction> {
+export const sha256: HashFunction = (str, type) => {
   const dataHexString = _sha256(
     type === 'text' ? toUtf8Bytes(str) : toBeHex(str),
   )
@@ -28,9 +24,7 @@ export function sha256(
   return hexlify(dataHexString)
 }
 
-export function ripemd160(
-  ...[str, type]: Parameters<HashFunction>
-): ReturnType<HashFunction> {
+export const ripemd160: HashFunction = (str, type) => {
   const dataHexString = _ripemd160(
     type === 'text' ? toUtf8Bytes(str) : toBeHex(str),
   )
diff --git a/nuxt.config.ts b/nuxt.config.ts
index d1dbce0..d64d736 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -1,5 +1,5 @@
-import { defineNuxtConfig } from 'nuxt/config'
 import { IntlifyModuleOptions } from '@intlify/nuxt3'
+import { defineNuxtConfig } from 'nuxt/config'
 import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
 
 import path from 'path'
@@ -148,5 +148,8 @@ export default defineNuxtConfig({
 
   nitro: {
     preset: 'node-server',
+    prerender: {
+      failOnError: false,
+    },
   },
 })
diff --git a/pages/abi.vue b/pages/abi.vue
index b5e2fe9..f665332 100644
--- a/pages/abi.vue
+++ b/pages/abi.vue
@@ -2,16 +2,9 @@
   <div class="abi-page">
     <page-title :title="$t('abi-page.main-title')" />
     <div class="block">
-      <app-tabs v-model="currentTab" :tabs="tabsList" />
+      <app-tabs :tabs="tabsList" />
       <div class="content">
-        <abi-encode-form
-          v-show="currentTab.id === TABS_IDS.encoder"
-          :title="currentTab.title"
-        />
-        <abi-decode-form
-          v-show="currentTab.id === TABS_IDS.decoder"
-          :title="currentTab.title"
-        />
+        <nuxt-page keepalive />
       </div>
     </div>
   </div>
@@ -20,13 +13,14 @@
 <script lang="ts" setup>
 import { AppTabs, PageTitle } from '#components'
 import { definePageMeta } from '#imports'
-import { AbiEncodeForm, AbiDecodeForm } from '@/forms'
+import { ROUTE_PATH } from '@/constants'
 import { type Tab } from '@/types'
-import { computed, ref } from 'vue'
+import { computed } from 'vue'
 import { i18n } from '~/plugins/localization'
 
 definePageMeta({
   layout: 'solidity-tools',
+  redirect: ROUTE_PATH.abiEncoder,
 })
 
 enum TABS_IDS {
@@ -39,13 +33,14 @@ const tabsList = computed<Tab[]>(() => [
   {
     title: t('abi-page.encoder-tab'),
     id: TABS_IDS.encoder,
+    route: ROUTE_PATH.abiEncoder,
   },
   {
     title: t('abi-page.decoder-tab'),
     id: TABS_IDS.decoder,
+    route: ROUTE_PATH.abiDecoder,
   },
 ])
-const currentTab = ref<Tab>(tabsList.value[0])
 </script>
 
 <style lang="scss" scoped>
diff --git a/pages/abi/decoder.vue b/pages/abi/decoder.vue
new file mode 100644
index 0000000..f4f4fdb
--- /dev/null
+++ b/pages/abi/decoder.vue
@@ -0,0 +1,7 @@
+<template>
+  <abi-decode-form />
+</template>
+
+<script lang="ts" setup>
+import { AbiDecodeForm } from '@/forms'
+</script>
diff --git a/pages/abi/encoder.vue b/pages/abi/encoder.vue
new file mode 100644
index 0000000..54c9b4e
--- /dev/null
+++ b/pages/abi/encoder.vue
@@ -0,0 +1,7 @@
+<template>
+  <abi-encode-form />
+</template>
+
+<script lang="ts" setup>
+import { AbiEncodeForm } from '@/forms'
+</script>
diff --git a/pages/address-predictor.vue b/pages/address-predictor.vue
index 0a69fd4..e995965 100644
--- a/pages/address-predictor.vue
+++ b/pages/address-predictor.vue
@@ -2,14 +2,9 @@
   <div class="address-predictor-page">
     <page-title :title="$t('address-predictor-page.main-title')" />
     <div class="block">
-      <app-tabs v-model="currentTab" :tabs="tabsList" />
+      <app-tabs :tabs="tabsList" />
       <div class="content">
-        <create-address-form
-          v-show="currentTab.id === TABS_IDS.createAddressForm"
-        />
-        <create2-address-form
-          v-show="currentTab.id === TABS_IDS.create2AddressForm"
-        />
+        <nuxt-page keepalive />
       </div>
     </div>
   </div>
@@ -17,14 +12,15 @@
 
 <script lang="ts" setup>
 import { AppTabs, PageTitle } from '#components'
-import { CreateAddressForm, Create2AddressForm } from '@/forms'
-import { type Tab } from '@/types'
-import { ref, computed } from 'vue'
 import { definePageMeta } from '#imports'
+import { ROUTE_PATH } from '@/constants'
+import { type Tab } from '@/types'
+import { computed } from 'vue'
 import { i18n } from '~/plugins/localization'
 
 definePageMeta({
   layout: 'solidity-tools',
+  redirect: ROUTE_PATH.addressPredicatorCreate,
 })
 
 enum TABS_IDS {
@@ -37,13 +33,14 @@ const tabsList = computed<Tab[]>(() => [
   {
     title: t('address-predictor-page.create-address-form-tab'),
     id: TABS_IDS.createAddressForm,
+    route: ROUTE_PATH.addressPredicatorCreate,
   },
   {
     title: t('address-predictor-page.create2-address-form-tab'),
     id: TABS_IDS.create2AddressForm,
+    route: ROUTE_PATH.addressPredicatorCreate2,
   },
 ])
-const currentTab = ref<Tab>(tabsList.value[0])
 </script>
 
 <style lang="scss" scoped>
diff --git a/pages/address-predictor/create.vue b/pages/address-predictor/create.vue
new file mode 100644
index 0000000..75c87a9
--- /dev/null
+++ b/pages/address-predictor/create.vue
@@ -0,0 +1,7 @@
+<template>
+  <create-address-form />
+</template>
+
+<script lang="ts" setup>
+import { CreateAddressForm } from '@/forms'
+</script>
diff --git a/pages/address-predictor/create2.vue b/pages/address-predictor/create2.vue
new file mode 100644
index 0000000..3f2d565
--- /dev/null
+++ b/pages/address-predictor/create2.vue
@@ -0,0 +1,7 @@
+<template>
+  <create2-address-form />
+</template>
+
+<script lang="ts" setup>
+import { Create2AddressForm } from '@/forms'
+</script>
diff --git a/pages/converter.vue b/pages/converter.vue
index 7a39cd5..bf83027 100644
--- a/pages/converter.vue
+++ b/pages/converter.vue
@@ -2,14 +2,9 @@
   <div class="converter-page">
     <page-title :title="$t('converter-page.main-title')" />
     <div class="block">
-      <app-tabs v-model="currentTab" :tabs="tabsList" />
+      <app-tabs :tabs="tabsList" />
       <div class="content">
-        <unit-converter-form
-          v-show="currentTab.id === TABS_IDS.unitConverterForm"
-        />
-        <number-converter-form
-          v-show="currentTab.id === TABS_IDS.numberConverterForm"
-        />
+        <nuxt-page keepalive />
       </div>
     </div>
   </div>
@@ -17,14 +12,15 @@
 
 <script lang="ts" setup>
 import { AppTabs, PageTitle } from '#components'
-import { UnitConverterForm, NumberConverterForm } from '@/forms'
-import { type Tab } from '@/types'
-import { ref, computed } from 'vue'
 import { definePageMeta } from '#imports'
+import { ROUTE_PATH } from '@/constants'
+import { type Tab } from '@/types'
+import { computed } from 'vue'
 import { i18n } from '~/plugins/localization'
 
 definePageMeta({
   layout: 'solidity-tools',
+  redirect: ROUTE_PATH.converterUnit,
 })
 
 enum TABS_IDS {
@@ -37,13 +33,14 @@ const tabsList = computed<Tab[]>(() => [
   {
     title: t('converter-page.unit-converter-form-tab'),
     id: TABS_IDS.unitConverterForm,
+    route: ROUTE_PATH.converterUnit,
   },
   {
     title: t('converter-page.number-converter-form-tab'),
     id: TABS_IDS.numberConverterForm,
+    route: ROUTE_PATH.converterNumber,
   },
 ])
-const currentTab = ref<Tab>(tabsList.value[0])
 </script>
 
 <style lang="scss" scoped>
diff --git a/pages/converter/number.vue b/pages/converter/number.vue
new file mode 100644
index 0000000..aa2640e
--- /dev/null
+++ b/pages/converter/number.vue
@@ -0,0 +1,7 @@
+<template>
+  <number-converter-form />
+</template>
+
+<script lang="ts" setup>
+import { NumberConverterForm } from '@/forms'
+</script>
diff --git a/pages/converter/unit.vue b/pages/converter/unit.vue
new file mode 100644
index 0000000..eb7b2ce
--- /dev/null
+++ b/pages/converter/unit.vue
@@ -0,0 +1,7 @@
+<template>
+  <unit-converter-form />
+</template>
+
+<script lang="ts" setup>
+import { UnitConverterForm } from '@/forms'
+</script>
diff --git a/pages/hash-functions.vue b/pages/hash-function.vue
similarity index 53%
rename from pages/hash-functions.vue
rename to pages/hash-function.vue
index 506b553..9be9a8e 100644
--- a/pages/hash-functions.vue
+++ b/pages/hash-function.vue
@@ -2,15 +2,9 @@
   <div class="hash-functions-page">
     <page-title :title="$t('hash-functions-page.main-title')" />
     <div class="block">
-      <app-tabs v-model="currentTab" :tabs="TABS_LIST" />
+      <app-tabs :tabs="TABS_LIST" />
       <div class="content">
-        <template v-for="tab in TABS_LIST" :key="tab.id">
-          <hash-function-form
-            v-show="currentTab.id === tab.id"
-            :title="tab.title"
-            :decode="hashFunctionsMap[tab.id as TABS_IDS]"
-          />
-        </template>
+        <nuxt-page keepalive />
       </div>
     </div>
   </div>
@@ -18,14 +12,13 @@
 
 <script lang="ts" setup>
 import { AppTabs, PageTitle } from '#components'
-import { HashFunctionForm } from '@/forms'
-import { sha256, ripemd160, keccak256 } from '@/helpers'
-import { type Tab, type HashFunction } from '@/types'
-import { ref } from 'vue'
 import { definePageMeta } from '#imports'
+import { ROUTE_PATH } from '@/constants'
+import { type Tab } from '@/types'
 
 definePageMeta({
   layout: 'solidity-tools',
+  redirect: ROUTE_PATH.hashFunctionKeccak256,
 })
 
 enum TABS_IDS {
@@ -38,23 +31,19 @@ const TABS_LIST: Tab[] = [
   {
     title: 'Keccak256',
     id: TABS_IDS.keccak256,
+    route: ROUTE_PATH.hashFunctionKeccak256,
   },
   {
     title: 'Sha256',
     id: TABS_IDS.sha256,
+    route: ROUTE_PATH.hashFunctionSha256,
   },
   {
     title: 'Ripemd160',
     id: TABS_IDS.ripemd160,
+    route: ROUTE_PATH.hashFunctionRipemd160,
   },
 ]
-const currentTab = ref<Tab>(TABS_LIST[0])
-
-const hashFunctionsMap: Record<TABS_IDS, HashFunction> = {
-  [TABS_IDS.keccak256]: keccak256,
-  [TABS_IDS.sha256]: sha256,
-  [TABS_IDS.ripemd160]: ripemd160,
-}
 </script>
 
 <style lang="scss" scoped>
diff --git a/pages/hash-function/keccak256.vue b/pages/hash-function/keccak256.vue
new file mode 100644
index 0000000..7da32e3
--- /dev/null
+++ b/pages/hash-function/keccak256.vue
@@ -0,0 +1,8 @@
+<template>
+  <hash-function-form title="Keccak256" :decode="keccak256" />
+</template>
+
+<script lang="ts" setup>
+import { HashFunctionForm } from '@/forms'
+import { keccak256 } from '@/helpers'
+</script>
diff --git a/pages/hash-function/ripemd160.vue b/pages/hash-function/ripemd160.vue
new file mode 100644
index 0000000..0217960
--- /dev/null
+++ b/pages/hash-function/ripemd160.vue
@@ -0,0 +1,8 @@
+<template>
+  <hash-function-form title="Ripemd160" :decode="ripemd160" />
+</template>
+
+<script lang="ts" setup>
+import { HashFunctionForm } from '@/forms'
+import { ripemd160 } from '@/helpers'
+</script>
diff --git a/pages/hash-function/sha256.vue b/pages/hash-function/sha256.vue
new file mode 100644
index 0000000..3b89b88
--- /dev/null
+++ b/pages/hash-function/sha256.vue
@@ -0,0 +1,8 @@
+<template>
+  <hash-function-form title="Sha256" :decode="sha256" />
+</template>
+
+<script lang="ts" setup>
+import { HashFunctionForm } from '@/forms'
+import { sha256 } from '@/helpers'
+</script>
diff --git a/pages/unix-epoch.vue b/pages/unix-epoch.vue
index e9aa639..258b61c 100644
--- a/pages/unix-epoch.vue
+++ b/pages/unix-epoch.vue
@@ -2,10 +2,9 @@
   <div class="unix-epoch-page">
     <page-title :title="$t('unix-epoch-page.main-title')" />
     <div class="block">
-      <app-tabs v-model="currentTab" :tabs="tabsList" />
+      <app-tabs :tabs="tabsList" />
       <div class="content">
-        <date-form v-show="currentTab.id === TABS_IDS.date" />
-        <timestamp-form v-show="currentTab.id === TABS_IDS.timestamp" />
+        <nuxt-page keepalive />
       </div>
     </div>
   </div>
@@ -13,14 +12,15 @@
 
 <script lang="ts" setup>
 import { AppTabs, PageTitle } from '#components'
-import { DateForm, TimestampForm } from '@/forms'
-import { type Tab } from '@/types'
-import { ref, computed } from 'vue'
 import { definePageMeta } from '#imports'
+import { ROUTE_PATH } from '@/constants'
+import { type Tab } from '@/types'
+import { computed } from 'vue'
 import { i18n } from '~/plugins/localization'
 
 definePageMeta({
   layout: 'solidity-tools',
+  redirect: ROUTE_PATH.unixEpochDate,
 })
 
 enum TABS_IDS {
@@ -33,13 +33,14 @@ const tabsList = computed<Tab[]>(() => [
   {
     title: t('unix-epoch-page.date-form-tab'),
     id: TABS_IDS.date,
+    route: ROUTE_PATH.unixEpochDate,
   },
   {
     title: t('unix-epoch-page.timestamp-form-tab'),
     id: TABS_IDS.timestamp,
+    route: ROUTE_PATH.unixEpochTimestamp,
   },
 ])
-const currentTab = ref<Tab>(tabsList.value[0])
 </script>
 
 <style lang="scss" scoped>
diff --git a/pages/unix-epoch/date.vue b/pages/unix-epoch/date.vue
new file mode 100644
index 0000000..49a4a32
--- /dev/null
+++ b/pages/unix-epoch/date.vue
@@ -0,0 +1,7 @@
+<template>
+  <date-form />
+</template>
+
+<script lang="ts" setup>
+import { DateForm } from '@/forms'
+</script>
diff --git a/pages/unix-epoch/timestamp.vue b/pages/unix-epoch/timestamp.vue
new file mode 100644
index 0000000..5fe7b17
--- /dev/null
+++ b/pages/unix-epoch/timestamp.vue
@@ -0,0 +1,7 @@
+<template>
+  <timestamp-form />
+</template>
+
+<script lang="ts" setup>
+import { TimestampForm } from '@/forms'
+</script>
diff --git a/plugins/localization/resources/en.json b/plugins/localization/resources/en.json
index 5180232..7446418 100644
--- a/plugins/localization/resources/en.json
+++ b/plugins/localization/resources/en.json
@@ -79,6 +79,7 @@
     "timestamp-form-tab": "Timestamp"
   },
   "abi-decode-form": {
+    "input-title": "Decoder",
     "abi-encoding-label": "Abi encoding",
     "abi-encoding-placeholder": "Abi encoding",
     "has-func-selector-label": "Function selector",
@@ -96,6 +97,7 @@
     "func-is-guessed-warning": "The function signature has guessed"
   },
   "abi-encode-form": {
+    "input-title": "Encoder",
     "func-name-label": "Function name",
     "func-name-placeholder": "Enter function name",
     "arg-value-label": "Value",
diff --git a/types/common.types.ts b/types/common.types.ts
index 8001fc6..106a647 100644
--- a/types/common.types.ts
+++ b/types/common.types.ts
@@ -35,4 +35,5 @@ export type HashFunction = (str: string, type: 'text' | 'hex') => string
 export type Tab = {
   title: string
   id: string
+  route?: string
 }