Das schnellste Framework der Welt | Astro.js
Вставка
- Опубліковано 3 лип 2024
- Erfahre alles über Astro.js, das revolutionäre Framework für ultraschnelle Websites! In diesem Video erkläre ich, was Astro.js so besonders macht und warum es ideal für content-driven Websites ist. Anschließend zeige ich dir Schritt für Schritt, wie du eine Website mit Astro.js erstellst und Vue- sowie React-Komponenten integrierst. Perfekt für alle, die moderne Webentwicklung auf ein neues Level heben wollen! 🚀🌟
Ressourcen:
Offizielle Website:
astro.build/
Astro Docs:
docs.astro.build/en/getting-s...
Fred K. Schott personal Website:
fredkschott.com/
Vollständiger Code:
github.com/loris307/Astro_Exa...
Abonniere meinen Kanal für mehr Videos über Programmieren #Astrojs #astro #FrontEnd #WebProgrammierung #Code #Website #JavaScript #Framework #programmieren #WebDevelopment #tutorial
Sehr stark, das erste Mal, dass der Algorithmus etwas Gutes vorschlägt, gleich mehrere Videos von dir reingezogen. Gute Stimme, Artikulation und Themenwahl und dann noch humorvoll. Hoffe, dass mit „ein niemand“ wird sich schnell ändern. Übrigens Gustav absoluter Macher, oder auch eher weniger 😂, aber auf jeden Fall sehr geiles Video.
Dankeschön!!! Gustav ist btw das kreative Genie hinter diesem Kanal
Sehr gutes Video, sehr informativ und unterhaltsam. Dein Channel wird sicher wachsen, wenn Du so weiter machst.
Danke! :)
Top! Sehr anschaulich und unterhaltsam rübergebracht, danke!
Dankeschön! :)
Guten Tag, Herr Galler. Ich möchte nur sagen, dass Sie einen bezaubernden Job mit ihren Videos machen! Mr. Beast kann gleich Angst haben, da ein neuer Player auf der UA-cam-Szene ist
Vielen Dank für diese vorzügliche Niederschrift ihrer Gedanken
sehr cool, danke für das video! aber wordpress als framework in einem zug mit php und RoR zu nennen, ist schon ein bisschen mutig, oder? :D
Mutig ist mein zweiter Vorname! :D
Ist ja 'ne steile These dass Next.js Apps nur SPAs sind und nur auf client-side rendering setzen. Stimmt halt nicht, aber ok. Müsst ihr wissen
Leider bleibt dein Video den Nachweis schuldig. Wie schlagen sich die Metriken im Google PageSpeed? Muss Google die Messlatte höher legen?
Hey, guter Einwand! Die Astro Entwickler haben diesen Vergleich selber auf ihrer Seite verlinkt (sorry für den schlimmen link xd). Beim Thema Core Web Vitals schneidet Astro unter den verglichenen Frameworks mit Abstand am besten ab. Wenn du willst, kannst du hier auch selber noch rumspielen und es mit noch mehr Frameworks vergleichen:
lookerstudio.google.com/u/0/reporting/55bc8fad-44c2-4280-aa0b-5f3f0cd3d2be/page/M6ZPC?params=%7B%22df44%22:%22include%25EE%2580%25800%25EE%2580%2580IN%25EE%2580%2580WordPress%25EE%2580%2580Next.js%25EE%2580%2580Nuxt.js%25EE%2580%2580Gatsby%25EE%2580%2580Astro%25EE%2580%2580SvelteKit%25EE%2580%2580Remix%22%7D
@@lorisgaller Super Cool. Danke 🤠🤜🏻🤛🏻
@@lorisgaller Ich habe mir astro.build eben angesehen. Ich kenne das Astro-Framwork nicht und erlaube mir daher kein Urteil. Was allerdings befremdlich wirkt, ist die Tatsache, dass von der Behauptung auf der Startseite, dass Google, Microsoft, The Guardian, Nord VPN und NBC-News das Astro in Verwendung haben wohl so nicht richtig ist. Ich konnte lediglich Porsche als einzigen Verwender des Astro-Framework identifizieren. Die Domain Astro.build im Livetest der Core Web Vitals offenbart ebenfalls Mängel in der Programmierung ... Schade, da es doch Webseiten mit einem FEHLERFREIEN Score und 4 x 100 in Desktop und Mobile gibt.
@@Mein_Senf_dazu Also, wenn ich die Werte bei PageSpeed teste, bekomme ich folgende Ergebnisse für astro.build/:
First Contentful Paint: 1,3 s
Largest Contentful Paint: 2,6 s
Total Blocking Time: 0 ms
Cumulative Layout Shift: 0
Speed Index: 1,3 s
Die sind doch sehr gut, meines Erachtens nach.
Und die Sponsoren findest du weiter unten auf der Seite mit Verlinkungen. Beispielsweise hat Google selbst angekündigt, dass sie Astro.js sponsern! Und zu Microsoft: Sie haben es in Fluent 2 verwendet (astro.build/case-studies/microsoft/). Die Anderen habe ich jetzt nicht geprüft aber solche Firmen sind meistens auch nicht daran interessiert, jedes Framework für jede ihrer Lösungen an die große Glocke zu hängen.
bei nextjs gibt es doch auch server side rendering wo statische komponenten schon serverseitig vorgerendert und gecachet werden können für schnellen zugriff. und der client nur die dynamischen komponenten selber rendert und per hydration mit daten füllt. ist das selbe prinzip wenn ich es richtig verstehe. wie die rendertime im vergleich ist weiß ich allerdings nicht.
Stimmt! Aber Astro.js ist im Gegensatz zu Next.js sehr darauf spezialisiert, statische Seiten mit Islands zu erzeugen, ohne zusätzliche Imports oder erhöhte Komplexität (die man in Next.js bräuchte). Das führt dann am Ende zu einer geringeren Bundle-Größe und somit auch zu viel schnelleren Ladezeiten :)
@@lorisgaller Next.js Server Components im App Router _ist_ Island Architecture. Die `'use client'` directive ist die Boundary zum JavaScript Island, da braucht man keinerlei zusätzlichen imports oder irgendwelche Komplexität, it just works, du klatschst literally einfach 'use client' oben an die Datei.