Skip to content

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

Open
obedNuertey1 wants to merge 32 commits into
nandorojo:masterfrom
obedNuertey1:feature/env-variable-injection
Open

Feature/Add environment variable injection feature in example-monorepos#496
obedNuertey1 wants to merge 32 commits into
nandorojo:masterfrom
obedNuertey1:feature/env-variable-injection

Conversation

@obedNuertey1

Copy link
Copy Markdown

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
@vercel

vercel Bot commented Oct 8, 2024

Copy link
Copy Markdown

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

@vercel

vercel Bot commented Oct 8, 2024

Copy link
Copy Markdown

@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