Skip to content
Fabian Hagen edited this page Jun 12, 2024 · 3 revisions

Ziel des Workshops ist es, einen Mini-Shop auf Basis von Vue 3 und Algolia zu erstellen. Je nachdem wie wir vorankommen, werden wir noch ein kleines Backend mit Laravel bauen, um mit Algolia zu interagieren.

Erläuterung der Tools Vue 3: komponenten-basiertes JavaScript Framework zur Erstellung von Single Page Applications (SPA) Laravel 11: Fullstack-Webframework auf Basis des Model-View-Controller (MVC) Pattern. Algolia: Indexierungs-/Cachingdienst mit starkem Fokus auf E-Commerce-Systeme Bootstrap 5: CSS-Komponenten-Framework. Liefert schnell passabel aussehende Frontends Vite: Runtime und Bundler für Vue. Damit wird ein kleiner Webserver erstellt, welcher die Vue-App betreibt

Initiale Einrichtung

GitHub

Gitpod

  • Account bei Gitpod einrichten (am besten über GitHub-Account) => https://gitpod.io
  • Mit GitHub verknüpfen

Algolia

  • Account erstellen bei https://algolia.com
  • Neues Projekt anlegen
  • Neuen Index anlegen "products" mit E-Commerce Beispieldaten
  • Config aus Repo importieren
  • API Key erstellen