Ajout du workflow Github Action CI et la modification du fichier readme.md

Author: Lory578

.github/workflows/ci.yml

@@ -0,0 +1,32 @@
+name: CI
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  lint-and-build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Lint
+        run: npm run lint
+
+      - name: Build
+        run: npm run build

README.md

@@ -4,6 +4,7 @@
 ![TypeScript](https://img.shields.io/badge/TypeScript-blue?style=flat-square&logo=typescript&logoColor=white)
 ![Tailwind CSS](https://img.shields.io/badge/Tailwind-v4-38bdf8?style=flat-square&logo=tailwindcss&logoColor=white)
 ![Vercel](https://img.shields.io/badge/Vercel-ready-black?style=flat-square&logo=vercel)
+[![CI](https://github.com/Lory578/devfolio/actions/workflows/ci.yml/badge.svg)](https://github.com/Lory578/devfolio/actions/workflows/ci.yml)
 ![License](https://img.shields.io/badge/licence-MIT-green?style=flat-square)
 
 ![DevFolio](public/devfolio-logo@2x.png)

app/[username]/page.tsx

@@ -1,6 +1,7 @@
 import { notFound, redirect } from 'next/navigation'
 import { Metadata } from 'next'
 import { cookies } from 'next/headers'
+import Link from 'next/link'
 import { getUser, getRepos, getLanguages } from '@/lib/github'
 import ProfileCard from '@/components/ProfileCard'
 import StatsGrid from '@/components/StatsGrid'
@@ -69,12 +70,12 @@ export default async function PortfolioPage({ params }: Props) {
   return (
     <main className="page-shell min-h-screen px-4 py-8 sm:px-6 sm:py-12">
       <div className="relative mx-auto max-w-6xl">
-        <a href="/" className="mb-6 inline-flex items-center gap-1.5 text-xs text-(--ink-soft) transition-colors hover:text-(--ink)">
+        <Link href="/" className="mb-6 inline-flex items-center gap-1.5 text-xs text-(--ink-soft) transition-colors hover:text-(--ink)">
           <svg className="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
             <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 19l-7-7 7-7" />
           </svg>
           {dict.profile.backHome}
-        </a>
+        </Link>
         <div className="grid gap-5 lg:grid-cols-[1.15fr_0.85fr] lg:items-start">
           <section className="soft-card rounded-md p-5 sm:p-8">
             <ProfileCard user={user} />

app/not-found.tsx

@@ -24,8 +24,12 @@ export default function NotFound() {
   const [locale, setLocale] = useState<'fr' | 'en'>('fr')
 
   useEffect(() => {
-    setLocale(readLocaleFromDocument())
-    setMounted(true)
+    const timer = window.setTimeout(() => {
+      setLocale(readLocaleFromDocument())
+      setMounted(true)
+    }, 0)
+
+    return () => window.clearTimeout(timer)
   }, [])
 
   const dict = useMemo(() => getDictionary(locale), [locale])