feat: add environment configuration and enhance site configuration with user links

Author: p3aga

.env.example

@@ -0,0 +1,3 @@
+# URL da aplicação, usada para gerar links absolutos
+APP_URL=
+BASE_URL=

astro.config.ts

@@ -1,20 +1,21 @@
 // @ts-check
 import { defineConfig } from 'astro/config';
+import { type AstroUserConfig } from 'astro';
 
 import mdx from '@astrojs/mdx';
 import icon from 'astro-icon';
 import tailwindcss from '@tailwindcss/vite'; 
 import astroExpressiveCode from 'astro-expressive-code';
 
-import { siteConfig } from './src/site.config';
+import siteConfig from './src/site.config';
 import remarkDirective from 'remark-directive';
 import rehypeTableProcessor from './src/plugins/rehype-table-processor';
 
 
 // https://astro.build/config
 export default defineConfig({
   site: siteConfig.Url,
-  base: '/blog/',
+  base: siteConfig.BaseUrl,
   trailingSlash: 'ignore',
   integrations: [
     astroExpressiveCode({
@@ -45,4 +46,4 @@ export default defineConfig({
   devToolbar: {
     enabled: false,
   },
-});
+}) as AstroUserConfig;;

src/components/layout/Footer.astro

@@ -1,5 +1,5 @@
 ---
-import { siteConfig } from "@/site.config";
+import siteConfig from "@/site.config";
 ---
 
 <footer class="mt-15 mb-5">

src/components/layout/Head.astro

@@ -1,5 +1,5 @@
 ---
-import { siteConfig } from '@/site.config';
+import siteConfig from '@/site.config';
 
 
 interface Props {

src/components/layout/Header.astro

@@ -1,7 +1,7 @@
 ---
 import ThemeToggle from "@/components/layout/ThemeToggle.astro";
 import Search from "./Search.astro";
-import { menuLinks, siteConfig } from "@/site.config";
+import siteConfig  from "@/site.config";
 ---
 
 <header>
@@ -19,7 +19,7 @@ import { menuLinks, siteConfig } from "@/site.config";
     </div>
     <nav class="divide-x -ms-3 mt-2 divide-dashed font-serif">
       {
-        menuLinks.map(link => (
+        siteConfig.menuLinks.map(link => (
           <a href={link.path} class="text-xl px-3 box-border font-semibold">{link.title}</a>
         ))
       }

src/layouts/Base.astro

@@ -1,6 +1,6 @@
 ---
 import Head from "@/components/layout/Head.astro";
-import { siteConfig } from "@/site.config";
+import siteConfig from "@/site.config";
 
 import "@/styles/global.css";
 

src/pages/index.astro

@@ -2,6 +2,7 @@
 import PostPreview from "@/components/blog/PostPreview.astro";
 import NotFoundPosts from "@/components/layout/NotFoundPosts.astro";
 import SiteBase from "@/layouts/SiteBase.astro";
+import siteConfig from "@/site.config";
 import { getOrderedBlogPosts } from "@/utils/blog";
 import { Icon } from "astro-icon/components";
 
@@ -18,19 +19,12 @@ const postsFiltereded = allPostsByDate.slice(0, 5)
       <p class="mt-3">Meu nome é Pedro Henrick, um desenvolvedor com paixão por open source e self hosting.</p>
       <p class="mt-1"></p>
       <p class="flex items-center gap-3 mt-4">
-        <span>Me encontre em:</span> 
-        <a href="https://linkedin.com/in/p3aga" target="_blank">
-          <Icon name="simple-icons:linkedin" class="text-xl"/>
-        </a>
-        <a href="https://github.com/p3aga" target="_blank">
-          <Icon name="simple-icons:github" class="text-xl"/>
-        </a>
-        <a href="https://codeberg.org/p3aga" target="_blank">
-          <Icon name="simple-icons:codeberg" class="text-xl"/>
-        </a>
-        <a href="mailto:pedrohenrickqa@gmail.com" target="_blank">
-          <Icon name="simple-icons:maildotru" class="text-xl"/>
-        </a>
+        <span>Me encontre em:</span>
+        {siteConfig.UserLinks.map((link) => (
+          <a href={link.url} target="_blank">
+            <Icon name={`simple-icons:${link.icon}`} class="text-xl"/>
+          </a>
+        ))}
       </p>
     </div>
   </section>

src/site.config.ts

@@ -1,15 +1,21 @@
 const siteConfig = ({
-  Url: 'https://ipedrohenrick.dev.br',
+  Url: import.meta.env.APP_URL || 'http://localhost:4321',
+  BaseUrl: import.meta.env.BASE_URL || '/',
   Lang: "pt-BR",
   SiteName: "P3AGA",
   Description: "Pedro Henrick personal portfolio/blog :)",
   Author: "Pedro Henrick Queiroz",
   Year: 2026,
+  UserLinks: [
+    { icon: "linkedin", url: "https://www.linkedin.com/in/p3aga" },
+    { icon: "github", url: "https://github.com/p3aga" },
+    { icon: "codeberg", url: "https://codeberg.org/p3aga" },
+    { icon: "maildotru", url: "mailto:pedrohenrickqa@gmail.com" }
+  ],
+  menuLinks: [
+    { path: "/blog", title: "Blog" },
+    { path: "/about", title: "Sobre" },
+  ]
 })
 
-const menuLinks: { path: string, title: string }[] = [
-  { path: "/blog", title: "Blog" },
-  { path: "/about", title: "Sobre" },
-];
-
-export { menuLinks, siteConfig };
+export default siteConfig;