refactor: layout locations and code styling updates

COLLABORATOR_GUIDE.md

@@ -8,7 +8,7 @@
  - [Adding new pages](#adding-new-pages)
  - [Create the page content](#create-the-page-content)
  - [Translating pages](#translating-pages)
-- [Creating Components](#creating-components)
+- [Creating Components](#creating-react-components)
  - [Styling a Component](#styling-a-component)
  - [Best practices when creating a Component](#best-practices-when-creating-a-component)
  - [How a new Component should look like when freshly created](#how-a-new-component-should-look-like-when-freshly-created)
@@ -141,7 +141,7 @@ layout: layout-name.hbs
 ```
 
 > \[!NOTE]\
-> A list of currently available Layouts is provided within `providers/layoutProvider` on the `getLegacyProviders` map.\
+> A list of currently available Layouts is provided within `components/withLayout` on the `layoutComponents` map.\
 > This is a temporary map and this map might change its location and be defined in a different way in the future.
 
 ### Translating Pages

app/[locale]/[[...path]]/page.tsx

@@ -19,8 +19,8 @@ export const viewport = DEFAULT_VIEWPORT;
 
 // This generates each page's HTML Metadata
 // @see https://nextjs.org/docs/app/api-reference/functions/generate-metadata
-export const generateMetadata = async (c: DynamicParams) => {
- const { path = [], locale = defaultLocale.code } = c.params;
+export const generateMetadata = async ({ params }: DynamicParams) => {
+ const { path = [], locale = defaultLocale.code } = params;
 
  const pathname = dynamicRouter.getPathname(path);
 

app/sitemap.ts

@@ -19,15 +19,14 @@ const sitemap = async (): Promise<MetadataRoute.Sitemap> => {
 
  for (const locale of availableLocaleCodes) {
  const routesForLanguage = await dynamicRouter.getRoutesByLanguage(locale);
-
- paths.push(...routesForLanguage.map(route => `${locale}/${route}`));
+ paths.push(
+ ...routesForLanguage.map(route => `${baseUrlAndPath}/${locale}/${route}`)
+ );
  }
 
  const currentDate = new Date().toISOString();
 
- const appRoutes = paths.sort().map(route => `${baseUrlAndPath}/${route}`);
-
- return [...appRoutes, ...EXTERNAL_LINKS_SITEMAP].map(route => ({
+ return [...paths, ...EXTERNAL_LINKS_SITEMAP].map(route => ({
  url: route,
  lastModified: currentDate,
  changeFrequency: 'always',

client-context.ts

@@ -1,6 +1,6 @@
 import { cache } from 'react';
 
-import type { ClientSharedServerContext } from './types';
+import type { ClientSharedServerContext } from '@/types';
 
 // This allows us to have Server-Side Context's of the shared "contextual" data
 // which includes the frontmatter, the current pathname from the dynamic segments