refactor(metadata): 👷 files per page

krsiakdaniel · Dec 26, 2024 · 1c3a73a · 1c3a73a
1 parent 24a91e8
commit 1c3a73a
Show file tree

Hide file tree

Showing 32 changed files with 374 additions and 289 deletions.
diff --git a/app/about-me/page.tsx b/app/about-me/page.tsx
@@ -11,29 +11,10 @@ import { TEXT } from '@/localization/english'
 import { DATA_TEST_IDS } from '@/utils/constants/ids/dataTestIds'
 import { ID } from '@/utils/constants/ids/elementIds'
 import { PAGES_URL } from '@/utils/constants/urls/pageUrls'
+import { metaDataAboutMe } from '@/utils/metadata/pages/metaDataAboutMe'
 
 export const metadata: Metadata = {
-  title: `About | ${TEXT.nameDanielKrsiak} - ${TEXT.reactDeveloper}`,
-  description:
-    'Experienced React Developer proficient in JavaScript, React, TypeScript, Redux. Also skilled in QA Automation, leading teams, and managing localization projects.',
-  keywords: [
-    `${TEXT.nameDanielKrsiak}`,
-    `${TEXT.reactDeveloper}`,
-    'QA Automation',
-    'Team Leader',
-    'Localization Manager',
-    'JavaScript',
-    'React',
-    'TypeScript',
-    'Redux',
-    'Cypress',
-    'Playwright',
-    'Dashboard application',
-    'Banking website',
-    'SaaS company',
-    'Microsoft Windows',
-    'Localization',
-  ],
+  ...metaDataAboutMe,
 }
 
 // TODO: add E2E tests for inner pages navigation PREV / NEXT for all 'PageNavigation' components

diff --git a/app/layout.tsx b/app/layout.tsx
@@ -6,34 +6,15 @@ import Footer from '@/components/footer/Footer'
 import Header from '@/components/header/Header'
 
 import { TEXT } from '@/localization/english'
+import { metaDataShared } from '@/utils/metadata/metaDataShared'
 
 import './globals.css'
 
 const inter = Inter({ subsets: ['latin'] })
 
-// default data for pages with missing metadata
+// default metadata for pages
 export const metadata: Metadata = {
-  title: `${TEXT.nameDanielKrsiak} - ${TEXT.reactDeveloper}`,
-  description:
-    'Experienced React Developer from Brno Czech Republic. JavaScript, TypeScript, React, HTML, CSS, Sass, Tailwind CSS, Redux, GraphQL, Jest, Playwright, and Figma.',
-  keywords: [
-    `${TEXT.nameDanielKrsiak}`,
-    `${TEXT.reactDeveloper}`,
-    'Brno',
-    'Czech Republic',
-    'JavaScript',
-    'TypeScript',
-    'React',
-    'HTML',
-    'CSS',
-    'Sass',
-    'Tailwind CSS',
-    'Redux',
-    'GraphQL',
-    'Jest',
-    'Playwright',
-    'Figma',
-  ],
+  ...metaDataShared,
   creator: `${TEXT.nameDanielKrsiak}`,
   generator: 'Next.js',
   applicationName: 'React - Portfolio website',

diff --git a/app/page.tsx b/app/page.tsx
@@ -11,29 +11,10 @@ import { TEXT } from '@/localization/english'
 import { DATA_TEST_IDS } from '@/utils/constants/ids/dataTestIds'
 import { ID } from '@/utils/constants/ids/elementIds'
 import { PAGES_URL } from '@/utils/constants/urls/pageUrls'
+import { metaDataShared } from '@/utils/metadata/metaDataShared'
 
 export const metadata: Metadata = {
-  title: `${TEXT.nameDanielKrsiak} - ${TEXT.reactDeveloper}`,
-  description:
-    'Experienced React Developer from Brno Czech Republic. JavaScript, TypeScript, React, HTML, CSS, Sass, Tailwind CSS, Redux, GraphQL, Jest, Playwright, and Figma.',
-  keywords: [
-    `${TEXT.nameDanielKrsiak}`,
-    `${TEXT.reactDeveloper}`,
-    'Brno',
-    'Czech Republic',
-    'JavaScript',
-    'TypeScript',
-    'React',
-    'HTML',
-    'CSS',
-    'Sass',
-    'Tailwind CSS',
-    'Redux',
-    'GraphQL',
-    'Jest',
-    'Playwright',
-    'Figma',
-  ],
+  ...metaDataShared,
 }
 
 const Page = () => {

diff --git a/app/personal-projects/cryptomania/page.tsx b/app/personal-projects/cryptomania/page.tsx
@@ -13,22 +13,10 @@ import { PAGES_URL } from '@/utils/constants/urls/pageUrls'
 
 import { getBreadcrumbsPersonal } from '@/utils/helpers/breadcrumbs/getBreadcrumbsPersonal'
 import { GoBackLinkEnum } from '@/utils/interfaces/enums'
+import { metaDataCryptomania } from '@/utils/metadata/projects/personal/metaDataCryptomania'
 
 export const metadata: Metadata = {
-  title: `Cryptomania | ${TEXT.nameDanielKrsiak} - ${TEXT.reactDeveloper}`,
-  description:
-    'Crypto currency prices app with latest data from CoinGecko API. Built with React and Chakra UI. Explore and search for cryptocurrencies with ease.',
-  keywords: [
-    'Cryptomania',
-    `${TEXT.nameDanielKrsiak}`,
-    `${TEXT.reactDeveloper}`,
-    'React',
-    'Chakra UI',
-    'JavaScript',
-    'TypeScript',
-    'CoinGecko API',
-    'Netlify',
-  ],
+  ...metaDataCryptomania,
 }
 
 const ProjectPersonalCryptomania = () => {

diff --git a/app/personal-projects/krsiak/page.tsx b/app/personal-projects/krsiak/page.tsx
@@ -13,25 +13,10 @@ import { PAGES_URL } from '@/utils/constants/urls/pageUrls'
 
 import { getBreadcrumbsPersonal } from '@/utils/helpers/breadcrumbs/getBreadcrumbsPersonal'
 import { GoBackLinkEnum } from '@/utils/interfaces/enums'
+import { metaDataKrsiak } from '@/utils/metadata/projects/personal/metaDataKrsiak'
 
 export const metadata: Metadata = {
-  title: `Portfolio Website | ${TEXT.nameDanielKrsiak} - ${TEXT.reactDeveloper}`,
-  description:
-    'Portfolio website showcasing my skills. Using Next.js, Tailwind CSS, JavaScript, TypeScript, React, JEST, Playwright, GitHub Actions, and Netlify.',
-  keywords: [
-    'Portfolio Website',
-    `${TEXT.nameDanielKrsiak}`,
-    `${TEXT.reactDeveloper}`,
-    'Next.js',
-    'Tailwind CSS',
-    'JavaScript',
-    'TypeScript',
-    'React',
-    'JEST',
-    'Playwright',
-    'GitHub Actions',
-    'Netlify',
-  ],
+  ...metaDataKrsiak,
 }
 
 const ProjectPersonalKrsiak = () => {

diff --git a/app/personal-projects/page.tsx b/app/personal-projects/page.tsx
@@ -14,20 +14,10 @@ import { TEXT } from '@/localization/english'
 import { DATA_TEST_IDS } from '@/utils/constants/ids/dataTestIds'
 import { ID } from '@/utils/constants/ids/elementIds'
 import { PAGES_URL } from '@/utils/constants/urls/pageUrls'
+import { metaDataProjectsOverviewPersonal } from '@/utils/metadata/pages/metaDataProjectsOverviewPersonal'
 
 export const metadata: Metadata = {
-  title: `Personal Projects | ${TEXT.nameDanielKrsiak} - ${TEXT.reactDeveloper}`,
-  description:
-    'Explore my projects created with Next.js and React. My portfolio, crypto app, e-commerce site, all showcasing coding skills and trends in web development.',
-  keywords: [
-    `${TEXT.nameDanielKrsiak}`,
-    'Personal Projects',
-    'Next.js',
-    'React',
-    'Web Development',
-    'Portfolio',
-    'Crypto Apps',
-  ],
+  ...metaDataProjectsOverviewPersonal,
 }
 
 const ProjectsPersonal = () => {

diff --git a/app/resume/page.tsx b/app/resume/page.tsx
@@ -12,39 +12,10 @@ import { DATA_TEST_IDS } from '@/utils/constants/ids/dataTestIds'
 import { ID } from '@/utils/constants/ids/elementIds'
 import { EXTERNAL_URL } from '@/utils/constants/urls/externalUrls'
 import { PAGES_URL } from '@/utils/constants/urls/pageUrls'
+import { metaDataResume } from '@/utils/metadata/pages/metaDataResume'
 
 export const metadata: Metadata = {
-  title: `Resume | ${TEXT.nameDanielKrsiak} - ${TEXT.reactDeveloper}`,
-  description:
-    'Experienced React Developer proficient in JavaScript, React, TypeScript, Redux. Also skilled in QA Automation, leading teams, and managing localization projects.',
-  keywords: [
-    'Resume',
-    `${TEXT.nameDanielKrsiak}`,
-    `${TEXT.reactDeveloper}`,
-    'QA Automation Specialist',
-    'Team Leader',
-    'Localization Manager',
-    'JavaScript',
-    'React',
-    'TypeScript',
-    'Redux',
-    'Cypress',
-    'Playwright',
-    'Dashboard Application Development',
-    'Banking Website Development',
-    'SaaS Company',
-    'Microsoft Windows',
-    'Localization Expert',
-    'Front-End Development',
-    'Software Testing & Automation',
-    'Agile Methodologies',
-    'UI/UX Development',
-    'Cross-functional Collaboration',
-    'Continuous Integration / Continuous Delivery (CI/CD)',
-    'Version Control (Git)',
-    'Test-Driven Development (TDD)',
-    'Unit & Integration Testing',
-  ],
+  ...metaDataResume,
 }
 
 const Resume = () => {

diff --git a/app/status-page/page.tsx b/app/status-page/page.tsx
@@ -10,23 +10,10 @@ import { statusBadges } from '@/data/statusPage'
 import { TEXT } from '@/localization/english'
 import { ID } from '@/utils/constants/ids/elementIds'
 import { PAGES_URL } from '@/utils/constants/urls/pageUrls'
+import { metaDataStatusPage } from '@/utils/metadata/pages/metaDataStatusPage'
 
 export const metadata: Metadata = {
-  title: `Status page | ${TEXT.nameDanielKrsiak} - ${TEXT.reactDeveloper}`,
-  description:
-    'Explore status page showcasing project badges for Jest Tests, Playwright Tests, CodeQL, Code Quality, Dependabot, and Netlify.',
-  keywords: [
-    `${TEXT.nameDanielKrsiak}`,
-    `${TEXT.reactDeveloper}`,
-    'Status page',
-    'Project badges',
-    'Jest Tests',
-    'Playwright Tests',
-    'CodeQL',
-    'Code Quality',
-    'Dependabot',
-    'Netlify',
-  ],
+  ...metaDataStatusPage,
 }
 
 const StatusPage = () => {

diff --git a/app/work-experience/groupon/page.tsx b/app/work-experience/groupon/page.tsx
@@ -13,30 +13,10 @@ import { PAGES_URL } from '@/utils/constants/urls/pageUrls'
 
 import { getBreadcrumbsWork } from '@/utils/helpers/breadcrumbs/getBreadcrumbsWork'
 import { GoBackLinkEnum } from '@/utils/interfaces/enums'
+import { metaDataGroupon } from '@/utils/metadata/projects/work/metaDataGroupon'
 
 export const metadata: Metadata = {
-  title: `Groupon | ${TEXT.nameDanielKrsiak} - QA Automation Team Leader`,
-  description:
-    'QA Automation SDET - Team Lead at Groupon. Responsible for new QA team, hiring, coordinating testing for online marketplace with 17 million customers.',
-  keywords: [
-    `${TEXT.nameDanielKrsiak}`,
-    'Groupon',
-    'SDET',
-    'E-Commerce - Marketplace',
-    'QA Automation - Team Leader',
-    'JavaScript',
-    'TypeScript',
-    'React',
-    'Next.js',
-    'Playwright',
-    'Figma',
-    'Storybook',
-    'Jira',
-    'Confluence',
-    'Tempo',
-    'QA',
-    'Team Management',
-  ],
+  ...metaDataGroupon,
 }
 
 const ProjectWorkGroupon = () => {

diff --git a/app/work-experience/komercni-banka/page.tsx b/app/work-experience/komercni-banka/page.tsx
@@ -13,21 +13,10 @@ import { PAGES_URL } from '@/utils/constants/urls/pageUrls'
 
 import { getBreadcrumbsWork } from '@/utils/helpers/breadcrumbs/getBreadcrumbsWork'
 import { GoBackLinkEnum } from '@/utils/interfaces/enums'
+import { metaDataKomercniBanka } from '@/utils/metadata/projects/work/metaDataKomercniBanka'
 
 export const metadata: Metadata = {
-  title: `Komerční banka | ${TEXT.nameDanielKrsiak} - ${TEXT.reactDeveloper}`,
-  description:
-    'Worked as a React Developer at Komerční banka. Developed search page for branches & ATMs, exchange rates. Enhanced UX, improved responsive design across devices.',
-  keywords: [
-    'Komerční banka',
-    'Commerce Bank - Website',
-    'React Developer',
-    'Search Page',
-    'Exchange Rates Page',
-    'Geolocation API',
-    'Google Places Autocomplete API',
-    'Responsive Design',
-  ],
+  ...metaDataKomercniBanka,
 }
 
 const ProjectWorkKomercniBanka = () => {

diff --git a/app/work-experience/kooperativa/page.tsx b/app/work-experience/kooperativa/page.tsx
@@ -13,24 +13,10 @@ import { PAGES_URL } from '@/utils/constants/urls/pageUrls'
 
 import { getBreadcrumbsWork } from '@/utils/helpers/breadcrumbs/getBreadcrumbsWork'
 import { GoBackLinkEnum } from '@/utils/interfaces/enums'
+import { metaDataKooperativa } from '@/utils/metadata/projects/work/metaDataKooperativa'
 
 export const metadata: Metadata = {
-  title: `Kooperativa | ${TEXT.nameDanielKrsiak} - ${TEXT.reactDeveloper}`,
-  description: 'I worked on an application for managing insurance policies for citizens property and products.',
-  keywords: [
-    `${TEXT.nameDanielKrsiak}`,
-    `${TEXT.reactDeveloper}`,
-    'Kooperativa',
-    'Insurance company app',
-    'React Developer',
-    'JavaScript',
-    'TypeScript',
-    'React',
-    'Redux',
-    'Tailwind CSS',
-    'Figma',
-    'Storybook',
-  ],
+  ...metaDataKooperativa,
 }
 
 const ProjectWorkKooperativa = () => {

diff --git a/app/work-experience/moravia/page.tsx b/app/work-experience/moravia/page.tsx
@@ -13,25 +13,10 @@ import { PAGES_URL } from '@/utils/constants/urls/pageUrls'
 
 import { getBreadcrumbsWork } from '@/utils/helpers/breadcrumbs/getBreadcrumbsWork'
 import { GoBackLinkEnum } from '@/utils/interfaces/enums'
+import { metaDataMoravia } from '@/utils/metadata/projects/work/metaDataMoravia'
 
 export const metadata: Metadata = {
-  title: `RWS - Moravia IT | ${TEXT.nameDanielKrsiak} - QA Automation Team Leader`,
-  description:
-    'QA Automation - Team Leader at Moravia for 1 year. Microsoft projects Windows 8 + Windows Phone, managing translation delivery and ensuring quality.',
-  keywords: [
-    `${TEXT.nameDanielKrsiak}`,
-    'RWS - Moravia IT',
-    'Windows',
-    'QA Automation - Team Leader',
-    'HTML',
-    'CSS',
-    'JavaScript',
-    'Localization',
-    'Quality Checks',
-    'Microsoft Projects',
-    'Windows 8',
-    'Windows Phone',
-  ],
+  ...metaDataMoravia,
 }
 
 const ProjectWorkMoravia = () => {

diff --git a/app/work-experience/page.tsx b/app/work-experience/page.tsx
@@ -19,30 +19,10 @@ import { TEXT } from '@/localization/english'
 import { DATA_TEST_IDS } from '@/utils/constants/ids/dataTestIds'
 import { ID } from '@/utils/constants/ids/elementIds'
 import { PAGES_URL } from '@/utils/constants/urls/pageUrls'
+import { metaDataProjectsOverviewWork } from '@/utils/metadata/pages/metaDataProjectsOverviewWork'
 
 export const metadata: Metadata = {
-  title: `Work Experience | ${TEXT.nameDanielKrsiak} - ${TEXT.reactDeveloper}`,
-  description:
-    'React Developer with experience development, redesign, localization, QA automation, testing. Proficient in team leadership and collaboration with UX designers.',
-  keywords: [
-    `${TEXT.nameDanielKrsiak}`,
-    `${TEXT.reactDeveloper}`,
-    'Work Experience',
-    'Front End Developer',
-    'QA Automation',
-    'Team Leader',
-    'Localization Manager',
-    'JavaScript',
-    'React',
-    'Redux',
-    'Cypress',
-    'WordPress',
-    'SaaS Company',
-    'Smartsupp',
-    'Komerční banka',
-    'Groupon',
-    'RWS - Moravia IT',
-  ],
+  ...metaDataProjectsOverviewWork,
 }
 
 const ProjectsWork = () => {