Almacene y recupere datos de aplicaciones comunes en Next.js

Almacene y recupere datos de aplicaciones comunes en Next.js - Amit Merchant - Un blog sobre PHP, JavaScript y más

 

Mientras trabajaba en una de mis aplicaciones llamada LinkSnatch, necesitaba almacenar algunos datos comunes de la aplicación en un lugar central para poder acceder a ellos desde cualquier lugar de la aplicación y no tener que codificar estos detalles.

Y dado que la aplicación se creó con Next.js, es bastante fácil de hacer. Así es como lo implementé.

Esencialmente, cuando crea una aplicación Next.js, viene con su propio archivo de configuración llamado next.config.js que se utiliza para configurar la aplicación. Y en este archivo puede agregar una configuración personalizada a la aplicación.

Podemos agregar publicRuntimeConfig En next.config.js para almacenar algunos datos de aplicaciones comunes. Así es como lo hice.

const nextConfig = {
  publicRuntimeConfig: {
    app_name: 'LinkSnatch',
    app_short_description: 'Dead simple bookmarks',
    description: 'An effortlessly simple bookmarks app on the go.',
    app_url: 'https://linksnatch.pages.dev',
    app_creator: '@amit_merchant',
    app_locale: 'en_US',
    app_theme_color: '#CABCFD',
    jsonlink_api_url: 'https://jsonlink.io/api',
  },
}

Como puedes ver, agregué publicRuntimeConfig En next.config.js y luego le agregó datos de aplicaciones comunes.

Ahora podemos acceder a estos datos desde cualquier lugar de la aplicación de esta manera.

import { publicRuntimeConfig } from 'next.config'

export default function Home() {
    return (
        <div>
            <h1>{publicRuntimeConfig.app_name}</h1>
            <p>{publicRuntimeConfig.app_short_description}</p>
        </div>
    )
}

Si quieres conocer otros artículos parecidos a Almacene y recupere datos de aplicaciones comunes en Next.js puedes visitar la categoría Código.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir

Esta página web utiliza cookies para analizar de forma anónima y estadística el uso que haces de la web, mejorar los contenidos y tu experiencia de navegación. Para más información accede a la Política de Cookies . Ver mas