00:00:00Offensichtlich dreht sich heutzutage alles um KI,
00:00:02und bei mir ist das nicht anders.
00:00:04Ich nutze ständig KI,
00:00:05ich schreibe viel Code mit KI,
00:00:07ich verwende Tools wie Cursor und so weiter,
00:00:10aber in dieser Folge liegt der Fokus nicht auf KI..
00:00:13Stattdessen bekomme ich ziemlich oft die Frage gestellt,
00:00:16welche Technologien ich 2026 lernen sollte oder welche Technologien ich 2026 verwende,
00:00:21und genau das möchte ich hier teilen.
00:00:23Ich möchte einige Technologien,
00:00:25Bibliotheken und Frameworks vorstellen,
00:00:27auf die ich mich 2026 freue.
00:00:29Und diese Liste ist nicht unbedingt umfassend oder vollständig.
00:00:32Vielmehr ist es einfach eine Liste von Technologien,
00:00:35die ich persönlich dieses Jahr verwenden werde und an denen ich sehr interessiert bin.
00:00:40Und ich habe schon früher darüber gesprochen.
00:00:43Es gibt natürlich so eine Art Standard-Stack,
00:00:45wenn wir über Webentwicklung sprechen,
00:00:47und genau das tue ich,
00:00:49der alles dominiert,
00:00:50besonders mit KI oder aufgrund von KI.
00:00:52Und das sind TypeScript, React, Next.js und Tailwind.
00:00:55Das ist der Favorit der KI,
00:00:56und das sieht man in den Download-Charts von React zum Beispiel,
00:01:00und bei Tailwind und den anderen Technologien ist es genauso.
00:01:04Und natürlich sollte man das definitiv lernen oder verwenden,
00:01:07besonders wenn man einen Job finden möchte.
00:01:09Es ist natürlich nicht die einzige Wahl,
00:01:12und ich sage nicht,
00:01:13dass Angular,
00:01:14Vue oder all das andere schlecht ist,
00:01:16und es kann eine gute Nische sein,
00:01:18zum Beispiel tiefer in Vue einzutauchen.
00:01:20Aber das ist der Favorit der KI.
00:01:22Das ist der bevorzugte Stack der KI.
00:01:24Also verwende ich natürlich auch einige dieser Technologien,
00:01:27auch weil ich das schon vor der KI-Ära getan habe.
00:01:30Ich verwende TypeScript für alle meine Projekte,
00:01:33weil TypeScript großartig ist.
00:01:34Und ja,
00:01:35es kann manchmal nervig sein,
00:01:36komplexere Typen zu definieren,
00:01:38aber zum einen muss man das ehrlich gesagt gar nicht so oft tun.
00:01:42Und zweitens kann KI dabei helfen.
00:01:44KI ist ziemlich gut darin,
00:01:45TypeScript-Code zu schreiben,
00:01:47und der Vorteil der Verwendung von TypeScript war schon vor der KI,
00:01:51dass es einem helfen kann,
00:01:52bestimmte Fehler zu erkennen und am Ende zu qualitativ hochwertigerem Code führen kann.
00:01:57Aber gerade mit KI ist der Vorteil von TypeScript,
00:02:00dass es ein wichtiger Baustein ist,
00:02:02der der KI nützliches Feedback geben kann,
00:02:04ob der Code,
00:02:05den sie geschrieben hat,
00:02:06gültig ist oder nicht,
00:02:07kombiniert mit Unit-Tests zum Beispiel oder indem man der KI Browser-Zugriff mit dem Playwright MCP oder dem integrierten Browser in Cursor und so weiter gibt.
00:02:16TypeScript ist also etwas,
00:02:18das ich schon immer verwendet und geliebt habe,
00:02:21lange vor der KI,
00:02:22aber jetzt mit KI ist es noch nützlicher.
00:02:24Es ist also auch Teil meines Tech-Stacks.
00:02:26Dasselbe gilt für React.
00:02:28Ich liebe auch Angular.
00:02:29Ich liebe Vue.
00:02:30Ich habe Kurse zu beiden.
00:02:31Und wenn ihr mir gefolgt seid,
00:02:33wisst ihr,
00:02:33dass ich all diese Frameworks liebe.
00:02:35Und ich bin nicht der Typ,
00:02:37der nur ein Lieblings-Framework hat,
00:02:39aber in den letzten Jahren war es hauptsächlich React,
00:02:42das ich für all meine Projekte verwendet habe,
00:02:45und besonders mit KI und mit dem vielen Wissen,
00:02:47das KI über React hat,
00:02:49obwohl ich sagen muss,
00:02:50dass es auch ziemlich beschissenen React-Code produzieren kann mit einem Haufen von useEffect und so weiter.
00:02:56Aber trotz allem ist React immer noch Teil meines Tech-Stacks..
00:03:03Next.js ist seit sehr langer Zeit mein wichtigstes React-Meta-Framework,
00:03:08und es ist immer noch großartig.
00:03:10Ich möchte hier ganz klar sein.
00:03:12Es ist immer noch großartig,
00:03:14aber das ist vielleicht die erste neue Sache,
00:03:17die mir wirklich gefällt: TanStack Start..
00:03:20Ich habe damit Projekte gebaut,
00:03:22wie dieses Build My Graphic-Projekt,
00:03:24das ich letztes Jahr als Nebenprojekt erstellt und dann veröffentlicht habe.
00:03:28Es ist ein Projekt,
00:03:29das den Prozess der Erstellung von Infografiken mit KI vereinfacht,
00:03:32wie diese hier,
00:03:33die die fertige Übersicht meines bevorzugten Tech-Stacks zeigt.
00:03:37Und dafür habe ich TanStack Start verwendet.
00:03:39Und ich verwende TanStack Start auch für andere Projekte,
00:03:42an denen ich arbeite.
00:03:43Einige werden bald veröffentlicht.
00:03:45Ich verwende es zum Beispiel auch für diese Canvas-Zeichen-App,
00:03:48die ihr gerade hier seht..
00:03:51Und es ist großartig.
00:03:52Ich mag es wirklich.
00:03:53Mir gefällt,
00:03:53dass es während der Entwicklung schneller ist als Next.js,
00:03:57dass es bestimmte Dinge anders macht.
00:03:59Mir gefällt die Syntax.
00:04:00Mir gefällt die Einfachheit im Vergleich zu einigen der Next.js-Sachen.
00:04:04Es gibt keine use server-,
00:04:05use client- und ähnliche Direktiven,
00:04:07und deshalb ist TanStack Start definitiv eine der neuen Sachen,
00:04:11die ich letztes Jahr angefangen habe zu verwenden,
00:04:13und ich werde es dieses Jahr weiter verwenden..
00:04:16Normalerweise verwende ich jetzt 10 Stack Start mit Bun für den Backend-Code und generell nutze ich Bun für die Installation von Paketen,
00:04:24zum Ausführen meines Codes und auch für den Dev-Server,
00:04:27weil es einfach ein schnelleres Node.js ist.
00:04:29Allein die Verwendung für die Paketinstallation mit bun install ist schneller als npm und ich mag Bun wirklich sehr.
00:04:35Es ist natürlich größtenteils mit Node.js kompatibel und hat eine Reihe zusätzlicher eingebauter Funktionen,
00:04:41die super nützlich sein können,
00:04:43wie zum Beispiel den integrierten S3-Client,
00:04:45mit dem man mit dem S3-Objektspeicher und kompatiblen Speichern wie R2 von Cloudflare interagieren kann,
00:04:51um Objekte,
00:04:51Bilder oder was auch immer zu speichern – und das ist integriert,
00:04:55man braucht kein zusätzliches Paket,
00:04:57es ist superschnell,
00:04:58schneller als das offizielle AWS SDK beispielsweise,
00:05:01und ja,
00:05:01aus all diesen Gründen mag ich Bun wirklich und deshalb ist Bun so ziemlich mein Standard-Tool in allen Projekten,
00:05:07an denen ich arbeite.
00:05:08Es ist natürlich nicht neu und auch für mich nicht neu – ich habe es letztes Jahr genutzt und auch schon davor – aber es ist jetzt mein Standard,
00:05:16also ist das definitiv auch etwas,
00:05:18das ich viel verwende.
00:05:19Ich möchte allerdings betonen,
00:05:21dass auch Node.js einen weiten Weg zurückgelegt hat – es ist leicht,
00:05:24Node.js als irgendwie langsam und veraltet abzutun und Bun als viel besser,
00:05:28und ich denke auch,
00:05:29dass Bun in vielerlei Hinsicht besser ist,
00:05:32aber ich habe einen ganzen Artikel geschrieben,
00:05:34den ihr unten verlinkt findet,
00:05:36falls ihr ihn lesen möchtet,
00:05:37über all die modernen Features wie TypeScript-Unterstützung,
00:05:41native TypeScript-Unterstützung,
00:05:42die in Node.js integriert sind und die man heute mit den neuesten Versionen von Node.js nutzen kann,
00:05:48für die man keine zusätzlichen Pakete oder Bun braucht,
00:05:51weil Node mehr kann,
00:05:52als viele von uns denken.
00:05:53Nutze ich trotzdem noch Bun,
00:05:55weil mir die Geschwindigkeit und so weiter gefällt.
00:05:57Ja,
00:05:58tue ich,
00:05:58aber wenn ihr in einem Projekt seid,
00:06:00in dem ihr Node verwenden müsst oder es einfach bevorzugt,
00:06:03ist es erwähnenswert,
00:06:04dass man heutzutage viel mehr mit Node machen kann als noch vor ein paar Jahren – modernes Node.js ist definitiv auch etwas,
00:06:11das ich in Betracht ziehen würde,
00:06:13mir dieses Jahr noch einmal anzuschauen,
00:06:15falls ihr das schon eine Weile nicht getan habt.
00:06:18Apropos moderne Dinge: Ich bin auch super begeistert von vielen modernen Browser-APIs und CSS-Features,
00:06:23die heutzutage verfügbar sind,
00:06:25weil sich dort in den letzten,
00:06:26ich schätze mal,
00:06:2718 Monaten oder so eine Menge verändert hat – es gibt viele Browser-APIs und CSS-Features wie zum Beispiel die Popover-API,
00:06:34aber auch viele andere,
00:06:35die breite Unterstützung in allen großen Browsern erreicht haben,
00:06:38sodass man sie heute in all diesen großen Browsern verwenden kann,
00:06:42man kann sie in seinen Anwendungen einsetzen und dadurch eine Menge JavaScript-Code oder zusätzliche Pakete einsparen,
00:06:48die man sonst installieren müsste..
00:06:53Nun habe ich einige Videos auf meinem anderen Kanal,
00:06:55dem Academy-Kanal,
00:06:56erstellt,
00:06:57in denen ich auf einige dieser Themen wie Container Queries,
00:07:00die Popover-APIs eingehe,
00:07:01und ich empfehle definitiv,
00:07:02dir diese Videos und diese Features im Allgemeinen anzuschauen.
00:07:06Der Browser hat einen weiten Weg zurückgelegt und es besteht keine Notwendigkeit,
00:07:10viele Probleme mit eigenem Code oder zusätzlichen Paketen zu lösen,
00:07:13die einfach durch die Nutzung dieser neuen Features gelöst werden können.
00:07:17Es ist erwähnenswert,
00:07:18dass KI standardmäßig diese Features möglicherweise nicht vorschlägt oder verwendet,
00:07:23weil sie natürlich mit Daten trainiert wurde,
00:07:25die den ganzen alten Code enthielten.
00:07:27Aber du kannst sie lehren,
00:07:28du kannst die Dokumentation teilen,
00:07:30sie in deine Prompts kopieren und einfügen oder Links teilen,
00:07:33je nachdem,
00:07:34welche Tools du verwendest,
00:07:35und dann kannst du die KI auch modernen Code schreiben lassen.
00:07:38Und das ist definitiv etwas,
00:07:40das ich empfehlen würde,
00:07:41dass du der KI all dieses moderne Zeug beibringst.
00:07:44Das solltest du wirklich tun,
00:07:45denn es gibt so viel,
00:07:46was man hier machen kann.
00:07:48Apropos KI,
00:07:48natürlich können wir sie in diesem Video nicht ganz auslassen,
00:07:51und ich habe es schon in anderen Episoden gesagt: Ich nutze KI sehr viel,
00:07:55ich schreibe meinen gesamten Code mit KI und die KI schreibt mittlerweile viel Code für mich.
00:08:00Ich spreche hier nicht von Vibe Coding,
00:08:02das möchte ich ganz klar sagen,
00:08:04und ich weiß,
00:08:04dass es einige Leute immer noch falsch verstehen werden.
00:08:07Ich spreche davon,
00:08:08die KI zu kontrollieren,
00:08:09sie zu steuern,
00:08:10die richtigen Prompts zu liefern,
00:08:12den richtigen Kontext,
00:08:13selbst in den Code einzusteigen,
00:08:15wenn man es muss,
00:08:16und wirklich agentic engineering zu betreiben,
00:08:18wie es genannt wird.
00:08:19Und daher arbeite ich natürlich mit Tools wie Cursor,
00:08:22und ein Tool,
00:08:22auf das ich dieses Jahr sehr gespannt bin,
00:08:25ist zum Beispiel OpenCode.
00:08:26Es gab in letzter Zeit viel Hype darum,
00:08:28ich habe schon im Dezember damit angefangen,
00:08:30also war ich cool,
00:08:31bevor es cool wurde.
00:08:32Und das ist im Grunde eine Alternative zu Claude Code,
00:08:35es ist ein CLI-Tool,
00:08:36ein terminalbasiertes Coding-Tool,
00:08:38und man kann es für agentic engineering verwenden.
00:08:40Es ist sehr schön,
00:08:41hat eine schöne Oberfläche,
00:08:43obwohl es im Terminal ist,
00:08:44hat viele Features,
00:08:45unterstützt all das Zeug wie Agents und Agent Skills,
00:08:48und ja,
00:08:48man kann wirklich großartiges agentic engineering mit OpenCode machen.
00:08:52Daher sind Cursor und OpenCode zum Beispiel andere Technologien,
00:08:55die ich dieses Jahr verwende,
00:08:56und besonders OpenCode ist eine,
00:08:58auf die ich sehr gehypt bin.
00:09:00Nun gibt es zwei Dinge,
00:09:01die die meisten Anwendungen brauchen,
00:09:03die du möglicherweise baust,
00:09:04und das sind Authentifizierung und eine Datenbank.
00:09:07Und für die Datenbank sind meine Favoriten PostgreSQL oder SQLite.
00:09:10Beide sind großartig und beide sind natürlich nicht neu,
00:09:13das ist mir völlig klar,
00:09:14und ich weiß,
00:09:15es gibt mehr gehypte Alternativen wie Convex und andere,
00:09:18und ich werde mir diese vielleicht auch anschauen.
00:09:21Ich habe sie ehrlich gesagt noch nicht wirklich benutzt,
00:09:23aber ich mag diese Old-School-Datenbanken aus sehr unterschiedlichen Gründen.
00:09:27PostgreSQL ist natürlich sehr,
00:09:29sehr beliebt,
00:09:30es ist super performant.
00:09:31Wenn man zum Beispiel AWS verwendet,
00:09:33kann man Managed Services wie RDS oder Aurora nutzen,
00:09:36um das Hosting einfach zu machen,
00:09:37wenn man möchte,
00:09:38aber man kann es auch selbst hosten mit Docker,
00:09:40muss nur sicherstellen,
00:09:42dass man Backups macht und so weiter.
00:09:44Und was an PostgreSQL besonders jetzt in diesem modernen Zeitalter großartig ist,
00:09:48ist natürlich,
00:09:48dass es all diese verschiedenen Extensions unterstützt,
00:09:51wie pgvector,
00:09:52wenn man eine Vektor-Datenbank für den Aufbau eines RAG-Systems haben möchte.
00:09:56Und Extensions gibt es schon immer,
00:09:58das ist nicht neu,
00:09:59aber jetzt im KI-Zeitalter haben wir neue Sachen wie Vektor-Datenbanken,
00:10:02und man kann das einfach mit PostgreSQL machen,
00:10:05ohne zusätzliche Tools zu verwenden oder für zusätzliche Services zu bezahlen.
00:10:09Und das ist einer der Gründe,
00:10:10warum ich PostgreSQL wirklich mag und warum ich es für viele meiner Projekte verwende.
00:10:15Aber für einige Projekte,
00:10:16bei denen ich es einfacher halten möchte,
00:10:18bei denen ich vielleicht diese Extensions nicht brauche,
00:10:21mag ich SQLite wirklich sehr.
00:10:23Und falls du es nicht wusstest,
00:10:24SQLite ist wirklich nur eine Datei in deinem Projekt.
00:10:27Die Datenbank ist in deinen Code eingebettet,
00:10:29der Code dafür,
00:10:30meine ich.
00:10:31Es gibt also keinen extra Datenbankserver,
00:10:33den du starten musst,
00:10:34stattdessen ist es einfach ein zusätzliches Paket,
00:10:36das du installierst,
00:10:37oder wenn du Bun verwendest,
00:10:39musst du das nicht einmal tun,
00:10:41denn es hat integrierte SQLite-Unterstützung.
00:10:43Du kannst also einfach Bun verwenden,
00:10:45ohne etwas zu installieren,
00:10:46und du kannst anfangen,
00:10:47in die Datenbank zu schreiben,
00:10:49die wiederum nur eine Datei in deinem Projekt ist.
00:10:52Du kannst ein Backup der Datenbank machen,
00:10:54indem du einfach diese Datei irgendwo anders hinkopierst,
00:10:57und das macht es super einfach,
00:10:58loszulegen.
00:10:59Und das klingt vielleicht nach etwas,
00:11:01das nicht wirklich gut ist oder für große Projekte geeignet ist,
00:11:04aber da liegst du falsch.
00:11:05SQLite kann auf Zehntausende und Hunderttausende von Benutzern und Tausende gleichzeitiger Anfragen skalieren.
00:11:11Es ist also super skalierbar und leistungsstark.
00:11:14Natürlich könnte man irgendwann mehr brauchen,
00:11:16aber dieser Punkt ist ziemlich weit weg,
00:11:18und die meisten Anwendungen erreichen ihn ehrlich gesagt nie.
00:11:21Und dann ist diese Einfachheit wirklich viel wert,
00:11:24und es ist leicht,
00:11:25sie als Spielzeug-Datenbank zu betrachten,
00:11:27aber sie hat viele Features eingebaut,
00:11:29es ist eine erstaunliche Datenbank,
00:11:31und ich verwende sie für viele meiner Produktionsprojekte,
00:11:34wie zum Beispiel Build My Graphic.
00:11:36Es verwendet SQLite,
00:11:37und daher ist das eine weitere Technologie,
00:11:39die ich in den letzten Jahren verwendet habe und weiter verwenden werde,
00:11:43und ich bin natürlich immer noch sehr begeistert davon.
00:11:45Ich möchte hier einfach etwas Werbung dafür machen,
00:11:48weil viele Leute sie als reine Entwicklungs-Datenbank oder so etwas betrachten,
00:11:52und das ist sie absolut nicht.
00:11:54Nun,
00:11:54für die Authentifizierung ist es für mich eindeutig Better Auth.
00:11:58Es gibt viele Wege,
00:11:59Authentifizierung zu deinen Projekten hinzuzufügen,
00:12:01und natürlich,
00:12:02falls du es bemerkt hast,
00:12:03spreche ich hier über das JavaScript-Ökosystem.
00:12:06Aber Better Auth ist eine relativ neue Bibliothek,
00:12:08ich meine,
00:12:09sie ist schon über ein Jahr alt,
00:12:10aber sie ist immer noch nicht super alt.
00:12:12Sie ist extrem gut gepflegt und extrem leistungsstark.
00:12:15Sie ermöglicht es dir,
00:12:16deine eigene Authentifizierung zu implementieren,
00:12:19ohne irgendeinen Code dafür zu schreiben.
00:12:21Du verwendest einfach dieses Paket und all die Features,
00:12:24all die Auth-Provider,
00:12:25die es unterstützt,
00:12:26und es macht Authentifizierung zum Kinderspiel.
00:12:28Es ist der Standard für alle meine Projekte,
00:12:31ich verwende Better Auth für alle,
00:12:32und es ist einfach großartig.
00:12:34Ich werde es weiter verwenden,
00:12:36ich bin immer noch super begeistert davon,
00:12:38und ja,
00:12:38ich würde empfehlen,
00:12:39dir Better Auth anzuschauen,
00:12:41falls du es noch nicht getan hast.
00:12:43Also lass mich schnell diese Infografik erstellen,
00:12:45die ich dir gezeigt habe,
00:12:46und während das läuft,
00:12:48lass mich ganz klar sein: Es gibt natürlich noch viel mehr interessante Dinge,
00:12:52die passieren,
00:12:52viel mehr Pakete,
00:12:53die es wert sind,
00:12:54erkundet zu werden,
00:12:55und die ich verwenden werde.
00:12:57Wenn ich zum Beispiel mobile Apps baue,
00:12:59werde ich React Native verwenden.
00:13:00Das ist nur eine Auswahl der Bibliotheken oder Technologien,
00:13:03auf die ich am meisten gespannt bin,
00:13:05die mir jetzt in den Sinn gekommen sind,
00:13:07als ich darüber nachgedacht habe.
00:13:09Es besteht absolut die Möglichkeit,
00:13:11dass ich etwas vergessen habe oder dass natürlich im Laufe des Jahres etwas auftauchen wird,
00:13:16das vielleicht schon existiert,
00:13:17aber das ich bisher nicht wirklich benutzt habe.
00:13:20Und natürlich bin ich daran interessiert,
00:13:22deine Gedanken zu hören und worauf du dich freust,
00:13:24vielleicht außerhalb von KI.
00:13:26Und offensichtlich dominiert KI alles und wird einen Einfluss auf alles haben,
00:13:30aber es ist wichtig im Hinterkopf zu behalten,
00:13:32dass wir als Entwickler immer noch Entscheidungen treffen können und sollten über die Technologien,
00:13:37die wir verwenden und mit denen wir die KI arbeiten lassen.
00:13:41Und ja,
00:13:41das ist eine Auswahl der Dinge,
00:13:43auf die ich am meisten gespannt bin..