Este sitio está creado usando Frontity para el frontend y WordPress como el backend y sistema de gestión de contenido.
- Crear las variables de entorno
- Conectar Frontity con WordPress
- Crear un servidor de desarrollo
- Crear un proyecto listo para producción
- Despelgar
Para crear las variables de entorno copia el archivo .env.sample a un nuevo archivo .env (No borres el archivo .env.sample).
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:
Para instalar todas las dependencias de npm corre el comando:
npm install
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
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
Con los archivos generados en el paso de construcción podrás desplegar tu proyecto:
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.
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..