You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Du kannst eine serverseitig gerenderte Astro-Seite auf [Deno Deploy](https://deno.com/deploy) veröffentlichen, einem verteilten System, das JavaScript, TypeScript und WebAssembly weltweit ausführt.
15
+
Du kannst eine statische oder serverseitig gerenderte Astro-Seite mittels Deno veröffentlichen, entweder auf Deinem eigenen Server oder auf [Deno Deploy](https://deno.com/deploy), einem verteilten System, das JavaScript, TypeScript und WebAssembly weltweit ausführt.
16
16
17
-
Dieser Leitfaden enthält Anweisungen für die Bereitstellung in Deno Deploy über GitHub Actions oder die CLI von Deno Deploy.
17
+
Dieser Leitfaden enthält Anweisungen dazu, wie Du Deine Astro-Site mittels Deno auf Deinem eigenen Server betreibst sowie zur Bereitstellung in Deno Deploy über GitHub Actions oder die CLI von Deno Deploy.
18
18
19
19
## Anforderungen
20
20
21
21
In dieser Anleitung wird davon ausgegangen, dass du [Deno](https://deno.com/) bereits installiert hast.
22
22
23
23
## Projektkonfiguration
24
24
25
-
Dein Astro-Projekt kann auf [Deno Deploy](https://deno.com/deploy)als statische Website oder als serverseitig gerenderte Website (SSR) bereitgestellt werden.
25
+
Dein Astro-Projekt kann als statische Website oder als serverseitig gerenderte Website (SSR) bereitgestellt werden.
26
26
27
27
### Statische Website
28
28
29
-
Dein Astro-Projekt ist standardmäßig eine statische Website. Du brauchst keine zusätzliche Konfiguration, um eine statische Astro-Site an Deno Deploy zu übergeben.
29
+
Dein Astro-Projekt ist standardmäßig eine statische Website. Du brauchst keine zusätzliche Konfiguration, um eine statische Astro-Site mit Deno zu veröffentlichen oder an Deno Deploy zu übergeben.
30
30
31
-
### Adapter für SSR
31
+
### Adapter für Rendern bei Bedarf (SSR)
32
32
33
33
So aktivierst du SSR in deinem Astro-Projekt und stellst es mit Deno Deploy bereit:
34
34
35
-
Füge [den Deno-Adapter][Deno adapter] hinzu, um SSR in deinem Astro-Projekt mit dem folgenden Befehl `astro add` zu aktivieren. Damit installierst du den Adapter und nimmst in einem Schritt die entsprechenden Änderungen an deiner Datei `astro.config.mjs` vor.
36
-
37
-
```bash
38
-
npx astro add deno
39
-
```
40
-
41
-
Wenn du den Adapter stattdessen lieber manuell installieren möchtest, führe die folgenden zwei Schritte aus:
42
-
43
35
<Steps>
44
-
1. Installiere [den `@deno/astro-adapter`-Adapter][Deno adapter] mit deinem bevorzugten Paketmanager als Abhängigkeit deines Projekts. Wenn du npm verwendest oder dir nicht sicher bist, führe dies im Terminal aus:
45
-
46
-
```bash
47
-
npm install @deno/astro-adapter
48
-
```
36
+
1. Installiere [den `@deno/astro-adapter`-Adapter][Deno adapter] mit deinem bevorzugten Paketmanager als Abhängigkeit deines Projekts.
37
+
38
+
<PackageManagerTabs>
39
+
<Fragmentslot="npm">
40
+
```shell
41
+
npm install @deno/astro-adapter
42
+
```
43
+
</Fragment>
44
+
<Fragmentslot="pnpm">
45
+
```shell
46
+
pnpm install @deno/astro-adapter
47
+
```
48
+
</Fragment>
49
+
<Fragmentslot="yarn">
50
+
```shell
51
+
yarn add @deno/astro-adapter
52
+
```
53
+
</Fragment>
54
+
</PackageManagerTabs>
49
55
50
56
2. Aktualisiere deine Projektkonfigurationsdatei `astro.config.mjs` mit den folgenden Änderungen.
51
57
@@ -60,7 +66,7 @@ Wenn du den Adapter stattdessen lieber manuell installieren möchtest, führe di
60
66
});
61
67
```
62
68
63
-
Als Nächstes aktualisierst du dein `Preview`-Skript in der Datei `package.json` mit der folgenden Änderung.
69
+
3. Aktualisiere dein `Preview`-Skript in der Datei `package.json` mit der folgenden Änderung.
64
70
65
71
```json del={8} ins={9}
66
72
// package.json
@@ -77,15 +83,91 @@ Wenn du den Adapter stattdessen lieber manuell installieren möchtest, führe di
77
83
```
78
84
79
85
Du kannst jetzt diesen Befehl verwenden, um deine Astro-Produktionsseite lokal mit Deno zu überprüfen.
80
-
81
-
```bash
82
-
npm run preview
83
-
```
86
+
87
+
<PackageManagerTabs>
88
+
<Fragmentslot="npm">
89
+
```shell
90
+
npm run preview
91
+
```
92
+
</Fragment>
93
+
<Fragmentslot="pnpm">
94
+
```shell
95
+
pnpm run preview
96
+
```
97
+
</Fragment>
98
+
<Fragmentslot="yarn">
99
+
```shell
100
+
yarn run preview
101
+
```
102
+
</Fragment>
103
+
</PackageManagerTabs>
84
104
</Steps>
85
105
86
106
## Wie man veröffentlicht
87
107
88
-
Du kannst Deno Deploy über GitHub Actions oder über das Deno Deploy CLI (Command Line Interface) bereitstellen.
108
+
Du kannst deine Astro-Site auf Deinem eigenen Server betreiben oder auf Deno Deploy über GitHub Actions oder über das Deno Deploy CLI (Command Line Interface) bereitstellen.
109
+
110
+
### Auf Deinem eigenen Server
111
+
112
+
<Steps>
113
+
1. Kopiere Dein Projekt auf Deinen Server.
114
+
115
+
2. Installiere die Abhängigkeiten des Projekts mit deinem bevorzugten Paketmanager:
116
+
117
+
<PackageManagerTabs>
118
+
<Fragmentslot="npm">
119
+
```shell
120
+
npm install
121
+
```
122
+
</Fragment>
123
+
<Fragmentslot="pnpm">
124
+
```shell
125
+
pnpm install
126
+
```
127
+
</Fragment>
128
+
<Fragmentslot="yarn">
129
+
```shell
130
+
yarn
131
+
```
132
+
</Fragment>
133
+
</PackageManagerTabs>
134
+
135
+
3. Erstelle Deine Astro-Site mit deinem bevorzugten Paketmanager:
136
+
137
+
<PackageManagerTabs>
138
+
<Fragmentslot="npm">
139
+
```shell
140
+
npm run build
141
+
```
142
+
</Fragment>
143
+
<Fragmentslot="pnpm">
144
+
```shell
145
+
pnpm run build
146
+
```
147
+
</Fragment>
148
+
<Fragmentslot="yarn">
149
+
```shell
150
+
yarn run build
151
+
```
152
+
</Fragment>
153
+
</PackageManagerTabs>
154
+
155
+
4. Starte Deine Applikation mit dem folgenden Befehl:
156
+
157
+
<StaticSsrTabs>
158
+
<Fragmentslot="static">
159
+
```bash
160
+
deno run -A jsr:@std/http/file-server dist
161
+
```
162
+
</Fragment>
163
+
164
+
<Fragmentslot="ssr">
165
+
```bash
166
+
deno run -A ./dist/server/entry.mjs
167
+
```
168
+
</Fragment>
169
+
</StaticSsrTabs>
170
+
</Steps>
89
171
90
172
### GitHub Actions Veröffentlichung
91
173
@@ -119,7 +201,7 @@ Wenn dein Projekt auf GitHub gespeichert ist, führt dich die [Deno Deploy-Webse
119
201
120
202
steps:
121
203
- name: Clone repository
122
-
uses: actions/checkout@v4
204
+
uses: actions/checkout@v6
123
205
124
206
# Du benutzt kein npm? Ändere `npm ci` in `yarn install` oder `pnpm i`
125
207
- name: Install dependencies
@@ -156,7 +238,7 @@ Wenn dein Projekt auf GitHub gespeichert ist, führt dich die [Deno Deploy-Webse
156
238
157
239
steps:
158
240
- name: Clone repository
159
-
uses: actions/checkout@v4
241
+
uses: actions/checkout@v6
160
242
161
243
# Du benutzt kein npm? Ändere `npm ci` in `yarn install` oder `pnpm i`
162
244
- name: Install dependencies
@@ -170,8 +252,7 @@ Wenn dein Projekt auf GitHub gespeichert ist, führt dich die [Deno Deploy-Webse
170
252
uses: denoland/deployctl@v1
171
253
with:
172
254
project: my-deno-project # TODO: durch Deno Deploy Projektnamen ersetzen
173
-
entrypoint: server/entry.mjs
174
-
root: dist
255
+
entrypoint: dist/server/entry.mjs
175
256
```
176
257
</Fragment>
177
258
</StaticSsrTabs>
@@ -190,26 +271,38 @@ Wenn dein Projekt auf GitHub gespeichert ist, führt dich die [Deno Deploy-Webse
190
271
deno install -gArf jsr:@deno/deployctl
191
272
```
192
273
193
-
2. Führe deinen Astro-Bauschritt aus.
194
-
195
-
```bash
196
-
npm run build
197
-
```
274
+
2. Erstelle Deine Astro-Site mit Deinem bevorzugten Paketmanager:
275
+
276
+
<PackageManagerTabs>
277
+
<Fragmentslot="npm">
278
+
```shell
279
+
npm run build
280
+
```
281
+
</Fragment>
282
+
<Fragmentslot="pnpm">
283
+
```shell
284
+
pnpm run build
285
+
```
286
+
</Fragment>
287
+
<Fragmentslot="yarn">
288
+
```shell
289
+
yarn run build
290
+
```
291
+
</Fragment>
292
+
</PackageManagerTabs>
198
293
199
294
3. Führe `deployctl` zum Veröffentlichen aus!
200
295
201
-
Ersetze im folgenden Befehl `<ACCESS-TOKEN>` mit deinem [Personal Access Token](https://dash.deno.com/account#access-tokens) und `<MY-DENO-PROJECT>` mit deinem Deno Deploy-Projektnamen.
202
-
203
296
<StaticSsrTabs>
204
297
<Fragmentslot="static">
205
298
```bash
206
-
cd dist &&DENO_DEPLOY_TOKEN=<ACCESS-TOKEN>deployctl deploy --project=<MY-DENO-PROJECT> jsr:@std/http/file-server
299
+
cd dist && deployctl deploy jsr:@std/http/file-server
0 commit comments