Skip to content

Feature/Add environment variable injection feature in example-monorepos #496

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 32 commits into
base: master
Choose a base branch
from

Conversation

obedNuertey1
Copy link

Feature: Environment Variable Injection Across Expo and Next.js Packages in example-monorepos

Why:

Currently, managing environment variables separately for both Expo and Next.js packages can be cumbersome. This PR adds a feature that injects environment variables from a single .env file into both Expo and Next.js, streamlining the process and ensuring consistency across both environments.

What:

  • A new script (generateEnv.js) was created to pull variables from a .env.global file and inject them into Expo (EXPO_*) and Next.js (NEXT_PUBLIC_*).
  • A sample .env.example file was added to show how environment variables should be structured.

References:

This PR addresses a previously closed issue related to environment variables management but goes further to automate the process.

For more context, see:

Using environmental variables example

./.env.global

VAR_1=env_variable_1
VAR_2=env_variable_2

packages\app\features\home\screen.tsx
image

Screenshots:

Mobile
image

Web
image

Created ./generateEnv.js file to inject environmental variables into next and expo packages
Created a .env.example file to guide users in setting up environmental variables for Expo and Next.js packages.
Updated ./apps/expo/babel.config.js file to inject for seemless environmental injection into expo package
Updated  /.gitignore file to ignore all .env and env.ts files
Updated  /apps/expo/package.json file with react-native-dotenv and @types/react-native-dotenv pacakges
Updated scripts property of ./package.json to inject environmental variables into both next.js and expo packages when development server is started in web or native
Updated yarn.lock to reflect changes in ./apps/expo/package.json
Updated packages/app/features/home/screen.tsx to demonstrate usage of injected environment variables VAR_1 and VAR_2
Updated packages/app/features/home/screen.tsx to demonstrate usage of injected environment variables VAR_1 and VAR_2
Updated yarn.lock to reflect changes in ./apps/expo/package.json
Updated scripts property of ./package.json to inject environmental variables into both next.js and expo packages when development server is started in web or native
Created a .env.example file to guide users in setting up environmental variables for Expo and Next.js packages.
Created ./generateEnv.js file to inject environmental variables into next and expo packages
Updated  /.gitignore file to ignore all .env and env.ts files
Updated ./apps/expo/babel.config.js file to inject environmental variables into next and expo packages
Updated  /apps/expo/package.json file with react-native-dotenv and @types/react-native-dotenv pacakges
Created a .env.example file to guide users in setting up environmental variables for Expo and Next.js packages.
Created ./generateEnv.js file to inject environmental variables into next and expo packages
Updated  /.gitignore file to ignore all .env and env.ts files
Updated yarn.lock to reflect changes in ./apps/expo/package.json
Updated packages/app/features/home/screen.tsx to demonstrate usage of injected environment variables VAR_1 and VAR_2
Updated scripts property of ./package.json to inject environmental variables into both next.js and expo packages when development server is started in web or native
Updated yarn.lock to reflect changes in ./apps/expo/package.json
Updated ./apps/expo/babel.config.js file to inject environmental variables into next and expo packages
Updated  /.gitignore file to ignore all .env and env.ts files
Created ./generateEnv.js file to inject environmental variables into next and expo packages
Created a .env.example file to guide users in setting up environmental variables for Expo and Next.js packages.
Updated yarn.lock to reflect changes in ./apps/expo/package.json
Updated ./apps/expo/babel.config.js file to inject environmental variables into next and expo packages
Updated  /apps/expo/package.json file with react-native-dotenv and @types/react-native-dotenv pacakges
Updated scripts property of ./package.json to inject environmental variables into both next.js and expo packages when development server is started in web or native
Updated packages/app/features/home/screen.tsx to demonstrate usage of injected environment variables VAR_1 and VAR_2
Copy link

vercel bot commented Oct 8, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
solito-app ❌ Failed (Inspect) Oct 8, 2024 1:51pm
1 Skipped Deployment
Name Status Preview Comments Updated (UTC)
solito ⬜️ Ignored (Inspect) Visit Preview Oct 8, 2024 1:51pm

Copy link

vercel bot commented Oct 8, 2024

@obedNuertey1 is attempting to deploy a commit to the BeatGig Team on Vercel.

A member of the Team first needs to authorize it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant