1
00:00:00,040 --> 00:00:02,160
Hola, ¿qué tal? ¿Cómo estás? Espero que todo vaya muy bien.

2
00:00:02,320 --> 00:00:06,200
Te saluda Alex Ávalos y te doy la bienvenida a Web en Línea,

3
00:00:06,330 --> 00:00:09,640
el podcast que te enseña a elegir con criterio,

4
00:00:10,339 --> 00:00:14,980
desarrollar una web potente y lanzarla siguiendo las buenas prácticas

5
00:00:15,080 --> 00:00:17,160
que garantizan el éxito.

6
00:00:26,500 --> 00:00:37,280
Lo comentamos en el episodio anterior, te compartí los motivos, razones y circunstancias por las cuales me pasé de WordPress a Astro.

7
00:00:37,950 --> 00:00:43,260
Pero si no has escuchado el episodio anterior, te lo resumo brevemente.

8
00:00:44,300 --> 00:00:54,420
Después de casi 800 episodios hablando de WordPress y usando con pasión durante años,

9
00:00:55,780 --> 00:01:06,000
WordPress fue la causante, no la causante no, pero WordPress fue mi punta de lanza

10
00:01:07,160 --> 00:01:10,340
desde el inicio de mi emprendimiento online.

11
00:01:11,360 --> 00:01:14,920
Todo giraba en torno a WordPress.

12
00:01:15,180 --> 00:01:20,640
Yo utilizaba WordPress, yo recomendaba WordPress, yo trabajaba con WordPress.

13
00:01:21,440 --> 00:01:29,200
Pero llegó un punto en el que ya necesitaba, por mis requerimientos y mi forma de trabajar, algo más.

14
00:01:30,140 --> 00:01:36,200
Lo natural, creo yo, tendría que haber sido convertirme en programador, en desarrollador.

15
00:01:36,420 --> 00:01:41,940
Pero yo, claro, por mi perfil, que si bien es cierto que es técnico,

16
00:01:42,400 --> 00:01:48,260
pero estoy más del lado de la infraestructura, el hosting, el VPS, la seguridad.

17
00:01:48,920 --> 00:01:54,960
Por lo que no me hice programador, no cambié de WordPress a React ni a Next.js,

18
00:01:55,920 --> 00:02:07,340
Pero encontré una combinación que me funcionaba perfecto, que encajaba perfecto para mi perfil.

19
00:02:07,710 --> 00:02:11,440
Y esa combinación es Astro y Cloudflare.

20
00:02:12,280 --> 00:02:18,400
Por eso, en este episodio, quiero compartir con vos por qué elegí esta combinación,

21
00:02:19,080 --> 00:02:26,460
cómo funcionan y trabajan juntos y quiero hacerlo de la forma más relajada posible.

22
00:02:26,780 --> 00:02:28,480
No quiero que se convierta en un tutorial.

23
00:02:29,480 --> 00:02:34,680
Quiero más compartirte mi experiencia para que entendas lo que hay detrás

24
00:02:35,640 --> 00:02:39,000
y si te puede ser de utilidad, mucho mejor.

25
00:02:43,560 --> 00:03:00,500
Comencemos hablando de ese techo que llegué con WordPress. Yo no sé si has trabajado con WordPress, si estás trabajando con WordPress o si ya no estás trabajando con WordPress. Por lo menos a mí, WordPress me resolvió todo.

26
00:03:01,920 --> 00:03:08,200
todo durante muchos años. De hecho, nacía un proyecto y lo primero que comenzaba a pensar era

27
00:03:08,760 --> 00:03:16,380
con qué plugins iba a orquestar esto. O montaba una web y lo primero que hacía era poner a punto los plugins.

28
00:03:17,620 --> 00:03:26,660
Pero llegó un momento en que la balanza se inclinaba más, en lugar de avanzar, a dedicar más tiempo,

29
00:03:26,720 --> 00:03:28,460
por ejemplo, haciendo el mantenimiento.

30
00:03:30,120 --> 00:03:33,380
Trabajaba más corrigiendo problemas dentro de mis webs

31
00:03:33,380 --> 00:03:35,240
que creando el contenido de mis webs.

32
00:03:36,540 --> 00:03:40,560
Claro, todo lo que respecta a las actualizaciones del core,

33
00:03:40,720 --> 00:03:43,280
los temas, las plantillas, los plugins,

34
00:03:43,780 --> 00:03:47,960
que de hecho los sigo haciendo para mis clientes de alojamiento VPS,

35
00:03:48,800 --> 00:03:54,699
pero mis webs con WordPress ya tenían cierto nivel de complejidad

36
00:03:54,700 --> 00:04:05,320
por todo el código personalizado y cada semana era invertir demasiado tiempo en solucionar y verificar que todo funcionara.

37
00:04:06,280 --> 00:04:07,300
Y ya no me parecía.

38
00:04:07,840 --> 00:04:16,700
Además, ya me cansé de estos plugins que entraban en conflicto, que rompían cosas.

39
00:04:18,100 --> 00:04:19,120
y lamentablemente

40
00:04:21,760 --> 00:04:24,380
bueno, en algún sitio tienen que recortar

41
00:04:24,380 --> 00:04:27,120
pero lamentablemente estos plugins con licencia

42
00:04:28,180 --> 00:04:31,320
pues el soporte se convirtió de muy bueno

43
00:04:31,320 --> 00:04:34,400
y muy resolutivo a completamente inexistente

44
00:04:34,900 --> 00:04:36,640
y vamos a hablar con nombre y apellido

45
00:04:36,650 --> 00:04:38,860
estoy hablando de plugins como Restrict Content Pro

46
00:04:39,400 --> 00:04:41,760
plugins como TutorLMS

47
00:04:42,680 --> 00:04:45,439
plugins con mucho renombre y mucha comunidad

48
00:04:45,460 --> 00:04:47,600
y mucho todo, pero por ejemplo el Restrict Content Pro

49
00:04:48,380 --> 00:04:49,580
definitivamente me dijeron

50
00:04:49,590 --> 00:04:50,480
que yo alucinaba.

51
00:04:51,190 --> 00:04:53,380
Y les copié los logs, les copié el debug,

52
00:04:54,020 --> 00:04:55,080
les hacía yo,

53
00:04:56,500 --> 00:04:57,560
les grababa la pantalla,

54
00:04:58,260 --> 00:04:59,220
pero al final, bueno,

55
00:04:59,470 --> 00:05:01,020
era como que no, pero ese es problema,

56
00:05:01,440 --> 00:05:03,400
no es problema nuestro, es problema del otro plugin.

57
00:05:03,740 --> 00:05:04,600
Bueno, en fin.

58
00:05:05,560 --> 00:05:07,180
Como no podía ser de otra forma,

59
00:05:07,820 --> 00:05:09,400
el tema de la seguridad con

60
00:05:09,580 --> 00:05:11,419
WordPress también

61
00:05:14,160 --> 00:05:16,380
también lo tomé en consideración. ¿Por qué?

62
00:05:17,780 --> 00:05:20,600
Porque lamentablemente por toda la movida que hubo

63
00:05:20,780 --> 00:05:24,500
con Matt Mullenweg, Automattic y WPEngine

64
00:05:25,340 --> 00:05:26,280
pues obviamente

65
00:05:28,080 --> 00:05:32,440
el tema del desarrollo con WordPress iba a cambiar

66
00:05:33,180 --> 00:05:36,660
y no me imaginaba que iba a cambiar para bien. De hecho no siento

67
00:05:36,660 --> 00:05:40,799
no percibo que haya cambiado para bien. Nada menos en esta última versión

68
00:05:41,520 --> 00:05:45,380
de las actualizaciones del año pasado ya no hubo 2026.

69
00:05:46,270 --> 00:05:50,440
O sea que para que te hagas la idea, no lograron ni desarrollar el tema

70
00:05:50,940 --> 00:05:55,520
con el que iban a lanzar el próximo año la actualización mayor de WordPress.

71
00:05:56,080 --> 00:06:01,440
Ya eso dice mucho, porque no recuerdo, pero muchos años atrás,

72
00:06:02,080 --> 00:06:08,220
bueno, yo comencé usando WordPress y cada año, bueno, sacaron el 2020,

73
00:06:09,080 --> 00:06:25,320
Ya luego el 2021, el 2020. Bueno, pero ya no hubo 2026. ¿Por qué? Claro. El Matt con sus tonterías, pues dijo lo que dijo y mucha gente que dedicaba tiempo, pues ya dejó de dedicarle.

74
00:06:26,520 --> 00:06:32,420
Y bueno, ya ves, hace poco, tres actuales, tres fixes de seguridad en un mismo día.

75
00:06:32,980 --> 00:06:34,820
Fua, ¿cuándo habíamos visto eso?

76
00:06:34,830 --> 00:06:39,120
Pero bueno, esto también me hizo para mí dudar.

77
00:06:39,170 --> 00:06:39,600
¿Por qué?

78
00:06:39,970 --> 00:06:48,500
A diferencia, los clientes de AlojamientoVPS, que ellos tienen, bueno, algunos WordPress complejos,

79
00:06:49,160 --> 00:06:53,100
con plugins complejos, pero no tienen código personalizado.

80
00:06:53,260 --> 00:07:09,520
Bueno, un par de clientes sí, pero bueno, ya se encargan ellos porque el mantenimiento no les incluye esos plugins personalizados, salvo contraten bolsa de hora. Pero con lo que respecta al mantenimiento, pues vamos haciendo el mantenimiento y correcto sin problema.

81
00:07:09,680 --> 00:07:28,200
Pero para mis webs yo ya no lo veía. O sea, yo ya no me veía tratando de seguirle el paso a WordPress con el desarrollo de WordPress y tratando de reparar lo que se viniera cada semana con mis webs o cada día que tuviese que actualizar. No me veía.

82
00:07:29,420 --> 00:07:37,680
Y lo otro que te lo comenté y también influyó es el tema de ¿y ahora qué?

83
00:07:38,510 --> 00:07:40,880
¿Y ahora quién? ¿Qué no soy yo?

84
00:07:42,800 --> 00:07:48,360
La IA ha cambiado todo. La IA revolucionó todo.

85
00:07:49,200 --> 00:07:57,100
Muchos ya no buscan el plugin correcto, ya no buscan la plantilla perfecta.

86
00:07:57,960 --> 00:08:01,500
Ahora directamente van y se lo piden a la inteligencia artificial.

87
00:08:02,370 --> 00:08:05,200
Y el resultado visualmente es muy bueno.

88
00:08:05,750 --> 00:08:12,060
Y a mucha gente le sale mucho más barato crearse, montarse algo con IA,

89
00:08:12,820 --> 00:08:18,620
que contratar un hosting, instalar el WordPress, poner a punto la plantilla.

90
00:08:19,240 --> 00:08:20,700
Le sale mucho más fácil.

91
00:08:21,540 --> 00:08:24,620
Entonces yo me puse a pensar cuando ya vi por dónde iba todo esto.

92
00:08:25,220 --> 00:08:28,440
Me puse a pensar, hombre, ¿y ahora qué?

93
00:08:29,300 --> 00:08:31,280
O sea, porque ya el desarrollo web,

94
00:08:32,039 --> 00:08:34,900
ahora hay gente haciendo sitios muy buenos

95
00:08:35,560 --> 00:08:36,820
que no son programadores.

96
00:08:37,450 --> 00:08:40,900
Y esta gente, ¿a dónde va a desplegarlo?

97
00:08:41,320 --> 00:08:42,960
¿A dónde va a publicarlo?

98
00:08:43,240 --> 00:08:44,380
¿Cómo va a subirlo?

99
00:08:44,650 --> 00:08:46,540
Pues sí, le puede preguntar a la IA.

100
00:08:47,120 --> 00:08:51,260
Pero, ¿qué opciones hay reales para producción?

101
00:08:52,060 --> 00:08:53,460
¿Qué opciones se tiene?

102
00:08:54,100 --> 00:09:06,220
Y principalmente de las opciones en cuáles yo tengo expertise y puedo aportar cuando mis clientes me digan, Alex, nos vamos de WordPress.

103
00:09:07,360 --> 00:09:08,760
Nos queremos ir de WordPress.

104
00:09:09,660 --> 00:09:10,380
¿A dónde nos vamos?

105
00:09:11,740 --> 00:09:16,580
Con esto quiero decirte que WordPress no es que sea malo.

106
00:09:16,660 --> 00:09:20,500
Porque eso es algo que lamentablemente se asume para mal.

107
00:09:20,660 --> 00:09:25,880
Cuando uno dice me voy, es porque piensan que me fue mal con WordPress y por eso me voy.

108
00:09:26,580 --> 00:09:26,960
Y no.

109
00:09:27,560 --> 00:09:34,120
Lo que pasa es que en un inicio para mí encajaba perfecto con lo que yo necesitaba en ese momento.

110
00:09:34,760 --> 00:09:44,340
Me acompañó perfecto en cada una de las evoluciones en las que yo iba brincando, pivotando con mi emprendimiento.

111
00:09:44,820 --> 00:09:46,780
Y me funcionó impecable.

112
00:09:51,980 --> 00:09:52,740
pero ahora

113
00:09:53,420 --> 00:09:54,340
al día de hoy

114
00:09:54,800 --> 00:09:56,760
en este momento con el giro

115
00:09:57,420 --> 00:09:59,020
que todo está cambiando

116
00:09:59,190 --> 00:10:00,920
y con lo que me

117
00:10:01,140 --> 00:10:02,080
quiero preparar

118
00:10:02,940 --> 00:10:05,100
para poder ofrecerle a los clientes

119
00:10:05,240 --> 00:10:06,260
cuando me lo pregunten

120
00:10:06,850 --> 00:10:08,460
pues ya no va del lado de WordPress

121
00:10:09,200 --> 00:10:11,000
y ahora ya voy yo por el lado

122
00:10:11,010 --> 00:10:12,100
del desarrollo web

123
00:10:12,450 --> 00:10:13,660
en este caso con Astro

124
00:10:14,150 --> 00:10:16,839
y el despliegue en Cloudflare

125
00:10:19,880 --> 00:10:22,060
ya te he comentado sobre Astro

126
00:10:22,800 --> 00:10:24,900
ya lo hemos platicado

127
00:10:25,220 --> 00:10:26,900
ya te he hablado de él

128
00:10:27,940 --> 00:10:29,800
pero te lo resumo fácil y rápido

129
00:10:29,920 --> 00:10:32,000
por si no tenías idea a qué me refiero

130
00:10:32,180 --> 00:10:33,620
cuando hablo de Astro Build

131
00:10:34,160 --> 00:10:34,780
o Astro

132
00:10:35,400 --> 00:10:37,880
que sepas que Astro es un generador de sitios

133
00:10:38,580 --> 00:10:42,580
que te da como resultado final

134
00:10:43,280 --> 00:10:46,820
una web completamente estática

135
00:10:48,060 --> 00:11:05,060
Si bien es cierto que le puedes incluir contenido dinámico, por así decirlo, pero por defecto, Astro te genera un sitio estático. Este sitio estático no requiere un stack sofisticado para funcionar.

136
00:11:05,760 --> 00:11:20,180
No necesita, no trabaja con base de datos, no tiene plugins que se tengan que actualizar y los puntos de quiebre para un potencial hackeo son mínimos.

137
00:11:21,560 --> 00:11:24,480
Mínimos, porque es un sitio estático.

138
00:11:25,440 --> 00:11:40,580
Para un perfil técnico como el mío, que yo no soy programador, pero que tampoco me quedo con lo básico y como ya tengo muchos años trabajando, ya llegué a cierto nivel ninja dentro de WordPress.

139
00:11:41,340 --> 00:11:51,440
Para mí, Astro fue mi paso natural, fue el paso obvio a algo más.

140
00:11:52,000 --> 00:11:57,220
¿Por qué? Porque con un par de comandos en la terminal, para lo que me encanta la terminal,

141
00:11:57,830 --> 00:12:00,380
ya tengo mi sitio funcionando en mi localhost.

142
00:12:01,440 --> 00:12:07,660
Después, si yo necesito, le puedo meter mano al código según lo que yo necesito.

143
00:12:08,510 --> 00:12:13,200
Para poder complementar una funcionalidad o para que visualmente o para el contenido,

144
00:12:13,880 --> 00:12:16,880
luego hago build, hago push y a funcionar.

145
00:12:17,460 --> 00:12:18,980
Y esto me encanta.

146
00:12:21,020 --> 00:12:31,320
Por otro lado, si tu perfil no es muy técnico y no te gusta estarte ensuciando con el código, Astro lo tiene muy bien resuelto.

147
00:12:32,180 --> 00:12:44,300
Astro soporta, funciona y es completamente compatible con CMS, con Content Management System visuales.

148
00:12:44,860 --> 00:12:48,540
De hecho, para Acoma Tech yo uso Keystatic.

149
00:12:50,920 --> 00:12:53,660
localhost, dos puntos, puerto, barra, Keystatic.

150
00:12:54,260 --> 00:12:56,880
Y te muestro un dashboard con diferentes colecciones

151
00:12:57,560 --> 00:12:59,060
y para cada una de las colecciones,

152
00:12:59,380 --> 00:13:01,040
tenés, por ejemplo, yo tengo las lecciones,

153
00:13:01,360 --> 00:13:03,900
los posts de blog, las cases plus, los webinars,

154
00:13:04,800 --> 00:13:06,840
lo abrís o creas uno nuevo,

155
00:13:07,560 --> 00:13:11,660
vas rellenando datos como cualquier otra herramienta,

156
00:13:12,080 --> 00:13:14,820
le pones el título, le pones la descripción.

157
00:13:15,020 --> 00:13:17,500
Esto va a depender mucho del tipo de contenido que tengas,

158
00:13:17,980 --> 00:13:22,660
Pero como base, pones el título y escribís el contenido.

159
00:13:23,520 --> 00:13:26,860
Si querés, también le puedes añadir miniaturas, lo que querrás.

160
00:13:27,060 --> 00:13:28,340
Pero es muy sencillo.

161
00:13:28,920 --> 00:13:31,160
Editas, le das a guardar y ya está.

162
00:13:32,120 --> 00:13:32,980
Ya lo tenés.

163
00:13:35,460 --> 00:13:36,640
¿Qué te quiero decir con esto?

164
00:13:36,770 --> 00:13:46,560
Que con Astro perfectamente lo podés resolver por código o con una interfaz visual, con un CMS visual.

165
00:13:47,500 --> 00:13:59,280
Ambos funcionan exactamente igual. De hecho, si cambias algo en el código, a tiempo real se cambia en el CMS y viceversa. Fantástico.

166
00:14:00,320 --> 00:14:09,680
Y te preguntarás, hombre Alex, pero los tipos de sitios con los que yo trabajo no son estáticos, no son webs estáticas.

167
00:14:10,440 --> 00:14:19,780
Tenemos un directorio, tenemos, por ejemplo, una bolsa de oro, de empleo, tenemos, por ejemplo, una web de reservas, tenemos un e-commerce.

168
00:14:20,320 --> 00:14:22,280
Entonces, no es estático.

169
00:14:23,140 --> 00:14:42,680
Bueno, si vos necesitas algo dinámico con un login, con verificación, por ejemplo, de compras, de pagos o de suscripciones, si por ejemplo necesitas comentarios a tiempo real o interacciones como un like o como votaciones o algo por el estíbulo,

170
00:14:43,200 --> 00:14:53,100
Astro tiene lo que se llama SSR, que es por sus siglas en inglés el renderizado del lado del servidor.

171
00:14:54,480 --> 00:15:05,620
Activas lo dinámico y solo estos componentes dinámicos van a necesitar hacer las llamadas que correspondan al servidor.

172
00:15:06,280 --> 00:15:09,420
lo estático sigue siendo estático.

173
00:15:11,960 --> 00:15:15,440
Y se va a mostrar dinámico lo que se tenga que mostrar dinámico,

174
00:15:16,020 --> 00:15:17,920
donde se tenga que mostrar dinámico.

175
00:15:18,300 --> 00:15:22,320
Por ejemplo, en Akoma Tech, mi plataforma educativa y comunidad virtual,

176
00:15:23,040 --> 00:15:24,400
la web es estática.

177
00:15:24,980 --> 00:15:28,800
Pero, por ejemplo, el header es dinámica.

178
00:15:30,040 --> 00:15:34,000
Y verifica si estás logueado o no.

179
00:15:34,860 --> 00:15:40,640
Y si estás logueado, verifica si tenés una suscripción activa o no.

180
00:15:42,660 --> 00:15:48,080
Y si tenés una suscripción activa, verifica qué tipo de suscripción tenés.

181
00:15:50,260 --> 00:15:55,100
Esto es una parte dinámica dentro del sitio estático.

182
00:15:56,030 --> 00:16:01,440
Todo carga en milisegundos y esto hace una llamada adicional para verificar.

183
00:16:01,080 --> 00:16:04,900
verificar. ¿Por qué? Porque, por ejemplo, si estás logueado, el botón dice

184
00:16:05,360 --> 00:16:08,220
contacto y aparece el botón que dice acceder.

185
00:16:09,020 --> 00:16:13,240
Si no estás logueado. Si estás logueado pero no tenés una membresía

186
00:16:13,360 --> 00:16:17,300
o una suscripción activa, te aparece tu perfil

187
00:16:17,780 --> 00:16:21,140
y te aparece contacto. Si tenés la suscripción

188
00:16:21,560 --> 00:16:24,720
activa, te aparece en lugar de contacto, soporte.

189
00:16:26,140 --> 00:16:28,559
Y si tenés, por ejemplo, los felices

190
00:16:28,580 --> 00:16:38,560
suscriptores pioneros, en el perfil aparece indicativo pionero y muestra contenido que es exclusivo para ellos.

191
00:16:40,300 --> 00:16:47,200
¿En el mismo sitio? En el mismo sitio. Alex, pero no me dijiste que era estático. Sí, el sitio es estático,

192
00:16:47,440 --> 00:16:54,400
pero se van cargando los componentes dinámicos que se necesitan. Y me estarás diciendo, hombre Alex,

193
00:16:54,820 --> 00:16:57,160
Y esto es algo que me lo han preguntado un par de veces.

194
00:16:57,750 --> 00:17:03,260
¿No es darte un tiro en el pie el trabajar con VPS,

195
00:17:03,730 --> 00:17:10,160
pero montar tu web en un servicio tipo serverless?

196
00:17:12,420 --> 00:17:13,740
¿Por qué Cloudflare Pages?

197
00:17:14,160 --> 00:17:16,280
¿Por qué no montas tus webs en tus propios servidores?

198
00:17:17,660 --> 00:17:20,760
Y esta es una muy buena pregunta y yo me lo cuestioné.

199
00:17:20,949 --> 00:17:23,280
Y te comparto mi visión con esto.

200
00:17:23,439 --> 00:17:29,180
Lo primero, estoy con Cloudflare Pages porque quiero probar el servicio.

201
00:17:30,060 --> 00:17:34,940
Quiero probar qué tan bueno es y quiero conocer los propios límites

202
00:17:35,430 --> 00:17:40,100
que Cloudflare Pages con el Worker gratuito tiene para ofrecer.

203
00:17:40,820 --> 00:17:44,940
Porque si yo esto ya lo comienzo a ofrecer a clientes, que de hecho lo voy a comenzar a hacer,

204
00:17:45,620 --> 00:17:49,380
lo comienzo a ofrecer a clientes y en esto ofrecer a clientes,

205
00:17:54,340 --> 00:18:00,700
el cliente comienza a notar problemas, lentitud, mensajes de error,

206
00:18:01,340 --> 00:18:05,280
mensajes, por ejemplo, de has excedido la cuota del servicio,

207
00:18:05,650 --> 00:18:10,520
o mensajes como, oh, esto no puede funcionar porque tu sitio es muy pesado,

208
00:18:10,670 --> 00:18:14,720
o has excedido la carga máxima en tu suscripción gratuita.

209
00:18:15,260 --> 00:18:16,760
No es viable para producción.

210
00:18:17,900 --> 00:18:22,200
no es viable para ofrecerle a nadie y peor a un cliente.

211
00:18:22,980 --> 00:18:25,460
Entonces, por esto, por mí, yo digo, bueno,

212
00:18:26,220 --> 00:18:29,340
siempre me ha funcionado mejor poner en producción y probar.

213
00:18:29,580 --> 00:18:32,360
Entonces, digo, yo voy a poner en producción y voy a probar.

214
00:18:32,410 --> 00:18:36,160
Y voy a ver hasta cuánto, cuántos usuarios puedo tener,

215
00:18:36,900 --> 00:18:40,840
cuánto contenido puedo crear, cuánto tráfico puedo mantener,

216
00:18:41,380 --> 00:18:48,020
para tener una idea de hasta qué punto el cliente va a poder montarse en Cloudflare

217
00:18:48,120 --> 00:18:49,700
y hasta qué punto tenga que pagar.

218
00:18:50,400 --> 00:18:53,400
Y cuando se tenga que pagar, cuánto se tiene que pagar.

219
00:18:54,040 --> 00:18:56,560
Y cada cuánto, y de qué forma, y de qué manera.

220
00:18:56,760 --> 00:18:59,820
Pues por eso me he montado en Cloudflare.

221
00:19:00,340 --> 00:19:05,980
Las demás webs, mis demás proyectos, también están en Cloudflare,

222
00:19:06,360 --> 00:19:14,320
Pero ya estoy, de hecho, estoy preparando el webinar para los felices suscriptores de mi plataforma educativa Akoma Tech.

223
00:19:14,880 --> 00:19:17,900
Un webinar que, bueno, le tuve que cambiar de fecha.

224
00:19:18,560 --> 00:19:33,580
Pero en este webinar les voy a compartir el proceso para poder hacer despliegues de aplicaciones Node.js dentro del excelente panel de control Enhance.

225
00:19:34,040 --> 00:19:39,520
Panel de control, que dicho sea de paso, es el que usamos en producción dentro de AlojamientoVPS.

226
00:19:40,200 --> 00:19:50,640
Y esto lo estoy viendo para mí porque quiero tener el mismo flujo que tengo con Cloudflare, pero para las demás webs de mis proyectos.

227
00:19:51,200 --> 00:19:56,580
En este momento, mi web, alexabalos.pro, la tengo dentro de Cloudflare Pages.

228
00:19:57,660 --> 00:20:00,720
Avalos.click lo tengo dentro de Cloudflare Pages.

229
00:20:01,130 --> 00:20:05,880
Pero, por ejemplo, Axis Mail me gustaría servirlo en mi propio servidor,

230
00:20:06,520 --> 00:20:11,500
en Alojamiento VPS, Alojamiento VPS también en mi propio servidor.

231
00:20:12,220 --> 00:20:13,060
¿Ves por dónde voy?

232
00:20:13,790 --> 00:20:20,800
Yo voy con un piecito en los serverless, con un piecito en estas infraestructuras modernas,

233
00:20:21,200 --> 00:20:23,580
pero a la misma vez sin abandonar mi core.

234
00:20:25,220 --> 00:20:37,860
Si te interesa, podemos hacer un episodio hablando sobre despliegues en Cloudflare Pages, pero para que te hagas una idea, el flujo es muy sencillo.

235
00:20:38,480 --> 00:20:51,580
Vos editas tu contenido, tu código, tu proyecto y como esto lo tenés en un repositorio, pones a punto dentro de Cloudflare Pages el proyecto conectado con tu repositorio.

236
00:20:53,440 --> 00:21:12,080
Seguís trabajando, haces cambios, haces commit, haces push y automáticamente al detectar el push, el cambio, el push, los commit y el push, automáticamente Cloudflare hace el deploy.

237
00:21:13,360 --> 00:21:22,480
Vos decidís si estos deploy van a dev, a preview y hasta que vos le des manualmente pasar a producción.

238
00:21:23,740 --> 00:21:25,800
Yo esto lo pensé para Akoma Tech

239
00:21:25,920 --> 00:21:26,800
Pero decidí mejor

240
00:21:27,500 --> 00:21:29,520
Trabajar en ramas de desarrollo

241
00:21:30,220 --> 00:21:31,720
Y ya luego hacer el merge

242
00:21:31,900 --> 00:21:33,180
Y ya luego hacer el push

243
00:21:33,220 --> 00:21:34,360
Lo decidí mejor así

244
00:21:35,100 --> 00:21:37,060
Que estar haciendo push a preview

245
00:21:37,160 --> 00:21:39,480
Y ya luego pasar en Cloudflare a producción

246
00:21:39,860 --> 00:21:42,540
Bueno, el caso es que dentro de Cloudflare Pages

247
00:21:42,580 --> 00:21:43,580
No tenés FTP

248
00:21:44,320 --> 00:21:45,520
No hay paneles de control

249
00:21:45,620 --> 00:21:46,660
No tenés cPanel

250
00:21:46,980 --> 00:21:47,980
No tenés Plesk

251
00:21:47,980 --> 00:21:48,999
No tenés Enhance

252
00:21:50,140 --> 00:22:02,840
Hay que configurar inicialmente tu proyecto, pero una vez todo configurado, es cuestión de hacer push y automáticamente en segundo ya lo tenés actualizado.

253
00:22:04,000 --> 00:22:09,460
Con Cloudflare, en Cloudflare Pages, no solamente tenés la página.

254
00:22:10,740 --> 00:22:17,279
Cloudflare de forma gratuita te permite comenzar, digamos, con una infraestructura muy generosa.

255
00:22:17,020 --> 00:22:21,120
generosa. Vas a tener gratis bases de

256
00:22:21,220 --> 00:22:26,580
datos SQLite o SQLite hasta de 5 gigas.

257
00:22:27,300 --> 00:22:30,940
¿Y esto para qué lo vas a usar? Para todo el contenido dinámico.

258
00:22:32,100 --> 00:22:36,740
Para el contenido, como te digo, que se tiene que renderizar del lado

259
00:22:37,020 --> 00:22:40,640
del servidor y guardarse en el servidor.

260
00:22:41,000 --> 00:22:44,579
Entonces, para eso utilizas las bases de datos

261
00:22:45,539 --> 00:22:48,680
SQLite, que son las Cloudflare D1.

262
00:22:49,720 --> 00:22:52,720
Además, también gratis dentro de Cloudflare Pages

263
00:22:52,720 --> 00:22:55,240
tienes Worker. El Worker,

264
00:22:56,740 --> 00:23:00,460
podríamos decirlo, es el servidor que procesa

265
00:23:00,560 --> 00:23:04,020
la lógica de tu código. Es decir, que cuando

266
00:23:04,620 --> 00:23:08,220
tu web necesita procesar el código,

267
00:23:09,440 --> 00:23:12,620
las peticiones, las llamadas, lo hace

268
00:23:12,460 --> 00:23:14,760
por medio del worker. Por supuesto,

269
00:23:15,040 --> 00:23:17,240
Cloudflare pone a disposición un CDN

270
00:23:18,100 --> 00:23:20,560
potente y todas las medidas de

271
00:23:21,180 --> 00:23:23,560
seguridad que ya conocemos, como la

272
00:23:23,800 --> 00:23:25,600
protección contra ataques de denegación

273
00:23:25,600 --> 00:23:28,500
de servicios, la protección contra los

274
00:23:28,700 --> 00:23:32,720
bots, el famoso bot fight, etcétera, etcétera.

275
00:23:33,840 --> 00:23:36,880
Cloudflare también ofrece una analítica

276
00:23:37,560 --> 00:23:41,120
para que no tengas que estar con

277
00:23:41,080 --> 00:23:47,280
herramientas de tercero, etcétera. Yo en lo personal no me gusta usar analíticas de tercero,

278
00:23:47,460 --> 00:23:54,560
prefiero y tengo mi propia instancia, mi instalación de Tianji y ahí tengo yo en mi propio servidor

279
00:23:55,180 --> 00:24:00,360
las analíticas. ¿Cuál es la ventaja de esto? Que me ahorro el aviso de cookies porque no

280
00:24:00,420 --> 00:24:10,500
hay cookies. La única cookie es la del sistema de Cloudflare, pero como se guarda en Cloudflare,

281
00:24:10,980 --> 00:24:15,720
y en el navegador no tengo cookies, no sirvo cookies.

282
00:24:17,420 --> 00:24:21,840
De hecho, Tianji tampoco guarda cookies.

283
00:24:22,650 --> 00:24:24,940
Entonces, como no las tengo, pues me ahorro también eso.

284
00:24:26,060 --> 00:24:32,220
De momento, con Cloudflare Pages en Akoma Tech, el costo es cero.

285
00:24:34,040 --> 00:24:39,920
Cero, porque de hecho en el desarrollo tuve cuidado de no excederme en algunas peticiones,

286
00:24:39,980 --> 00:24:43,740
porque probé y sí, murió al dar clic.

287
00:24:44,320 --> 00:24:54,760
Pero ya en producción, una plataforma como Akoma Tech y a coste cero, está muy bien.

288
00:25:00,940 --> 00:25:03,960
Y bueno, vamos llegando ya al final que hoy me excedí horrible.

289
00:25:05,100 --> 00:25:10,100
Mi stack completo y qué he ganado con este nuevo stack.

290
00:25:10,510 --> 00:25:12,120
Te comparto todas las piezas.

291
00:25:12,780 --> 00:25:16,800
Astro genera el sitio, Cloudflare Pages lo hostea

292
00:25:17,390 --> 00:25:22,520
y cuando yo hago cambios, toma el repositorio de Git y hace el deploy.

293
00:25:23,100 --> 00:25:27,460
Con Keystatic creo el contenido, un CMS visual.

294
00:25:27,950 --> 00:25:33,399
Me gusta editar el código, pero todavía le estoy agarrando el tranquillo al markdown

295
00:25:33,500 --> 00:25:37,560
ni hay algunas cosas que no sé todavía de memoria cómo ponerlas.

296
00:25:37,560 --> 00:25:41,660
Y bueno, de momento se me da bien crear el contenido con Keystatic.

297
00:25:42,420 --> 00:25:47,300
Para el envío de correos utilizo un servicio que se llama Resend

298
00:25:47,780 --> 00:25:51,840
para el envío, por ejemplo, de los correos del Magic Link de Login

299
00:25:52,180 --> 00:25:55,600
o para avisos o para notificaciones.

300
00:25:57,020 --> 00:25:57,620
Bienvenidas.

301
00:25:59,300 --> 00:26:05,020
De momento estoy utilizando BunnyNet para los videos protegidos, los videos premiums.

302
00:26:05,660 --> 00:26:17,780
Y dentro de Cloudflare, como ya te comentaba, uso la base de datos D1 con todos los datos que se va creando dentro de la plataforma, de los usuarios, las interacciones.

303
00:26:19,540 --> 00:26:25,420
Por ejemplo, lo que comentan, donde lo comentan, la comunidad, sus reacciones, todo.

304
00:26:27,720 --> 00:26:28,280
¿Qué gané?

305
00:26:28,700 --> 00:26:55,840
Y con esto vamos cerrando. Hombre, el dejar de dar mantenimiento a WordPress es lo primero. El dejar de preocuparme de lo que haga o deje de hacer WordPress que pueda afectarme a mis webs es lo segundo. Además, también el poder hacer deploy en segundos y trabajar con el control de versiones de Git es fantástico porque si algo pasa, hombre, puedo volver atrás en un clic.

306
00:26:56,580 --> 00:27:02,580
No me voy a meter con los tiempos de carga porque WordPress, sabiéndolo optimizar, va como un rayo.

307
00:27:03,220 --> 00:27:09,760
Pero ahora ya lo tengo muy bien resuelto porque ya de serie Cloudflare tiene su propio CDN.

308
00:27:10,440 --> 00:27:13,480
Ya de serie caché a la web, la web es estática.

309
00:27:14,320 --> 00:27:15,580
Va fantástico.

310
00:27:16,140 --> 00:27:22,220
Por supuesto, no tengo que luchar con las plantillas dentro de WordPress.

311
00:27:22,430 --> 00:27:24,580
Ni siquiera el dashboard tiene un modo oscuro.

312
00:27:25,140 --> 00:27:47,560
Ahora, y esto podría parecer una tontería, pero no lo es. Para mí que me quedo un poco, a veces un poco tarde y normalmente todos los días muy temprano, el poder trabajar con modo oscuro, no te imaginas cómo me es de útil. Y la plantilla Foxy Pro, que es la que uso para Akoma Tech, lo tiene incorporado de serie. Fantástico.

313
00:27:48,620 --> 00:28:07,900
Y por supuesto, el tener el control total del código sin depender de plugins de terceros, no te imaginas lo tranquilo que me hace el día a día, lo feliz y tranquilo que vivo, sin esa preocupación que estos muevan algo y me estropeen la web.

314
00:28:09,460 --> 00:28:13,040
Pero bueno, no todo es ganar porque la vida no funciona así.

315
00:28:13,420 --> 00:28:17,520
Hemos venido también a jugar y quiero cerrar con las cosas que he perdido.

316
00:28:17,970 --> 00:28:26,440
Para comenzar, la facilidad de trabajar con WordPress y tener todo en un par de clics salió volando.

317
00:28:26,560 --> 00:28:35,299
Si bien es cierto, estoy usando Keystatic, pero por supuesto no se compara con el editor de bloques de WordPress

318
00:28:36,000 --> 00:28:40,680
o con cualquier plugin de galería de bloques que podrías encontrar.

319
00:28:41,720 --> 00:28:49,440
Para alguien quizás no técnico, esto por supuesto sería poco recomendable.

320
00:28:50,700 --> 00:28:55,520
Pero para mi perfil, para lo que estoy construyendo y para donde estoy apuntando,

321
00:28:56,320 --> 00:28:58,820
para mí es un viaje sin retorno.

322
00:29:02,980 --> 00:29:20,860
Brevemente, porque me pasé horrible con el tiempo, te voy a comentar los enlaces que te dejo en las recomendaciones de este episodio. Por supuesto, te voy a dejar los enlaces a la documentación de Astro, donde te vas a ver brillar a Starlight. Es una plantilla fantástica.

323
00:29:21,620 --> 00:29:41,940
También te voy a dejar el enlace a Cloudflare Pages para que veas más detalles, para entender el flujo del deploy, git, opciones, etc. Por si te interesa, te voy a dejar el enlace a la plantilla Foxy Pro, plantilla Astro que estoy usando como base visual para todos los sitios de Looking for Ways.

324
00:29:42,640 --> 00:29:53,900
Y de hecho, también te quiero dejar la invitación para el próximo lunes que voy a hacer un directo montando una web Astro desde cero.

325
00:29:54,640 --> 00:30:01,900
Desde la instalación de Astro en la terminal hasta el deploy en Cloudflare.

326
00:30:01,900 --> 00:30:07,940
O sea que aquí vas a poder ver en un solo directo lo que te he platicado en este episodio.

327
00:30:12,060 --> 00:30:13,320
y bueno, ya estamos listos

328
00:30:13,720 --> 00:30:15,240
para el commit y luego

329
00:30:15,530 --> 00:30:17,140
hacer push, si tienes

330
00:30:17,460 --> 00:30:19,260
alguna duda o pregunta o quieres ponerte

331
00:30:19,260 --> 00:30:21,240
en contacto, lo puedes hacer escribiendo

332
00:30:21,920 --> 00:30:22,600
a 

333
00:30:23,040 --> 00:30:25,060
info@weblinea.org

334
00:30:25,580 --> 00:30:27,040
te espero en el próximo

335
00:30:27,340 --> 00:30:28,280
episodio, hasta entonces

336
00:30:29,420 --> 00:30:30,020
¡Salú!