env

Next.js 9.4 'ün yayınlanmasından bu yana artık ortam değişkenleri eklemek için daha sezgisel ve ergonomik bir deneyime sahibiz. Bir deneyin!

Bilmenizde fayda var: Bu şekilde belirtilen ortam değişkenleri her zaman JavaScript paketine dahil edilecektir, ortam değişkeni adının önüne NEXT_PUBLIC_ eklenmesi yalnızca ortam veya .env dosyaları aracılığıyla belirtilirken etkili olur.

JavaScript paketine ortam değişkenleri eklemek için next.config.js adresini açın ve env yapılandırmasını ekleyin:

module.exports = {
  env: {
    customKey: 'my-value',
  },
}

Artık kodunuzda process.env.customKey adresine erişebilirsiniz. Örneğin:

function Page() {
  return <h1>The value of customKey is: {process.env.customKey}</h1>
}
 
export default Page

Next.js, derleme sırasında process.env.customKey adresini 'my-value' ile değiştirecektir. process.env değişkenlerini yok etmeye çalışmak, webpack DefinePlugin'un doğası gereği işe yaramayacaktır.

Örneğin, aşağıdaki satır:

return <h1>The value of customKey is: {process.env.customKey}</h1>

Sonunda olacak:

return <h1>The value of customKey is: {'my-value'}</h1>