moitorrijos / isaeuniversidad-frontity

Tema personalizado para ISAE Universidad creado con Frontity y WordPress

ISAE Universidad con Frontity y WordPress

Este sitio está creado usando Frontity para el frontend y WordPress como el backend y sistema de gestión de contenido.

Tabla de Contenidos

• Crear las variables de entorno
• Conectar Frontity con WordPress
• Crear un servidor de desarrollo
• Crear un proyecto listo para producción
• Despelgar

Crear las variables de entorno

Para crear las variables de entorno copia el archivo .env.sample a un nuevo archivo .env (No borres el archivo .env.sample).

Cómo conectar tu proyecto Frontity con WordPress

Para conectar Frontity con WordPress debes copiar el .env.sample a un nuevo archivo .env y cambiar la variable WP_SOURCE_URL al nombre de dominio donde está alojado el WordPress:

Instalar todas las dependencias

Para instalar todas las dependencias de npm corre el comando:

npm install

Cómo crear un servidor de desarrollo.

Para crear un servidor de desarrollo corre el comando:

npx frontity dev

Este corre la aplicación en modo desarrollo y abre tu navegador en la dirección http://localhost:3000.

Cada cambio que hagas en tu código, a excepción de los archivos frontity.settings.js y package.json, se verán reflejados instantáneamente en el navegador. Igualmente podrás ver errores en la consola.

Echa un vistazo a la documentación de Frontity: Quick Start Guide

Crear un sitio listo para producción

Para crear un sitio listo para producción debes correr el comando:

npx frontity build

Este comando construye la aplicación para producción dentro del carpeta build.

Creará un carpeta llamado /build dentro del cuál habrá un archivo llamado server.js (una función serverless) y una carpeta llamada /static con todo el javascript y los archivos y otros activos pertinentes al proyecto.

Luego de esto la aplicación está lista para desplegar.

Obtén más información aquí: Frontity's architecture

Desplegar

Con los archivos generados en el paso de construcción podrás desplegar tu proyecto:

Como una aplicación de Node

Corre el comando npx frontity serve para que el sistema arranque un servidor de Node.

Este comando genera (y corre) a pequeño servidor web que utiliza el código generado en el comando build, el archivo server.js y el carpeta /static para servir tu contenido.

Como un servicio Serverless

Simplemente carga tu carpeta static a un CDN y tu server.js a un servicio serverles como Now o Netlify.

Obtén más información de cómo desplegar un proyecto de Frontity..