تهيئة وقت التشغيل

module.exports = {
  serverRuntimeConfig: {
    // ستكون متاحة فقط على جانب الخادم
    mySecret: 'secret',
    secondSecret: process.env.SECOND_SECRET, // تمرير عبر متغيرات البيئة
  },
  publicRuntimeConfig: {
    // ستكون متاحة على كل من الخادم والعميل
    staticFolder: '/static',
  },
}

import getConfig from 'next/config'
import Image from 'next/image'

// تحتوي فقط على serverRuntimeConfig و publicRuntimeConfig
const { serverRuntimeConfig, publicRuntimeConfig } = getConfig()
// ستكون متاحة فقط على جانب الخادم
console.log(serverRuntimeConfig.mySecret)
// ستكون متاحة على كل من جانب الخادم والعميل
console.log(publicRuntimeConfig.staticFolder)

function MyImage() {
  return (
    <div>
      <Image
        src={`${publicRuntimeConfig.staticFolder}/logo.png`}
        alt="logo"
        layout="fill"
      />
    </div>
  )
}

export default MyImage