Construir un blog en Linode Usando Tailwind CSS | Alternativa Bootstrap
En este vídeo, @CodeWithHarry te mostrará cómo programar y desplegar un blog utilizando Tailwind CSS. Al final de este vídeo aprenderás a alojar tu propio blog en una instancia de Linode .
Capítulos:
0:00 Introducción
0: 24 Crear un nuevo proyecto Siguiente
0: 45 Buscar una plantilla de blog
1:40 Importar plantilla de blog
2:50 Crear Next App
3:50 Personalizar el índice
4:45 Añadir fuentes a estilos globales
5: 20 Crear componente de barra de navegación
7: 50 Instalar Alpine.js y Font Awesome
11: 50 Crear footer.js
13:00 Continuar personalizando el índice
19:00 Poner en marcha la instancia MongoDB en Linode
21:10 Iniciar sesión en el clúster MongoDB
22: 10 Actualización del cortafuegos
23: 50 Crear base de datos
25:20 Configurar Next.js con MongoDB
28: 00 Instalar MongoDB localmente
31:10 Crear un nuevo documento
31:50 Resolver problema de conectividad
32: 50 Actualizar el tamaño de la imagen
35:00 Finalizar la personalización del índice
37:20 Solucionar problemas de la página /post
38: 16 Añadir el nombre del blog a la barra de navegación
40: 00 Cómo modificar entradas
42: 00 Crear componente de barra lateral
44: 20 Comprobar la capacidad de respuesta
44: 40 Resolver problemas de capacidad de respuesta
49: 05 Importar entradas a MongoDB Compass
51: 45 Obtención de entradas de blog de la base de datos
52: 02 Crear getBlog.js y getBlogs.js
55:00 Actualizar etiquetas de blog
56: 40 Configurar la función Create Markup
58: 20 Configurar Meta Descripción
59: 10 Obtener contenido para Slug
1:12:00 Actualizar Entradas Seleccionadas
1:13: 35 Conclusión
¿Es nuevo en Linode? ¡ Empieza aquí con un crédito de 100 $!
Lee el documento para obtener más información sobre lenguajes de desarrollo web.
Más informaciónsobre Tailwind CSS.
Suscríbete para recibir notificaciones de nuevos episodios en cuanto salgan.
#Linode #Tailwindcss #desarrolloweb
Producto: Linode, Blog, Tailwind CSS; @CodeWithHarry