Siehe software.md.
- Intro
- Variablen und Datentypen
- JSON, Arrays und Sets
- Funktionen
- Die erste Typescript App
- Typescript Basics
- Typescript und API
- Vertiefung in Typescript
- 📹 YT: App Architecture
- 📹 YT: Single Page Applications Architecture
- 📹 YT: Everything You NEED to Know About WEB APP Architecture
- Fertiges Backend
- Die erste App mit React und Next.js
- Layout, Komponenten und Routen
- Formulare und POST Requests: Daten einfügen
- Daten editieren und Komponentenkommunikation
- Daten löschen, reducer in React
Öffne den Ordner mit der Next.js App (nicht den Ordner darüber!) und wähle im Menü Run - Add configuration.
Wähle Node.js als Konfiguration und ersetze den Inhalt der generierten Datei .vscode/launch.json durch folgenden Code:
{
"configurations": [
{
"type": "node",
"request": "launch",
"name": "⚙️ Internal: Server components",
"runtimeExecutable": "npm",
"runtimeArgs": [
"run",
"dev"
],
"cwd": "${workspaceFolder}"
},
{
"type": "msedge",
"request": "launch",
"name": "⚙️ Internal: Client components",
"url": "http://localhost:3000",
"webRoot": "${workspaceFolder}",
"sourceMaps": true
}
],
"compounds": [
{
"name": "Debug Server and Client",
"configurations": [
"⚙️ Internal: Server components",
"⚙️ Internal: Client components"
]
}
]
}Nun kannst du über den Button Run and Debug in der Werkzeugleiste links die Debug Palette öffnen. Wähle als Startkonfiguration Debug Server and Client (nicht ⚙️ Internal: Server components). In der Debug Console im unteren Bereich siehst du die Ausgaben. Wenn der Browser startet, wird die Applikation noch gestartet. Deswegen kommt am Anfang einmal die Meldung, dass die Seite nicht zur Verfügung steht. Aktualisiere die Seite, wenn die App gestartet wurde.