Blog-Website mit Cloudflare Workers und Reactjs
Veröffentlicht am 16.08.2024
Durchsuche:324
Einführung
Kürzlich habe ich eine Blog-Website mit Hono.js für das Backend und React.js für das Frontend erstellt. Ziel dieses Artikels ist es, Sie durch den gesamten Entwicklungsprozess zu führen, von der Einrichtung des Backends mit Cloudflare Workers bis zur Bereitstellung des Frontends auf Vercel.
Verwendeter Tech-Stack:
- Hono.js: Ein leichtes Web-Framework zum Erstellen leistungsstarker Anwendungen.
- React.js: Eine beliebte JavaScript-Bibliothek zum Erstellen von Benutzeroberflächen.
- TypeScript: Eine Obermenge von JavaScript, die statische Typen für eine bessere Codequalität hinzufügt.
- Prisma und Prisma Accelerate: Ein ORM für nahtloses Datenbankmanagement.
- PostgreSQL: Eine leistungsstarke relationale Open-Source-Datenbank.
- Cloudinary: Ein cloudbasierter Dienst zur Verwaltung von Medieninhalten.
Sehen Sie sich das Projekt hier an: https://github.com/VaibhavArora314/blogging-website
Fühlen Sie sich frei, zum Projekt beizutragen oder Ihr Feedback zu teilen.
Freigabeerklärung
Dieser Artikel ist abgedruckt unter: https://dev.to/vaibhav_31/blog-website-with-cloudflare-workers-and-reactjs-4pbi?1 Bei Verstößen wenden Sie sich bitte an [email protected], um ihn zu löschen
Neuestes Tutorial
Mehr>
-
Wie können Java-Strings mit doppelten Anführungszeichen initialisiert werden, obwohl sie Objekte sind?String-Initialisierung mit „ “ in Java: Ein SonderfallDie String-Klasse von Java kann initialisiert werden, obwohl sie eine objektorientierte Entität ...Programmierung Veröffentlicht am 14.11.2024 -
Warum funktioniert meine „Not In“-Prüfung für Tupel in Python nicht?Überprüfen des Vorhandenseins von Elementen in einer Python-ListeBei der Arbeit mit Listen in Python ist es oft notwendig zu überprüfen, ob ein bestim...Programmierung Veröffentlicht am 14.11.2024
-
Wie verbessert AtomicInteger die Parallelität in Multithread-Umgebungen?AtomicInteger in der gleichzeitigen ProgrammierungAtomicInteger ist eine Java-Klasse, die den gleichzeitigen Zugriff auf einen zugrunde liegenden ganz...Programmierung Veröffentlicht am 14.11.2024
-
Wie kann man die Anzahl der Iterationen in der For-Each-Schleife von Java verfolgen?Zugriff auf den Iterationsindex in der For-Each-Schleife von JavaIn der For-Each-Schleife von Java kann sich der Zugriff auf die aktuelle Iterationsza...Programmierung Veröffentlicht am 14.11.2024
-
Wie kombiniere ich zwei assoziative Arrays in PHP und behalte dabei eindeutige IDs bei und verarbeite doppelte Namen?Kombinieren assoziativer Arrays in PHPIn PHP ist das Kombinieren zweier assoziativer Arrays zu einem einzigen Array eine häufige Aufgabe. Betrachten S...Programmierung Veröffentlicht am 14.11.2024
-
Wie kann ich MP4-Videos auf einem Golang-Webserver streamen?GoLang-Webserver-Streaming-VideoF: Ein Golang-Webserver, der so konfiguriert ist, dass er HTML, CSS, JavaScript und Bilder erfolglos bereitstellt vers...Programmierung Veröffentlicht am 14.11.2024
-
Was ist mit dem Spaltenversatz in Bootstrap 4 Beta passiert?Bootstrap 4 Beta: Die Entfernung und Wiederherstellung des SpaltenversatzesBootstrap 4 führte in seiner Beta-1-Version wesentliche Änderungen an der A...Programmierung Veröffentlicht am 14.11.2024
-
Wie behebt man „Unsachgemäß konfiguriert: Fehler beim Laden des MySQLdb-Moduls“ in Django unter macOS?MySQL falsch konfiguriert: Das Problem mit relativen PfadenBeim Ausführen von python manage.py runserver in Django kann der folgende Fehler auftreten:...Programmierung Veröffentlicht am 14.11.2024
-
Wie kann ich mit MySQL Benutzer mit den heutigen Geburtstagen finden?So identifizieren Sie Benutzer mit heutigen Geburtstagen mithilfe von MySQLUm mithilfe von MySQL festzustellen, ob heute der Geburtstag eines Benutzer...Programmierung Veröffentlicht am 14.11.2024
-
Was macht „display: table-column“ eigentlich in CSS?Wie soll ein CSS „display: table-column“ funktionieren?In HTML bestehen Tabellen aus Zeilen, mit jeder Zeile enthaltende Zellen. CSS erweitert dieses ...Programmierung Veröffentlicht am 14.11.2024
-
Wie geht Babel 6 anders mit Standardexporten um?Breaking Change: Babel 6-Export-StandardverhaltenMit der Veröffentlichung von Babel 6 wurden wesentliche Änderungen in der Handhabung von Standardexpo...Programmierung Veröffentlicht am 14.11.2024
-
SSR in Next.js beherrschen: So steigern Sie SEO und BenutzererfahrungSSR (Server-Side Rendering) ist eine weitere Methode zum Generieren von Seiten in Next.js. In diesem Artikel möchte ich erklären, was SSR ist, wie es ...Programmierung Veröffentlicht am 14.11.2024
-
Warum hat PHP 5.2 abstrakte statische Klassenmethoden verboten?Strikter Modus von PHP 5.2: Warum sind abstrakte statische Klassenmethoden nicht zulässig?In PHP 5.2 kann die Aktivierung strenger Warnungen eine beka...Programmierung Veröffentlicht am 14.11.2024
-
Wie zeichne ich eine Linie mit unterschiedlichen Farben für jedes Segment von 10 aufeinanderfolgenden Punkten?Eine Linie in verschiedenen Farben zeichnenProblemstellungBei zwei Listen, Latt und Länge, besteht das Ziel darin, jeweils eine einzelne Linie zu zeic...Programmierung Veröffentlicht am 14.11.2024
-
Wie filtere ich Daten basierend auf der Anzahl in MySQL, ohne Nested SELECT zu verwenden?MySQL – Verwendung von COUNT(*) in der WHERE-KlauselEin Benutzer ist beim Versuch, Daten in MySQL mithilfe der COUNT(*)-Funktion in zu filtern, auf ei...Programmierung Veröffentlicht am 14.11.2024
Chinesisch lernen
- 1 Wie sagt man „gehen“ auf Chinesisch? 走路 Chinesische Aussprache, 走路 Chinesisch lernen
- 2 Wie sagt man auf Chinesisch „Flugzeug nehmen“? 坐飞机 Chinesische Aussprache, 坐飞机 Chinesisch lernen
- 3 Wie sagt man auf Chinesisch „einen Zug nehmen“? 坐火车 Chinesische Aussprache, 坐火车 Chinesisch lernen
- 4 Wie sagt man auf Chinesisch „Bus nehmen“? 坐车 Chinesische Aussprache, 坐车 Chinesisch lernen
- 5 Wie sagt man „Fahren“ auf Chinesisch? 开车 Chinesische Aussprache, 开车 Chinesisch lernen
- 6 Wie sagt man Schwimmen auf Chinesisch? 游泳 Chinesische Aussprache, 游泳 Chinesisch lernen
- 7 Wie sagt man auf Chinesisch „Fahrrad fahren“? 骑自行车 Chinesische Aussprache, 骑自行车 Chinesisch lernen
- 8 Wie sagt man auf Chinesisch Hallo? 你好Chinesische Aussprache, 你好Chinesisch lernen
- 9 Wie sagt man „Danke“ auf Chinesisch? 谢谢Chinesische Aussprache, 谢谢Chinesisch lernen
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
Bildbase64-Dekodierung
Chinesisches Pinyin
Unicode-Kodierung
Komprimierung der JS-Verschleierungsverschlüsselung
URL-Hexadezimal-Verschlüsselungstool
Konvertierungstool für UTF-8-Kodierung
Online-Tools zur ASCII-Kodierung und -Dekodierung
MD5-Verschlüsselungstool
Hash/Hash-Text-Online-Verschlüsselungs- und Entschlüsselungstool
Online-SHA-Verschlüsselung