Commit 4f78567b authored by Hendrik Garske's avatar Hendrik Garske

CI/CD: GitLab CI-Konfiguration für Next.js hinzugefügt und README aktualisiert

parent 51e335b5
Pipeline #3 failed with stages
in 43 seconds
image: node:20
stages:
- build
- test
variables:
NEXT_TELEMETRY_DISABLED: 1
cache:
paths:
- node_modules/
- .next/cache
before_script:
- npm ci
build:
stage: build
script:
- npm run build
artifacts:
paths:
- .next/
expire_in: 1 week
only:
- main
- merge_requests
test:
stage: test
script:
- npm run lint
only:
- main
- merge_requests
This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
# CoreX Management Dashboard
Internes Dashboard für CoreX Management Mitarbeiter mit Zeiterfassung und Kundenverwaltung.
## Features
-**Zeiterfassung**: Timer-basierte und manuelle Zeiterfassung
-**Kundenverwaltung**: Vollständige CRUD-Funktionalität für Kunden
-**Datenbank**: SQLite mit Prisma ORM
-**Dark Mode**: Unterstützung für Light/Dark Theme
-**Filter & Sortierung**: Erweiterte Filter- und Sortierfunktionen
## Tech Stack
- **Framework**: Next.js 16.1.1 (App Router)
- **Language**: TypeScript
- **Styling**: Tailwind CSS v4
- **Database**: SQLite mit Prisma ORM
- **UI Components**: Radix UI, Lucide Icons
## Getting Started
First, run the development server:
### Voraussetzungen
- Node.js 20 oder höher
- npm oder yarn
### Installation
1. Repository klonen:
```bash
git clone https://gitlab.corexmanagement.de/HendrikGarske/web-corex.git
cd web-corex
```
2. Dependencies installieren:
```bash
npm install
```
3. Umgebungsvariablen einrichten:
Erstellen Sie eine `.env` Datei im Root-Verzeichnis:
```env
DATABASE_URL="file:./dev.db"
```
4. Datenbank initialisieren:
```bash
npx prisma generate
npx prisma migrate dev
```
5. Development Server starten:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
Die Anwendung läuft dann auf [http://localhost:3000](http://localhost:3000)
## Projektstruktur
```
├── app/
│ ├── api/ # API Routes
│ │ ├── customers/ # Kunden-API
│ │ ├── time-entries/ # Zeiterfassungs-API
│ │ └── users/ # Benutzer-API
│ ├── kunden/ # Kunden-Verwaltungsseiten
│ ├── zeiterfassung/ # Zeiterfassungsseite
│ └── page.tsx # Dashboard-Hauptseite
├── components/ # React Komponenten
│ ├── ui/ # UI-Komponenten (Button, Card, Input, etc.)
│ └── ...
├── lib/ # Utility-Funktionen
│ ├── prisma.ts # Prisma Client
│ └── utils.ts # Helper-Funktionen
└── prisma/ # Datenbank-Schema und Migrations
└── schema.prisma
```
## Scripts
- `npm run dev` - Development Server starten
- `npm run build` - Production Build erstellen
- `npm run start` - Production Server starten
- `npm run lint` - ESLint ausführen
- `npx prisma studio` - Prisma Studio öffnen (Datenbank-Viewer)
You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
## Datenbank
This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
Das Projekt verwendet Prisma ORM mit SQLite. Die Datenbank-Schema-Definitionen befinden sich in `prisma/schema.prisma`.
### Migrationen
Neue Migrationen erstellen:
```bash
npx prisma migrate dev --name migration_name
```
Datenbank zurücksetzen (⚠️ löscht alle Daten):
```bash
npx prisma migrate reset
```
## Learn More
## Entwicklung
To learn more about Next.js, take a look at the following resources:
### Neue Module hinzufügen
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
1. Erstellen Sie eine neue Seite in `app/[modul-name]/page.tsx`
2. Fügen Sie API-Routen in `app/api/[modul-name]/route.ts` hinzu
3. Aktualisieren Sie das Dashboard in `app/page.tsx` mit einem Link zum neuen Modul
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
### Authentifizierung
## Deploy on Vercel
Die Authentifizierung/SSO ist noch nicht implementiert. Die Middleware-Struktur ist in `middleware.ts` vorbereitet.
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
## License
Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
Proprietär - CoreX Management
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment