Construyo mi aplicación React/Next usando Github Actions. En el flujo de trabajo, configuré un sistema automatizado para determinar la próxima versión de lanzamiento. Crea un archivo .version que contiene la versión y un archivo .last-updated que contiene la fecha y hora de compilación.
Ahora, ¿cómo uso estos archivos en mi aplicación y muestro la información requerida o hay una mejor manera de hacerlo?
Quiero algo como Noción:
Bueno. Así que lo descubrí.
next.config.js , agregue la siguiente configuración: const fs = require("fs"); const version = fs.readFileSync("./.version", "utf8"); const lastUpdatedAt = fs.readFileSync("./.last-updated", "utf8"); module.exports = { ... env: { NEXT_PUBLIC_PACKAGE_VERSION: version, NEXT_PUBLIC_LAST_UPDATED_AT: lastUpdatedAt, }, };Nota: Para las variables de entorno públicas, prefijelas con
NEXT_PUBLIC_.
<p>Version: {process.env.NEXT_PUBLIC_PACKAGE_VERSION || "-"}</p> <p>Last Updated At: {process.env.NEXT_PUBLIC_LAST_UPDATED_AT || "-"}</p>