Modernes Frontend-Setup für TYPO3 mit Vite - Livestream mit Simon Praetorius
In dieser Live Coding Session mit Simon Praetorius geht es um das Frontend-Setup für TYPO3 mit Vite.
Es ist 2024, und immer noch gibt es zu viele benutzerdefinierte Grunt-, Gulp- und Webpack-Setups. Diese sind oft veraltet, übermäßig komplex und daher kaum noch wartbar. Das muss ein Ende haben. Es sollte einen besseren Weg geben, das zu lösen.
Hier kommt Vite ins Spiel:
Vite ist ein modernes Frontend-Tool, das Geschwindigkeit und Flexibilität mit einer einfachen Konfiguration vereint. Aus diesem Grund ist es eines der beliebtesten Bundler und die Standardwahl für Vue, Svelte, Angular, Laravel und viele andere.
Vite bietet native Unterstützung für TypeScript und ist mit allen gängigen Frameworks (React, Angular, Vue, Svelte, Lit, …) kompatibel. Zudem integriert es nahtlos alle bekannten CSS-Prozessoren (Sass, Less, PostCSS, …).
00:00 TYPO3 Vite und Webdesign mit HTML und CSS umsetzen
03:00 Vite wofür braucht man es und was macht es im Vergelich zu Webpack und Gulp besser?
07:35 TYPO3 Installation und Frontend Site Package einrichten für Beginner
32:20 Hot Reload mit NPM Filewatcher
43:00 Web Development mit TYPO3 Extensions im Backend auf einer lokalen DDEV Umgebung
Über Simon Praetorius:
Simon ist TYPO3-Entwickler und Maintainer der Template-Sprache Fluid, die bei TYPO3 zum Einsatz kommt. Mit über 13 Jahren Berufserfahrung als Entwickler und Technical Lead in Digitalagenturen hat er umfassende Expertise in der Entwicklung und Leitung komplexer Projekte erworben. Seit 2023 ist er selbstständig und unterstützt Agenturen sowie TYPO3-Endkunden bei der Konzeption, Umsetzung und Weiterentwicklung anspruchsvoller TYPO3-Projekte. Zudem hat er die Vite-Integration „Vite AssetCollector“ für TYPO3 entwickelt, die im Video zum Einsatz kommt.
Links:
Website: https://www.praetorius.me/
Dokumentation zur Vite-Integration: https://docs.typo3.org/p/praetorius/v...
Slides von den TYPO3 Developer Days 2024: https://speakerdeck.com/s2b/vite-typo...
Bildquelle Simon Praetorius: Markus Luigs
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Hier geht es zu unseren Social-Media-Kanälen:
► Patreon: / nevercodealone
► Twitter: / nevercodealone
► Instagram: / nevercodealone
► LinkedIn: / never-code-alone
► Facebook: / nevercodealone
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Das sind unsere Webseiten:
► Never Code Alone bietet kostenlose und kommerzielle live Coding Events und PHP Kurse für Fortgeschrittene an und unterstützt soziale Projekte https://nevercodealone.de
► TESTIFY - Agentur für Website Testing mit Cypress.IO und dem Codeception Testing Framework https://testify.team/
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Du möchtest Never Code Alone unterstützen?
Dann lass uns gerne ein Abo da und schreibe deine Fragen und/oder Anregungen in die Kommentare.
Danke fürs zuschauen!
Ich hoffe das Video hat dir gefallen.
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Kontakt: [email protected]
Watch video Modernes Frontend-Setup für TYPO3 mit Vite - Livestream mit Simon Praetorius online without registration, duration hours minute second in high quality. This video was added by user Never Code Alone 01 January 1970, don't forget to share it with your friends and acquaintances, it has been viewed on our site 18 once and liked it people.