npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

with-envs

v1.0.2

Published

Create a new project by running:

Readme

Getting Started

Create a new project by running:

bun create expo-app --template with-envs

Setup

  1. Create a new EAS project at Expo, and copy the project ID from your project settings.

  2. Configure environment variables in your EAS project:

  • Set APP_ENV to development, preview, or production based on the environment.
  • Set three EXPO_PUBLIC_API_URL based on the environment. (Add more envs if you need)
  • Add any additional required environment variables. Check utils/environment.ts for the full list. image
  1. Update the following constants in app.config.ts:
    • Set EAS_PROJECT_ID to your Expo project ID.
    • Set PROJECT_SLUG to your project slug.
    • Set OWNER to your Expo account name.

You can find these values in your project details:

  1. Customize the app configuration in app.config.ts:
    • Update the app name, package names, and bundle identifiers.
    • Configure icons and schemes for each environment.
  2. Add /android and /ios to your .gitignore.

Development Setup

  1. Pull your development environment variables by running:
eas env:pull development

This will generate a .env.local file with the development environment variables.

  1. Set up your development build using one of these options:

    Option A: Create a development build with EAS:

    eas build -p ios --profile development

    Option B: Prebuild locally:

    npx expo prebuild
  2. Run the app:

npx expo run:ios

Development Workflow

The recommended workflow is to use a development client during development. When your changes are ready for testing:

  1. Create a preview build:
eas build -p ios --profile preview
  1. Share the preview with your team or client. You can update this build remotely by running:
eas update -p ios --environment preview --channel preview

Don't forget to pass the --environment flag when sending an update, this will ensure the update uses the correct env variables

Note: The same update process applies for production and development builds.

  1. For production releases:
    • Build only: eas build -p ios
    • Build and submit: eas build -p ios --auto-submit

Switching Environments

  1. Pull the desired environment variables (e.g., "preview"):
eas env:pull preview

This will update the .env.local file with the preview environment variables.

  1. Prebuild the app:
npx expo prebuild
  1. Run the app:
npx expo run:ios