Zum Inhalt springen
Alle Produkte ansehen
Computing
Speicher
Netzwerk
Databases
Services
Entwicklertools
Branchen
Preise
Community
Treten Sie mit uns in engeren Kontakt
Inhalt erkunden
Serie
15
  1. Gesehen bei TFIR
    56
  2. Vereinfachte Cloud
    56
  3. Craft of Code
    37
  4. DIY Cloud
    51
  5. HackerSploit
    32
  6. Im Knotenpunkt-Newsletter
    44
  7. Learnk8s Labs
    8
  8. Linode Kubernetes mit Helm
    11
  9. OpenAI Versus Projekt
    9
  10. Partner-Roundups
    26
  11. Super-Benutzer
    162
  12. Tech With Tim Linux-Einsteiger-Serie
    14
  13. Terraforming von Kubernetes
    6
  14. Top Docs
    75
  15. IaC ausprobieren
    5
Mit
38
  1. Alexis Ahmed (HackerSploit)
    33
  2. Andrew Burke
    1
  3. Austin Gil
    21
  4. Billy Thompson
    14
  5. Brandon Hopkins
    25
  6. Chris Nesbitt-Smith
    2
  7. Chris Psaltis
    1
  8. Code with Harry
    31
  9. Code with Tomi
    13
  10. Daniele Polencic
    2
  11. Darcy Declute
    1
  12. David Burgess
    16
  13. David Flanagan
    1
  14. Florian Walther
    1
  15. Gardiner Bryant
    60
  16. James Steel
    26
  17. Jay LaCroix
    76
  18. Jay Lyman
    1
  19. Jérôme Petazzoni (Tiny Shell Script)
    11
  20. Jose Portilla
    1
  21. Josh | KeepItTechie
    21
  22. Justin Mitchel
    29
  23. Kevin Cunningham
    1
  24. Lana Lux
    5
  25. Liam Eagle
    2
  26. Mauricio “Salaboy” Salatino
    2
  27. Mike Jung
    3
  28. Nelson Djalo
    6
  29. Salman Iqbal
    3
  30. Sam Hawley
    2
  31. Sid Palas
    10
  32. Swapnil Bhartiya
    50
  33. Talia Nassi
    1
  34. Tech with Tim
    27
  35. TechHut
    9
  36. Veronica
    1
  37. Walt Ribeiro
    17
  38. zSecurity
    1
Content-Arten
7
  1. Kundenreferenzen
    37
  2. Ebooks
    15
  3. E-Mail-Newsletter
    44
  4. Projektbeschreibung
    1
  5. Forschung
    5
  6. Videos
    1
  7. Webinare
    29
Kategorien
13
  1. Cloud Übersichten
    19
  2. Computing
    52
  3. Container (Kubernetes, Docker)
    107
  4. Databases
    27
  5. Entwicklertools
    147
  6. Linode
    45
  7. Linux
    80
  8. Multicloud
    3
  9. Netzwerk
    14
  10. Open Source
    16
  11. Partner-Netzwerk
    40
  12. Sicherheit
    57
  13. Speicher
    25
Um eingebettete YouTube-Videos sehen zu können, müssen Sie in Ihren Cookie-Einstellungen"Performance"-Cookies aktiviert haben.
InhaltSuper-BenutzerEinen Blog auf Linode mit Tailwind CSS | Bootstrap Alternative erstellen

Erstellen eines Blogs auf Linode mit Tailwind CSS | Bootstrap Alternative

In diesem Video zeigt Ihnen @CodeWithHarry, wie Sie einen Blog mit Tailwind CSS programmieren und einrichten. Am Ende dieses Videos werden Sie lernen, wie Sie Ihr eigenes Blog auf einer Linode-Instanz hosten können.

Kapitel:
0:00 Einführung
0:24 Ein neues Next-Projekt erstellen
0:45 Eine Blog-Vorlage finden
1:40 Blog-Vorlage importieren
2:50 Next App erstellen
3:50 Index anpassen
4:45 Schriftarten zu globalen Stilen hinzufügen
5:20 Navbar-Komponente erstellen
7:50 Alpine.js und Font Awesome installieren
11:50 Fußzeile.js erstellen
13:00 Index weiter anpassen
19: 00 MongoDB-Instanz bei Linode hochfahren
21:10 Anmeldung bei MongoDB Cluster
22:10 Firewall aktualisieren
23:50 Datenbank erstellen
25: 20 Next.js mit MongoDB einrichten
28:00 MongoDB lokal installieren
31: 10 Ein neues Dokument erstellen
31:50 Konnektivitätsproblem beheben
32: 50 Bildgrößenanpassung aktualisieren
35: 00 Index fertigstellen
37:20 Fehlersuche auf der Seite /post
38:16 Blog-Namen zur Navigationsleiste hinzufügen
40:00 Beiträge ändern
42:00 Sidebar-Komponente erstellen
44:20 Reaktionsfähigkeit prüfen
44:40 Reaktionsfähigkeitsprobleme beheben
49: 05 Beiträge in den MongoDB-Kompass importieren
51:45 Blog-Beiträge aus der Datenbank abrufen
52:02 getBlog.js und getBlogs.js erstellen
55:00 Blog-Tags aktualisieren
56:40 Markup Funktion erstellen konfigurieren
58:20 Meta-Beschreibung konfigurieren
59:10 Inhalt für Slug abrufen
1:12:00 Beiträge auswählen aktualisieren
1:13:35 Schlussfolgerung

Neu bei Linode? Starten Sie hier mit einem $100-Guthaben!
Lesen Sie das Dokument für weitere Informationen über Webentwicklungssprachen.
Erfahren Sie mehr über Tailwind CSS.
Abonnieren Sie, um über neue Episodenbenachrichtigt zu werden, sobald sie erscheinen.

#Linode #Tailwindcss #Webentwicklung
Produkt: Linode, Blog, Tailwind CSS; @CodeWithHarry

Das könnte Sie auch interessieren...

  1. "Is WASM the Future of Cloud Computing?" featuring Gardiner Bryant, featured image.

    Ist WASM die Zukunft von Cloud Computing? | Wie das Bauen mit WASM heute zukünftige Kopfschmerzen verhindern kann

    In diesem Video geht @gardiner_bryant näher auf WebAssembly, auch bekannt als WASM, ein und zeigt, was es für Cloud Computing bietet.

  2. Apache Kafka erklärt | Was macht es so schnell und zuverlässig?

    In diesem Video stellt Gardiner Apache Kafka vor, einen Ereignisspeicher und eine Stream-Processing-Plattform, und erklärt, was sie so schnell macht.
  3. Das Bild zeigt Harry von Code with Harry und den Text build a dictionary app, zusammen mit den HTML5-, CSS- und Javascript-Logos.

    Code With Harry erstellt eine Wörterbuch-App mit React und Apache | Ubuntu Server-App-Bereitstellung

    @CodeWithHarry zeigt, wie man eine Wörterbuch-App mit React als Frontend zusammen mit einem öffentlichen Wörterbuch programmiert API.
  4. Forgejo, eine einfache Lösung für agile Entwicklung mit Josh von KeepItTechie Header Image.

    Forgejo Eine einfache Lösung für agile Entwicklung | Selbstgehostete Alternative zu GitHub

    In diesem Video zeigt @KeepItTechie, wie man Foregejo installiert, eine selbst gehostete Software-Schmiede, mit der Sie Ihre verschiedenen Projekte verwalten können.
Zurück Weiter