Next.js doesn't pick up variables from the .env file

Question

I want to use a variable from the .env file, but I'm getting the following error:

Uncaught (in promise) IntegrationError: Please call Stripe() with your publishable key. You used an empty string.

code

import Stripe from "stripe";

const stripe = new Stripe(process.env.NEXT_PUBLIC_STRIPE_SECRET_KEY);

.env

NEXT_PUBLIC_STRIPE_SECRET_KEY=***

lpizzinidev · Accepted Answer · 2022-07-13 07:35:39Z

2

In Next.js you should declare your environment variables in a .env.local file.
For more informations check the official docs.

However, as suggested by @juliomalves, you can declare your environment variables in a .env.* file, making sure that you respect the environment variables load order.

edited Jul 13, 2022 at 7:35

answered Jul 11, 2022 at 12:43

lpizzinidev

13.3k2 gold badges15 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

juliomalves Over a year ago

Using .env is also fine, as long as you don't have any other more specific .env.* file present (which may be why OP was experiencing the issue). See nextjs.org/docs/basic-features/….

Collectives™ on Stack Overflow

Next.js doesn't pick up variables from the .env file

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related