raresj/mypage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

📝 update breadcrumbs , nav for mobile and homepage translations
All checks were successful
PR Checks / lint-and-build (pull_request) Successful in 21s
Details
Build and Deploy Next.js Blog to Production / 🔍 Code Quality Checks (push) Successful in 16s
Details
Build and Deploy Next.js Blog to Production / 🏗️ Build and Push Docker Image (push) Successful in 1m4s
Details
Build and Deploy Next.js Blog to Production / 🚀 Deploy to Production (push) Successful in 55s
Details

Browse Source
This commit was merged in pull request #17.
This commit is contained in:
RJ
2025-12-05 16:25:56 +02:00
parent bba507a7e8
commit 6adb3a6979
14 changed files with 411 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
app/[locale]/page.tsx
View File

@@ -2,7 +2,7 @@ import { Link } from '@/src/i18n/navigation'
import Image from 'next/image'
import { getAllPosts } from '@/lib/markdown'
import { formatDate } from '@/lib/utils'
import { ThemeToggle } from '@/components/theme-toggle'
import { HeroHeader } from '@/components/layout/hero-header'
import { setRequestLocale, getTranslations } from 'next-intl/server'
type Props = {
@@ -13,7 +13,7 @@ export default async function HomePage({ params }: Props) {
const { locale } = await params
setRequestLocale(locale)
const t = await getTranslations('Home')
const tNav = await getTranslations('Navigation')
// const tNav = await getTranslations('Navigation')
const allPosts = await getAllPosts()
const featuredPosts = allPosts.slice(0, 6)
@@ -29,29 +29,7 @@ export default async function HomePage({ params }: Props) {
<div className="relative z-10 max-w-5xl mx-auto px-6 w-full">
<div className="border-4 border-slate-300 dark:border-slate-700 bg-white/80 dark:bg-slate-900/80 p-8 md:p-12 transition-colors duration-300">
{/* Logo */}
<div className="mb-8 flex items-center justify-between border-b-2 border-slate-300 dark:border-slate-800 pb-4">
<div className="flex items-center gap-3">
<Image src="/logo.png" alt="Logo" width={32} height={32} className="opacity-80" />
<span className="font-mono text-xs text-slate-500 uppercase tracking-widest">
{t('terminalVersion')}
</span>
</div>
<div className="flex gap-4 items-center">
<Link
href="/blog"
className="font-mono text-xs text-slate-600 dark:text-slate-400 uppercase tracking-wider hover:text-cyan-600 dark:hover:text-cyan-400"
>
[{tNav('blog')}]
</Link>
<Link
href="/about"
className="font-mono text-xs text-slate-600 dark:text-slate-400 uppercase tracking-wider hover:text-cyan-600 dark:hover:text-cyan-400"
>
[{tNav('about')}]
</Link>
<ThemeToggle />
</div>
</div>
<HeroHeader />
<div className="border-l-4 border-cyan-700 dark:border-cyan-900 pl-6 mb-8">
<p className="font-mono text-xs text-slate-500 dark:text-slate-500 uppercase tracking-widest mb-2">