feat: admin connection & google login

.env.example

@@ -3,4 +3,7 @@ DB_URL=The postgres database URL (ex: postgres://user:password@host:port/databas
 AUTH_SECRET=The secret used to sign the JWT tokens (generate with `openssl rand -hex 32` or https://generate-secret.vercel.app/32)
 
 AUTH_GITHUB_ID=The github app id
-AUTH_GITHUB_SECRET=The github app secret
+AUTH_GITHUB_SECRET=The github app secret
+
+AUTH_GOOGLE_ID=The google app id
+AUTH_GOOGLE_SECRET=The google app secret

.github/workflows/format.yml

@@ -8,6 +8,8 @@ env:
   AUTH_SECRET: fake
   AUTH_GITHUB_ID: fake
   AUTH_GITHUB_SECRET: fake
+  AUTH_GOOGLE_ID: fake
+  AUTH_GOOGLE_SECRET: fake
 
 jobs:
   format:

.github/workflows/lint.yml

@@ -8,6 +8,8 @@ env:
   AUTH_SECRET: fake
   AUTH_GITHUB_ID: fake
   AUTH_GITHUB_SECRET: fake
+  AUTH_GOOGLE_ID: fake
+  AUTH_GOOGLE_SECRET: fake
 
 jobs:
   format:

components.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "default",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.ts",
+    "css": "src/styles/globals.css",
+    "baseColor": "slate",
+    "cssVariables": true
+  },
+  "aliases": {
+    "components": "src",
+    "utils": "@lib/utils"
+  }
+}

next.config.mjs

@@ -12,6 +12,10 @@ const nextConfig = {
         protocol: "https",
         hostname: "avatars.githubusercontent.com",
       },
+      {
+        protocol: "https",
+        hostname: "*.googleusercontent.com",
+      },
     ],
   },
 };

package.json

@@ -16,20 +16,28 @@
     "db:studio": "cross-env SKIP_ENV_VALIDATION=true drizzle-kit studio --host 127.0.0.1 --port 3001"
   },
   "dependencies": {
+    "@auth/core": "^0.18.1",
     "@formatjs/intl-localematcher": "^0.5.1",
+    "@hookform/resolvers": "^3.3.2",
     "@radix-ui/react-aspect-ratio": "^1.0.3",
+    "@radix-ui/react-label": "^2.0.2",
+    "@radix-ui/react-slot": "^1.0.2",
     "@react-three/fiber": "^8.15.10",
     "@t3-oss/env-nextjs": "^0.7.1",
+    "class-variance-authority": "^0.7.0",
     "clsx": "^2.0.0",
     "drizzle-orm": "^0.29.0",
     "framer-motion": "^10.16.4",
+    "lucide-react": "^0.292.0",
     "next": "^14.0.2",
     "next-auth": "5.0.0-beta.3",
     "postgres": "^3.4.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-hook-form": "^7.48.2",
     "tailwind-merge": "^2.0.0",
     "tailwindcss": "^3.3.5",
+    "tailwindcss-animate": "^1.0.7",
     "three": "^0.158.0",
     "typescript": "^5.2.2",
     "zod": "^3.22.4"

public/locales/en.json

@@ -1,5 +1,15 @@
 {
   "admin": {
+    "login": {
+      "github": "GitHub",
+      "google": "Google",
+      "apple": "Apple",
+      "choice": "Choose a connection method",
+      "connection": "Sign in",
+      "division":"or sign in with",
+      "pass" : "Password"
+    },
+
     "signout": "Sign out"
   }
 }

public/locales/fr.json

@@ -1,5 +1,14 @@
 {
-  "admin": {
+  "admin": {  
+    "login": {
+      "github": "Github",
+      "google": "Google",
+
+      "choice": "Choisissez un moyen de connection",
+      "connection" : "Se connecter",
+      "division": "ou connectez-vous avec",
+      "pass" : "Mot de passe"
+    },
     "signout": "Déconnexion"
   }
 }