Construire un blog sur Linode en utilisant Tailwind CSS | Bootstrap Alternative
Dans cette vidéo, @CodeWithHarry vous montrera comment programmer et déployer un blog en utilisant Tailwind CSS. À la fin de cette vidéo, vous saurez comment héberger votre propre blog sur une instance Linode.
Chapitres :
0:00 Introduction
0:24 Créer un nouveau projet Next
0:45 Trouver un modèle de blog
1:40 Importer un modèle de blog
2:50 Créer une application Next
3:50 Personnaliser l'index
4:45 Ajouter des polices aux styles globaux
5:20 Créer le composant Navbar
7:50 Installer Alpine.js et Font Awesome
11:50 Créer footer.js
13:00 Continuer à personnaliser l'index
19:00 Démarrage de l'instance MongoDB sur Linode
21:10 Connexion au cluster MongoDB
22:10 Mise à jour du pare-feu
23:50 Création de la base de données
25:20 Configurer Next.js avec MongoDB
28:00 Installer MongoDB localement
31:10 Créer un nouveau document
31:50 Résoudre le problème de connectivité
32:50 Mise à jour de la taille de l'image
35:00 Finir la personnalisation de l'index
37:20 Résolution des problèmes liés à la page /post
38:16 Ajouter le nom du blog à la barre de navigation
40:00 Modifier les articles
42:00 Créer un composant de barre latérale
44:20 Vérifier la réactivité
44:40 Résoudre les problèmes de réactivité
49:05 Importer les billets dans MongoDB Compass
51:45 Récupérer les billets de la base de données
52:02 Créer getBlog.js et getBlogs.js
55:00 Mise à jour des balises de blog
56:40 Configurer la fonction Create Markup
58:20 Configurer la méta-description
59:10 Récupérer le contenu pour le Slug
1:12:00 Mise à jour des articles sélectionnés
1:13:35 Conclusion
Nouveau sur Linode ? Commencez ici avec un crédit de 100 $ !
Lisez la documentation pour plus d'informations sur les langages de développement web.
Ensavoir plus sur Tailwind CSS.
Abonnez-vous pour être informé des nouveaux épisodes dès leur sortie.
#Linode #Tailwindcss #webdevelopment
Produits : Linode, Blog, Tailwind CSS ; @CodeWithHarry
Vous pourriez aussi aimer...
-
La polyvalence de WebAssembly | Top 5 des langages que vous pouvez déployer partout avec WASM
Dans cette vidéo, @gardiner_bryant présente les cinq principaux langages qui peuvent être déployés dans le nuage et compilés dans WebAssembly (WASM). -
L'observabilité est essentiellement l'état de votre environnement Justin Cobbett - Akamai
Dans cette vidéo, Justin Cobbett, responsable du marketing produit chez Akamai, nous fait part de son point de vue sur l'observabilité et ce qu'elle signifie aujourd'hui. -
AWESOME Linux Tiling Terminal Emulator | Contrôlez plusieurs serveurs dans une seule fenêtre
Dans cette vidéo, @TechHut vous montre comment installer et utiliser Tilix, un émulateur de terminal à tuiles GTK3 avancé. -
GitOps pour la portabilité du cloud
Les principes GitOps peuvent permettre ou améliorer une stratégie de portabilité du cloud en se concentrant sur l'agilité, la flexibilité et le maintien d'une source unique de vérité