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