@nuxtjs/separate-env

[![npm (scoped with tag)](https://img.shields.io/npm/v/@nuxtjs/separate-env/latest.svg?style=flat-square)](https://npmjs.com/package/@nuxtjs/separate-env) [![npm](https://img.shields.io/npm/dt/@nuxtjs/separate-env.svg?style=flat-square)](https://npmjs.com

Usage no npm install needed!

<script type="module">
  import nuxtjsSeparateEnv from 'https://cdn.skypack.dev/@nuxtjs/separate-env';
</script>

README

Separate env module - Tear your variables apart!

npm (scoped with tag) npm Build Status codecov Dependencies js-standard-style

📖 Release Notes

Features

  • Separated environment variables for server and client build
  • Thoroughly tested!

Setup

  • Add @nuxtjs/separate-env dependency to your project using yarn or npm

Configuration

To define environment variables only available on server/client side, use the env key of your nuxt.config.js and nest the variables in a server or client object:

{
  env: {
    server: {
      ONLY_SERVER: 'yup',
      DIFFERENT_ON_BOTH: 'server'
    },
    client: {
      ONLY_CLIENT: 'okay',
      DIFFERENT_ON_BOTH: 'client'
    },
    normalEnvVariableThatWillBeAvailableEverywhere: 'Hi'
  }
}

That's it! You are good to go.

Caveats

IMPORTANT: Be aware that server-side includes every first render of your application. Your secret tokens won't be included anywhere **except you use them **

Development

  • Clone this repository
  • Install dependencies using yarn install or npm install
  • Start development server using npm run dev

License

MIT License

Copyright (c) Alexander Lichter