Skills
.Work. You
Rest

nextjs-env-variables

Community

Master Next.js environment variables.

Software Engineering#deployment#security#configuration#vercel#environment variables#nextjs
AuthorMacPhobos
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill simplifies the complex process of managing environment variables in Next.js applications, ensuring correct loading, security, and deployment across different environments.

Core Features & Use Cases

  • File Precedence: Understand the order in which .env files are loaded and how to override settings.
  • Variable Types: Differentiate between client-side (NEXT_PUBLIC_*) and server-side variables, with clear security warnings.
  • Deployment: Provides guidance for deploying Next.js applications with environment variables on platforms like Vercel.
  • Use Case: When deploying a Next.js app to Vercel, you need to securely manage your DATABASE_URL and STRIPE_SECRET_KEY while exposing NEXT_PUBLIC_API_URL to the client. This skill guides you through setting these up correctly.

Quick Start

Configure your Next.js application's environment variables by following the file precedence and variable type guidelines.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: nextjs-env-variables
Download link: https://github.com/MacPhobos/research-mind/archive/main.zip#nextjs-env-variables

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.