Initial commit du frontend The Tip Top

This commit is contained in:
wkadmin 2025-10-30 11:11:59 +00:00
parent 8be1c840da
commit 0800dfd365
10 changed files with 443 additions and 5949 deletions

6
.dockerignore Normal file
View File

@ -0,0 +1,6 @@
node_modules
npm-debug.log
Dockerfile
.git
.gitignore
README.md

18
Dockerfile Normal file
View File

@ -0,0 +1,18 @@
# Étape 1 : Build
FROM node:20 AS builder
WORKDIR /app
COPY package*.json ./
RUN npm ci
COPY . .
RUN npm run build
# Étape 2 : Exécution
FROM node:20-alpine AS runner
WORKDIR /app
ENV NODE_ENV=production
COPY --from=builder /app/.next .next
COPY --from=builder /app/public ./public
COPY --from=builder /app/package*.json ./
COPY --from=builder /app/node_modules ./node_modules
EXPOSE 3000
CMD ["npm", "run", "start"]

53
Jenkinsfile vendored Normal file
View File

@ -0,0 +1,53 @@
pipeline {
agent any
environment {
REGISTRY = 'registry.wk-archi-o24a-15m-g3.fr'
FRONT_IMAGE = "${REGISTRY}/the-tip-top-frontend"
}
stages {
stage('Checkout') {
steps {
git branch: 'main', url: 'https://gitea.wk-archi-o24a-15m-g3.fr/wkadmin/the-tip-top-frontend.git'
}
}
stage('Build Frontend') {
steps {
sh '''
npm ci
npm run build
docker build -t $FRONT_IMAGE:latest .
'''
}
}
stage('Push Image') {
steps {
sh '''
docker login $REGISTRY -u $REGISTRY_USER -p $REGISTRY_PASS
docker push $FRONT_IMAGE:latest
'''
}
}
stage('Deploy Frontend') {
steps {
sshagent(['vps-ssh-key']) {
sh '''
ssh debian@51.75.24.29 "
cd /srv/devops/the-tip-top &&
docker compose up -d --build frontend
"
'''
}
}
}
}
post {
success { echo "✅ Frontend déployé avec succès" }
failure { echo "❌ Échec du pipeline Frontend" }
}
}

View File

@ -1,34 +1,16 @@
import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import "./globals.css";
const geistSans = Geist({
variable: "--font-geist-sans",
subsets: ["latin"],
});
const geistMono = Geist_Mono({
variable: "--font-geist-mono",
subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Create Next App",
description: "Generated by create next app",
};
export const metadata = {
title: 'Next.js',
description: 'Generated by Next.js',
}
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
}: {
children: React.ReactNode
}) {
return (
<html lang="en">
<body
className={`${geistSans.variable} ${geistMono.variable} antialiased`}
>
{children}
</body>
<body>{children}</body>
</html>
);
)
}

View File

@ -14,10 +14,10 @@ export default function Home() {
/>
<div className="flex flex-col items-center gap-6 text-center sm:items-start sm:text-left">
<h1 className="max-w-xs text-3xl font-semibold leading-10 tracking-tight text-black dark:text-zinc-50">
To get started, edit the page.tsx file.
, edit the page.tsx file.
</h1>
<p className="max-w-md text-lg leading-8 text-zinc-600 dark:text-zinc-400">
Looking for a starting point or more instructions? Head over to{" "}
Looking a starting point or more instructions? Head over to{" "}
<a
href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
className="font-medium text-zinc-950 dark:text-zinc-50"

10
next.config.js Normal file
View File

@ -0,0 +1,10 @@
/** @type {import('next').NextConfig} */
const nextConfig = {
reactStrictMode: true,
env: {
NEXT_PUBLIC_API_URL: process.env.NEXT_PUBLIC_API_URL,
},
// si tu as des rewrites ou redirections, vérifie aussi
};
module.exports = nextConfig;

View File

@ -1,7 +0,0 @@
import type { NextConfig } from "next";
const nextConfig: NextConfig = {
/* config options here */
};
export default nextConfig;

6216
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -1,26 +1,24 @@
{
"name": "frontend",
"version": "0.1.0",
"name": "the-tip-top-frontend",
"version": "1.0.0",
"private": true,
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start",
"lint": "eslint"
"start": "next start"
},
"dependencies": {
"react": "19.2.0",
"react-dom": "19.2.0",
"next": "16.0.1"
"axios": "^1.13.1",
"bootstrap": "^5.3.3",
"next": "14.2.4",
"next-auth": "^4.24.7",
"nodemailer": "^7.0.10",
"react": "18.2.0",
"react-dom": "18.2.0"
},
"devDependencies": {
"typescript": "^5",
"@types/node": "^20",
"@types/react": "^19",
"@types/react-dom": "^19",
"@tailwindcss/postcss": "^4",
"tailwindcss": "^4",
"eslint": "^9",
"eslint-config-next": "16.0.1"
"@types/node": "24.9.2",
"@types/react": "19.2.2",
"typescript": "5.9.3"
}
}

View File

@ -1,7 +1,11 @@
{
"compilerOptions": {
"target": "ES2017",
"lib": ["dom", "dom.iterable", "esnext"],
"lib": [
"dom",
"dom.iterable",
"esnext"
],
"allowJs": true,
"skipLibCheck": true,
"strict": true,
@ -11,7 +15,7 @@
"moduleResolution": "bundler",
"resolveJsonModule": true,
"isolatedModules": true,
"jsx": "react-jsx",
"jsx": "preserve",
"incremental": true,
"plugins": [
{
@ -19,7 +23,9 @@
}
],
"paths": {
"@/*": ["./*"]
"@/*": [
"./*"
]
}
},
"include": [
@ -30,5 +36,7 @@
".next/dev/types/**/*.ts",
"**/*.mts"
],
"exclude": ["node_modules"]
"exclude": [
"node_modules"
]
}