Seguramente, muchos han oído hablar de
las páginas de Github y de que puedes alojar sitios estáticos allí (generados y cargados allí). Pero me gustaría que fuera dinámico en este caso, es decir, sería posible completar el código una vez y llenarlo como en un TsMSke real, además, había autorización, datos cargados dinámicamente y todo eso. Derecho? Entonces quería esto. Ven debajo del corte, te mostraré lo que hice.
Para empezar, como se prometió, le mostraré lo que sucedió y luego le contaré los detalles (controle el cambio de pestañas y direcciones de página).
Entonces, ¿qué está pasando aquí? Recientemente
escribí sobre escribir headless-cms, con nombre en código Prisma CMS .
Pero, como escribí, la idea inicial era que, aunque el servidor y el frente son amigos entre sí, todavía necesitan poder vivir sus propias vidas y son unidades independientes. Y si el servidor sigue la tendencia actual de headless-cms / api-first-cms, entonces el frente sigue otro concepto: sin servidor. Es decir, si lanzamos un frente separado, simplemente especificamos el punto final del servidor API (no es necesario en el mismo dominio), y la API extraerá los datos (y la autorización funcionará).
Pero eso no es todo. En el sitio externo, escribí
un artículo sobre el hecho de que en prisma-cms.com todos pueden crear un sitio web en un subdominio que usará una sola base de datos, pero usted puede diseñar individualmente su propio sitio web. Por lo tanto, si copia el repositorio
prisma-cms.imtqy.com para
usted , obtendrá su propio sitio, como se muestra en el video.
Pero incluso puede crear su propio servidor y sitio. Aquí está el código fuente del sitio:
https://github.com/prisma-cms/prisma-cms.com . Implemente en su servidor y ejecútelo. Si todo funciona,
aquí debe especificar su API de punto final y recopilarla con el comando PUBLIC_URL =. / Yarn build
Todo, el sitio está listo. Ahora, siguiendo las
instrucciones oficiales, complete el contenido de la carpeta de
compilación en el github y tendrá su propio sitio web con su API (puede usar una API para trabajar con un grupo de sitios estáticos separados, cada uno de los cuales puede tener su propio diseño).
Y no fue por nada que usé una imagen llamada Codificación social. Como puede ver en el video, todas las plantillas creadas en cualquiera de los sitios que usan una sola base de datos pueden usarse en el diseño de otros sitios. Es decir, en el futuro, si hay suficiente interés, será posible crear un mercado único de plantillas y partes de plantillas para crear rápidamente sitios a partir de componentes listos para usar.
Que tengas una buena codificación!
Sitio web en sí:
prisma-cms.imtqy.com