JTrain - Next.js config | Stripe Developers | Page 1

frank ravenBOT Oct 31, 2022, 7:09 PM

#

languid wind Oct 31, 2022, 7:10 PM

#

Screen_Shot_2022-10-31_at_1.46.13_PM.png

Screen_Shot_2022-10-31_at_1.49.42_PM.png

Screen_Shot_2022-10-31_at_1.50.39_PM.png

native peak Oct 31, 2022, 7:12 PM

#

This is your front end / Stripe.js code throwing an error, correct?

#

Have you tried logging that NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY value to check that your env vars are set up as you expect/need?

#

(never share keys here, but check for yourself)

#

JTrain - Next.js config

languid wind Oct 31, 2022, 7:25 PM

#

Hi synthrider, yes this is just for my front end. I am a new developer - this is a test implementation of stripe(test mode) for my portfolio. I just tried console logging and I am not getting anything.

native peak Oct 31, 2022, 7:25 PM

#

not getting anything, meaning that key config is empty?

#

I'm not sure about how to configure next js, but i think theres a config file you need to use that ends up populating your environment variables

languid wind Oct 31, 2022, 7:31 PM

#

Supposedly nextJS has support for environment variables built into it. I haven't had this issue before when using nextJS. Can I share my .env file with you? These are just test keys for a portfolio project.

native peak Oct 31, 2022, 7:32 PM

#

Please do not DM -- if you want to share you can put it here but replace any sensitive secrets with placeholders, eg sk_test_123

languid wind Oct 31, 2022, 7:35 PM

#

I only have those 2 keys as well as a SanityIO key that I am using for the backend.

#

My backend holds my product info and is working fine.

#

Screen_Shot_2022-10-31_at_2.38.20_PM.png

native peak Oct 31, 2022, 7:58 PM

#

Are you following a specific guide/example?

#

I'm pretty sure you need to use next.config.js to set env vars, not a .env file: https://nextjs.org/docs/api-reference/next.config.js/environment-variables

next.config.js: Environment Variables | Next.js

Learn to add and access environment variables in your Next.js application at build time.

#

Oh, perhaps not -- this is not suitable for secret keys

#

Note: environment variables specified in this way will always be included in the JavaScript bundle

#

Expose environment variables to the browser by prefixing with NEXT_PUBLIC_

#

Given that, you should not prefix your secret key with that

#

But also note it looks like you should be using .env.local for local testing, based on those doc

#JTrain - Next.js config