Environment setup

# .env.development
BUTTER_API_TOKEN=dev_token_abc123

# .env.staging
BUTTER_API_TOKEN=staging_token_def456

# .env.production
BUTTER_API_TOKEN=prod_token_ghi789

// config/butter.js
const Butter = require('buttercms');

const butter = Butter(process.env.BUTTER_API_TOKEN);

export default butter;

// next.config.js
module.exports = {
  env: {
    BUTTER_API_TOKEN: process.env.BUTTER_API_TOKEN,
  },
};

// Uses REACT_APP_ prefix
const butter = Butter(process.env.REACT_APP_BUTTER_API_TOKEN);

// Load based on NODE_ENV
require('dotenv').config({
  path: `.env.${process.env.NODE_ENV}`
});
const butter = Butter(process.env.BUTTER_API_TOKEN);

// Staging environment - include drafts
const response = await butter.page.retrieve('*', 'landing-page', {
  preview: 1
});

// Production environment - published only
const response = await butter.page.retrieve('*', 'landing-page');

// utils/butter.js
const isDevelopment = process.env.NODE_ENV !== 'production';

export async function getPage(pageType, slug) {
  const params = {};

  // Include drafts in non-production environments
  if (isDevelopment) {
    params.preview = 1;
  }

  return butter.page.retrieve(pageType, slug, params);
}