Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
227 changes: 227 additions & 0 deletions src/content/docs/de/config-reference/dashboard.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,227 @@
---
i18nReady: true
title: Dashboard-Konfiguration
description: Referenzseite für StudioCMSOptions dashboardConfig
sidebar:
order: 6
---

import ReadMore from '~/components/ReadMore.astro';

StudioCMS Integration Konfigurationsoptionen Schema Referenz.

```ts twoslash title="studiocms.config.mjs"
import { defineStudioCMSConfig } from 'studiocms/config';
// ---cut---
export default defineStudioCMSConfig({
dashboardConfig: {
dashboardEnabled: true,
dashboardRouteOverride: 'dashboard',
developerConfig: {},
faviconURL: '/favicon.svg',
inject404Route: true,
versionCheck: true,
AuthConfig: {},
},
});
```

## `dashboardEnabled`

`dashboardEnabled` ist ein boolescher Wert, mit dem du bestimmen kannst, ob das Dashboard aktiviert ist.

- **Typ:** `boolean`
- **Standard:** `true`

### Verwendung

```ts twoslash {3} title="studiocms.config.mjs"
import { defineStudioCMSConfig } from 'studiocms/config';
// ---cut---
export default defineStudioCMSConfig({
dashboardConfig: {
dashboardEnabled: true, // STANDARD - Dadurch wird das Dashboard aktiviert.
}
})
```

## `DashboardRouteOverride`

`DashboardRouteOverride` ist eine Zeichenkette, der verwendet wird, um die Route für das Dashboard zu bestimmen.

- **Typ:** `string`
- **Standard:** `'dashboard'`

### Verwendung

```ts twoslash {3} title="studiocms.config.mjs"
import { defineStudioCMSConfig } from 'studiocms/config';
// ---cut---
export default defineStudioCMSConfig({
dashboardConfig: {
dashboardRouteOverride: 'dashboard', // STANDARD - Damit wird die Dashboard-Route auf /dashboard gesetzt.
}
})
```

## `developerConfig`

`developerConfig` ist ein Objekt, das verwendet wird, um die Entwicklereinstellungen für das Dashboard zu konfigurieren.

### Verwendung

```ts twoslash {3-5} title="studiocms.config.mjs"
import { defineStudioCMSConfig } from 'studiocms/config';
// ---cut---
export default defineStudioCMSConfig({
dashboardConfig: {
developerConfig: {
demoMode: false, // STANDARD - Dadurch wird der Demomodus deaktiviert.
},
}
})
```

## `faviconURL`

`faviconURL` ist eine Zeichenkette, die verwendet wird, um den Pfad zum Favicon für das Dashboard zu bestimmen.

- **Typ:** `string`
- **Standard:** `'/favicon.svg'`

### Verwendung

```ts twoslash {3} title="studiocms.config.mjs"
import { defineStudioCMSConfig } from 'studiocms/config';
// ---cut---
export default defineStudioCMSConfig({
dashboardConfig: {
faviconURL: '/favicon.svg', // STANDARD - Damit wird das Favicon für das Dashboard festgelegt.
}
})
```

## `inject404Route`

`inject404Route` ist ein boolescher Wert, mit dem festgelegt wird, ob die 404-Route injiziert werden soll.

- **Typ:** `boolean`
- **Standard:** `true`

### Verwendung

```ts twoslash {3} title="studiocms.config.mjs"
import { defineStudioCMSConfig } from 'studiocms/config';
// ---cut---
export default defineStudioCMSConfig({
dashboardConfig: {
inject404Route: true, // STANDARD - Dadurch wird die Route 404 injiziert.
}
})
```

## `versionCheck`

`versionCheck` ist ein boolescher Wert, mit dem festgelegt wird, ob die Versionsprüfung aktiviert werden soll.

- **Typ:** `boolean`
- **Standard:** `true`

### Verwendung

```ts twoslash {3} title="studiocms.config.mjs"
import { defineStudioCMSConfig } from 'studiocms/config';
// ---cut---
export default defineStudioCMSConfig({
dashboardConfig: {
versionCheck: true, // STANDARD - Dies aktiviert Versionskontrolle.
}
})
```

## `AuthConfig`

`AuthConfig` ist ein Objekt, das verwendet wird, um die Authentifizierungseinstellungen für das Dashboard zu konfigurieren.

### Verwendung

```ts twoslash {3-5} title="studiocms.config.mjs"
import { defineStudioCMSConfig } from 'studiocms/config';
// ---cut---
export default defineStudioCMSConfig({
dashboardConfig: {
AuthConfig: {
enabled: true, // STANDARD - Dies aktiviert Authentifizierung.
},
}
})
```

### `providers`

`providers` ist ein Objekt, das verwendet wird, um die Authentifizierungsanbieter für das Dashboard zu konfigurieren.

- **Typ:** [`AuthProviders`](#authprovider)
- **Standard:** `{}`

#### Verwendung

```ts twoslash {4-11} title="studiocms.config.mjs"
import { defineStudioCMSConfig } from 'studiocms/config';
// ---cut---
export default defineStudioCMSConfig({
dashboardConfig: {
AuthConfig: {
providers: {
google: true,
github: true,
discord: true,
auth0: true,
usernameAndPassword: true,
usernameAndPasswordConfig: {},
},
},
},
})
```

#### `usernameAndPasswordConfig`

`usernameAndPasswordConfig` ist ein Objekt, mit dem du die Einstellungen für den Benutzernamen und das Passwort für das Dashboard konfigurierst.

- **Typ:** `{ allowUserRegistration?: boolean }`
- **Standard:** `{}`

##### Verwendung

```ts twoslash {5-8} title="studiocms.config.mjs"
import { defineStudioCMSConfig } from 'studiocms/config';
// ---cut---
export default defineStudioCMSConfig({
dashboardConfig: {
AuthConfig: {
providers: {
usernameAndPassword: true,
usernameAndPasswordConfig: {
allowUserRegistration: true, // STANDARD - Dies ermöglicht die Registrierung von Nutzern.
},
},
},
},
})
```

###### `AuthProvider`

```ts
type AuthProviders: {
github?: boolean | undefined;
discord?: boolean | undefined;
google?: boolean | undefined;
auth0?: boolean | undefined;
usernameAndPassword?: boolean | undefined;
usernameAndPasswordConfig?: {
allowUserRegistration?: boolean | undefined;
} | undefined;
} | undefined
```
120 changes: 120 additions & 0 deletions src/content/docs/de/config-reference/default-frontend-config.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,120 @@
---
i18nReady: true
title: Standard-Frontend-Konfiguration
description: Referenzseite für StudioCMSOptions defaultFrontEndConfig
sidebar:
order: 5
---

import ReadMore from '~/components/ReadMore.astro';

StudioCMS Integration Konfigurationsoptionen Schema Referenz.

```ts twoslash title="studiocms.config.mjs"
import { defineStudioCMSConfig } from 'studiocms/config';
// ---cut---
export default defineStudioCMSConfig({
defaultFrontEndConfig: {
favicon: '/favicon.svg',
htmlDefaultLanguage: 'en',
htmlDefaultHead: [],
injectQuickActionsMenu: true,
},
});
```

## `favicon`

`favicon` ist eine Zeichenkette, die verwendet wird, um den Pfad zum Favicon für die Website zu bestimmen.

- **Typ:** `string`
- **Standard:** `'/favicon.svg'`

### Verwendung

```ts twoslash {3} title="studiocms.config.mjs"
import { defineStudioCMSConfig } from 'studiocms/config';
// ---cut---
export default defineStudioCMSConfig({
defaultFrontEndConfig: {
favicon: '/favicon.svg', // STANDARD - Hier wird das Standard-Favicon verwendet.
}
})
```

## `htmlDefaultLanguage`

`htmlDefaultLanguage` ist eine Zeichenkette, die verwendet wird, um die Standardsprache für die Website festzulegen.

- **Typ:** `string`
- **Standard:** `'en'`

### Verwendung

```ts twoslash {3} title="studiocms.config.mjs"
import { defineStudioCMSConfig } from 'studiocms/config';
// ---cut---
export default defineStudioCMSConfig({
defaultFrontEndConfig: {
htmlDefaultLanguage: 'en', // STANDARD - Dabei wird die Standardsprache verwendet.
}
})
```

## `htmlDefaultHead`

**Typ:** [`HeadConfig[]`](#headconfig)

Füge benutzerdefinierte Tags zum `<head>` deiner Starlight-Website hinzu.
Das kann nützlich sein, um Analysen und andere Skripte und Ressourcen von Drittanbietern hinzuzufügen.

```ts twoslash {3} title="studiocms.config.mjs"
import { defineStudioCMSConfig } from 'studiocms/config';
// ---cut---
export default defineStudioCMSConfig({
defaultFrontEndConfig: {
htmlDefaultHead: [
// Beispiel: Fathom analytics script tag hinzufügen.
{
tag: 'script',
attrs: {
src: 'https://cdn.usefathom.com/script.js',
'data-site': 'MY-FATHOM-ID',
defer: true,
},
},
],
},
});
```

Einträge in `head` werden direkt in HTML-Elemente umgewandelt und durchlaufen nicht die [Skript](https://docs.astro.build/en/guides/client-side-scripts/#script-processing)- oder [Style](https://docs.astro.build/en/guides/styling/#styling-in-astro)-Verarbeitung von Astro.

#### `HeadConfig`

```ts
interface HeadConfig {
tag: string;
attrs?: Record<string, string | boolean | undefined>;
content?: string;
}
```

## `injectQuickActionsMenu`

**Typ:** `boolean`
**Standard:** `true`

Fügt eine Benutzeroberfläche für schnelle Aktionen in der rechten unteren Ecke der Hauptseite ein, mit der du schnell zur StudioCMS-Verwaltungsoberfläche navigieren kannst.

### Verwendung

```ts twoslash {3} title="studiocms.config.mjs"
import { defineStudioCMSConfig } from 'studiocms/config';
// ---cut---
export default defineStudioCMSConfig({
defaultFrontEndConfig: {
injectQuickActionsMenu: true, // STANDARD - Dadurch wird das Schnellaktionsmenü eingefügt.
}
})
```
28 changes: 28 additions & 0 deletions src/content/docs/de/config-reference/image-service.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
---
i18nReady: true
title: Bilderdienst
description: Referenzseite für StudioCMSOptions imageService
sidebar:
order: 4
---

import ReadMore from '~/components/ReadMore.astro';

StudioCMS Integration Konfigurationsoptionen Schema Referenz.

```ts twoslash title="studiocms.config.mjs"
import { defineStudioCMSConfig } from 'studiocms/config';
// ---cut---
export default defineStudioCMSConfig({
imageService: {
cdnPlugin: 'cloudinary-js'
},
});
```

## `cdnPlugin`

`cdnPlugin` ist eine Aufzählung, mit der festgelegt wird, welches CDN-Plugin für Bilder verwendet werden soll, wenn es aktiviert ist.

- **Typ:** `'cloudinary-js'` | `undefined`
- **Standard:** `undefined`
Loading
Loading