feat(config): create website.config.ts with global config and metadata

src/app/(blog)/author/[author]/page.tsx

@@ -17,7 +17,7 @@ export function generateMetadata({ params }: Props): Metadata {
   const author = getAuthorByUser(params.author)
 
   return {
-    title: `mfg-b | ${author.name}`,
+    title: author.name,
     description: `Posts written by ${author.name} (${author.user}) <${author.email}>`
   }
 }

src/app/(blog)/categories/[category]/page.tsx

@@ -18,7 +18,7 @@ interface Props {
 
 export function generateMetadata({ params }: Props): Metadata {
   return {
-    title: `mfg-b | ${getNormalCategoryString(params.category)}`,
+    title: getNormalCategoryString(params.category),
     description: `Posts about ${getNormalCategoryString(
       params.category
     )} category`

src/app/(blog)/categories/page.tsx

@@ -7,7 +7,7 @@ import { slug } from '@/shared/lib/slug'
 import { Folder } from '@/shared/lib/phosphor-icons'
 
 export const metadata: Metadata = {
-  title: 'mfg-b | Categories',
+  title: 'Blog Categories',
   description: 'Post categories about all kind of things'
 }
 

src/app/(blog)/feed/generate-feed.ts

@@ -1,5 +1,5 @@
 import { getSortedPosts } from '@/shared/lib/get-sorted-posts'
-import { host } from '@/shared/lib/webserver-constants'
+import { config } from 'global-config'
 import { allPosts } from 'contentlayer/generated'
 import { Feed } from 'feed'
 import { markdownToHtml } from './markdown-to-html'
@@ -15,13 +15,13 @@ export function generateFeed() {
     title: "Mateus Felipe's interests",
     description:
       'This is my "corner of internet", where I take some tests, document my studies and write about some subjects I like...',
-    id: host,
-    link: host,
-    favicon: `${host}/assets/brain.png`,
+    id: config.webserver.host,
+    link: config.webserver.host,
+    favicon: `${config.webserver.host}/assets/brain.png`,
     copyright: `All rights reserved ${date.getFullYear()}, Mateus Felipe.`,
     updated: posts.length > 0 ? new Date(posts[0].date) : date,
     feedLinks: {
-      rss2: `${host}/feed`
+      rss2: `${config.webserver.host}/feed`
     },
     docs: 'https://github.com/mateusfg7/mfg-b',
     generator: 'Feed for Node.js',
@@ -34,7 +34,7 @@ export function generateFeed() {
 
   posts.forEach(async post => {
     const { name, email, url: authorLink } = post.author_info
-    const link = `${host}/post/${post.id}`
+    const link = `${config.webserver.host}/post/${post.id}`
 
     feed.addItem({
       link,

src/app/(blog)/layout.tsx

@@ -1,6 +1,9 @@
 import { Footer } from './components/footer'
 import { Header } from './components/header'
 
+
+
+
 export default function BlogLayout({
   children
 }: {

src/app/(blog)/page.tsx

@@ -7,7 +7,7 @@ import { getSortedPosts } from '@/shared/lib/get-sorted-posts'
 import { PostList } from '@/shared/components/post-list'
 
 export const metadata: Metadata = {
-  title: 'My Knowledge | mfg-b',
+  title: 'Blog',
   description:
     'List of my knowledge, reflections, notes and likes about all kind of things.'
 }

src/app/(blog)/post/[slug]/page.tsx

@@ -7,7 +7,7 @@ import { useMDXComponent } from 'next-contentlayer/hooks'
 import { allPosts, type Post } from 'contentlayer/generated'
 
 import { slug } from '@/shared/lib/slug'
-import { host } from '@/shared/lib/webserver-constants'
+import { config } from 'global-config'
 import { Folder, CalendarBlank, Clock, Tag } from '@/shared/lib/phosphor-icons'
 import { Date } from '@/shared/components/date'
 import { TopButton } from './components/top-button'
@@ -23,7 +23,7 @@ export function generateMetadata({ params }: Props): Metadata {
   const post = allPosts.find(post => post.id === params.slug) as Post
 
   return {
-    title: `mfg-b | ${post.title}`,
+    title: post.title,
     description: post.description,
     authors: { name: post.author_info.name, url: post.author_info.url },
     keywords: post.tags.split(',').map(tag => tag.trim()),
@@ -36,7 +36,7 @@ export function generateMetadata({ params }: Props): Metadata {
       type: 'article',
       url: `https://mfg-b.vercel.app/post/${params.slug}`,
       images: {
-        url: `${host}/post/${post.id}/thumbnail`,
+        url: `${config.webserver.host}/post/${post.id}/thumbnail`,
         width: 1200,
         height: 630
       }
@@ -46,9 +46,9 @@ export function generateMetadata({ params }: Props): Metadata {
       title: post.title,
       description: post.description,
       creator: 'Mateus Felipe Gonçalves <[email protected]>',
-      site: `${host}`,
+      site: `${config.webserver.host}`,
       images: {
-        url: `${host}/post/${post.id}/og`,
+        url: `${config.webserver.host}/post/${post.id}/og`,
         width: 1200,
         height: 630
       }

src/app/(blog)/post/[slug]/thumbnail/route.tsx

@@ -2,7 +2,7 @@ import { ImageResponse, NextResponse } from 'next/server'
 import { FiFolder, FiCalendar, FiClock } from 'react-icons/fi'
 import { allPosts } from 'contentlayer/generated'
 import { Date } from '@/shared/components/date'
-import { host } from '@/shared/lib/webserver-constants'
+import { config } from 'global-config'
 
 export const runtime = 'edge'
 
@@ -85,7 +85,7 @@ export async function GET(
                 <FiClock /> {Math.ceil(post.reading_time.minutes)} min read
               </span>
             </div>
-            <span style={{ display: 'flex' }}>{host.split('//')[1]}</span>
+            <span style={{ display: 'flex' }}>{config.webserver.host.split('//')[1]}</span>
           </div>
         </div>
       </div>

src/app/(blog)/tag/[tag]/page.tsx

@@ -18,7 +18,7 @@ interface Props {
 
 export function generateMetadata({ params }: Props): Metadata {
   return {
-    title: `mfg-b | ${getNormalTagString(params.tag)}`,
+    title: getNormalTagString(params.tag),
     description: `Posts with tag "${getNormalTagString(params.tag)}"`
   }
 }

src/app/(blog)/tag/page.tsx

@@ -7,7 +7,7 @@ import { getTagsAndNumberOfPosts } from '@/shared/lib/tags'
 import { Tag } from '@/shared/lib/phosphor-icons'
 
 export const metadata: Metadata = {
-  title: 'mfg-b | Tags',
+  title: 'Blog Tags',
   description: 'Post tags about all kind of things'
 }
 

src/app/layout.tsx

@@ -1,25 +1,27 @@
 import type { Metadata } from 'next'
+import { config } from 'global-config'
 
 import { Providers } from './providers'
 
 import '@/styles/main.css'
 import Script from 'next/script'
 
 export const metadata: Metadata = {
-  title: 'mfg-b',
-  description: "Mateus Felipe's notes, articles, reflections and knowledge...",
+  ...config.metadata,
+  title: {
+    default: config.metadata.title,
+    template: `%s | ${config.metadata.title}`
+  },
   colorScheme: 'dark light',
   viewport: 'width=device-width, initial-scale=1',
   openGraph: {
-    title: 'mfg-b',
+    ...config.metadata,
     type: 'website',
-    url: 'https://mfg-b.vercel.app/',
-    description: "Mateus Felipe's notes, articles, reflections and knowledge..."
+    url: config.webserver.host,
   },
   twitter: {
-    title: 'mfg-b',
+    ...config.metadata,
     card: 'summary_large_image',
-    description: "Mateus Felipe's notes, articles, reflections and knowledge..."
   }
 }
 

src/app/portifolio/layout.tsx

@@ -0,0 +1,19 @@
+import type { Metadata } from "next"
+
+export const metadata: Metadata = {
+  title: 'Portifolio',
+  description:
+    'List of my projects and sills'
+}
+
+export default function PortfolioLayout({
+  children
+}: {
+  children: React.ReactNode
+}) {
+  return (
+    <>
+      {children}
+    </>
+  )
+}

src/app/portifolio/page.tsx

@@ -1,7 +1,6 @@
 'use client'
 
 import { useEffect, useState } from 'react'
-import Head from 'next/head'
 
 import {
   Header,
@@ -45,9 +44,6 @@ export default function Page() {
 
   return (
     <div className="bg-neutral-1000 text-neutral-300" id="portifolio">
-      <Head>
-        <title>Portifólio | Mateus Felipe Gonçalves</title>
-      </Head>
       <Header scrollPosition={scrollPosition} maxScrollValue={maxScrollValue} />
       <HomeSection />
       <AboutSection />

src/app/robots.ts

@@ -1,12 +1,12 @@
 import { MetadataRoute } from 'next'
-import { host } from '@/shared/lib/webserver-constants'
+import { config } from 'global-config'
 
 export default function robots(): MetadataRoute.Robots {
   return {
     rules: {
       userAgent: '*',
       allow: ['/', '/post/*/thumbnail'],
     },
-    sitemap: `${host}/sitemap.xml`
+    sitemap: `${config.webserver.host}/sitemap.xml`
   }
 }

src/app/sitemap.ts

@@ -1,28 +1,28 @@
 import { MetadataRoute } from 'next'
 import { getUniqueCategoryList } from '@/shared/lib/categories'
 import { getUniqueTagListFromPosts } from '@/shared/lib/tags'
-import { host } from '@/shared/lib/webserver-constants'
+import { config } from 'global-config'
 import { allPosts } from 'contentlayer/generated'
 import { slug } from '@/shared/lib/slug'
 
 export default function sitemap(): MetadataRoute.Sitemap {
   const commonRoutes = ['', 'categories', 'feed', 'tag', 'portifolio'].map(
     route => ({
-      url: `${host}/${route}`,
+      url: `${config.webserver.host}/${route}`,
       lastModified: new Date().toISOString()
     })
   )
 
   const tags = getUniqueTagListFromPosts().map(tag => ({
-    url: `${host}/tag/${slug(tag)}`,
+    url: `${config.webserver.host}/tag/${slug(tag)}`,
     lastModified: new Date().toISOString()
   }))
   const categories = getUniqueCategoryList().map(category => ({
-    url: `${host}/categories/${slug(category)}`,
+    url: `${config.webserver.host}/categories/${slug(category)}`,
     lastModified: new Date().toISOString()
   }))
   const posts = allPosts.map(post => ({
-    url: `${host}/post/${post.id}`,
+    url: `${config.webserver.host}/post/${post.id}`,
     lastModified: new Date(post.date).toISOString()
   }))
 
@@ -32,7 +32,7 @@ export default function sitemap(): MetadataRoute.Sitemap {
     ...categories,
     ...posts,
     {
-      url: `${host}/author/mateusfg7`,
+      url: `${config.webserver.host}/author/mateusfg7`,
       lastModified: new Date().toISOString()
     }
   ]

tsconfig.json

@@ -25,6 +25,9 @@
       ],
       "@/*": [
         "src/*"
+      ],
+      "global-config": [
+        "./website.config.ts"
       ]
     },
     "plugins": [

website.config.ts

@@ -0,0 +1,9 @@
+export const config = {
+  metadata: {
+    title: 'Mateus Felipe',
+    description: "Mateus Felipe's notes, articles, reflections and knowledge..."
+  },
+  webserver: {
+    host: process.env.VERCEL_URL ? `https://${process.env.VERCEL_URL}` : 'http://localhost:3000'
+  }
+}