Website - Go live - Versionsgeschichte

134.3.241.3: /* Vercel / Netlify / Github Pages */

2021-12-28T23:23:24Z

Vercel / Netlify / Github Pages

134.3.241.3: /* Vercel / Netlify / Github Pages */

2021-12-28T23:15:50Z

Vercel / Netlify / Github Pages

134.3.241.3: /* Vercel */

2021-12-28T22:24:50Z

Vercel

134.3.241.3 am 28. Dezember 2021 um 22:23 Uhr

2021-12-28T22:23:25Z

134.3.241.3: Die Seite wurde neu angelegt: „Früher war der Go live im Prinzip immer gleich. Website Files per FTP oder SSH auf den Serverspielen und Datenbank per SSH, phpMyAdmin oder anderen Tools hoch…“

2021-12-28T22:20:44Z

Die Seite wurde neu angelegt: „Früher war der Go live im Prinzip immer gleich. Website Files per FTP oder SSH auf den Serverspielen und Datenbank per SSH, phpMyAdmin oder anderen Tools hoch…“

Neue Seite

Früher war der Go live im Prinzip immer gleich. Website Files per FTP oder SSH auf den Serverspielen und Datenbank per SSH, phpMyAdmin oder anderen Tools hochspielen.

Durch neue Arbeitsweisen und Tools wie Webpack, Docker etc. hat sich auch das Deployment verändert.

== Webpack build ==
Wenn mit einem Bundler wie Webpack gearbeitet wird, muss man den Bundler anweisen zunächst eine Distribution zu erstellen. Dabei kann der Bundler einige Aufgaben übernehmen: TypeScript in JavaScript umwandeln, Sass/Less Dateien kompilieren und vieles mehr.

Terminal:
npm run build
This command will run the script located in the /package.json file in the scripts > build property.

Wait a few seconds and the files should be available in the /dist/ folder which will be created when build is executed. You can then put those files online using your favorite FTP client.

Whenever you want to upload a new version, run npm run build again even if the /dist/ folder already exists.

@@ Zeile 23: / Zeile 23: @@
 === Vercel mit Webpack nutzen ===
 '''Vercel Modul''' als Dependency einbinden (lokal oder mit -g Global). Das Modul ist ein CLI (CommandLineInterface) um mit Vercel zu kommunizieren
   npm install vercel

@@ Zeile 22: / Zeile 22: @@
 You can use it for complex projects, but also for very simple "single page" websites like the ones we create within this course.
-Before continuing, be aware that there is no partnership between me (Bruno Simon) and Vercel. I just like to use it for my small creative experiences.
+=== Vercel mit Webpack nutzen ===
-Also, there are other good alternatives that we should mention like Netlify and GitHub Pages.
+Im package.json Skript legen wir unter script eine neue Zeile - z.B, mit Namen deploy an:
-Be aware also that you might see slight differences between the rest of this lesson and your own experience with Vercel. It's quite a new solution and the developers keep improving the service.
+ Which scope do you want to deploy to? kholja

@@ Zeile 14: / Zeile 14: @@
 Whenever you want to upload a new version, run npm run build again even if the /dist/ folder already exists.
-== Vercel ==
+== Vercel / Netlify / Github Pages==
-Vercel
+Vercel as an Example for modern deployment and testing
 Vercel is one of those "modern" hosting solutions and features continuous integration (automatisation of testing, deployment and others development steps like this). It is very developer friendly and easy to setup.

← Nächstältere Version		Version vom 28. Dezember 2021, 22:23 Uhr
Zeile 13:		Zeile 13:

	Whenever you want to upload a new version, run npm run build again even if the /dist/ folder already exists.		Whenever you want to upload a new version, run npm run build again even if the /dist/ folder already exists.
		+
		+	== Vercel ==
		+	Vercel
		+
		+	Vercel is one of those "modern" hosting solutions and features continuous integration (automatisation of testing, deployment and others development steps like this). It is very developer friendly and easy to setup.
		+
		+	You can use it for complex projects, but also for very simple "single page" websites like the ones we create within this course.
		+
		+	Before continuing, be aware that there is no partnership between me (Bruno Simon) and Vercel. I just like to use it for my small creative experiences.
		+
		+	Also, there are other good alternatives that we should mention like Netlify and GitHub Pages.
		+
		+	Be aware also that you might see slight differences between the rest of this lesson and your own experience with Vercel. It's quite a new solution and the developers keep improving the service.