ExpoAdvanced

app.config.ts ও env variables

Dynamic config ও EXPO_PUBLIC_ env — সঠিক ব্যবহার।

5টি অংশবাংলা ভাষায়

জটিল config-এ app.json-এর বদলে দুই পছন্দ — `app.config.js` (JS) কিংবা `app.config.ts` (TS)।

app.config.tsts

import type { ConfigContext, ExpoConfig } from "expo/config";

export default ({ config }: ConfigContext): ExpoConfig => ({
  ...config,
  name: "TaskTrack",
  version: "1.1.0",
  extra: {
    apiUrl: process.env.API_URL ?? "https://api.example.com",
  },
});

build-time env — .env + EXPO_PUBLIC_ prefix; code-এ process.env.EXPO_PUBLIC_API_URL
runtime safe — config.extra → code-এ Constants.expoConfig.extra.apiUrl

import Constants from "expo-constants";

const apiUrl = Constants.expoConfig?.extra?.apiUrl ?? "";

EXPO_PUBLIC_ নিয়ম

EXPO_PUBLIC_ prefix ছাড়া var client-এ embed হয় না। secret (API key/private token) কখনও client-এ রাখবেন না — server proxy-তে রাখুন।

শেষ প্যারায় নিজে practice করুন — কোড কপি করে নিজের এডিটরে চালিয়ে দেখুন।