Next.jsIntermediate
Environment Variables
NEXT_PUBLIC_ prefix, .env.local, server/client variables — Next.js-এ env ভেরিয়েবল বাংলায়।
10টি অংশবাংলা ভাষায়
Environment variables হলো sensitive config (API key, database URL) যা code-এর বাইরে রাখা হয়। Next.js-এ .env ফাইল দিয়ে এটা works।
NEXT_PUBLIC_ prefix
শুধু `NEXT_PUBLIC_` prefix-যুক্ত ভেরিয়েবলই browser (client bundle)এ যায়। বাকি সব server-এই থাকে।
.env.localbash
bash
# Server-only (client-এ হবে না)
DATABASE_URL=postgres://user:pass@localhost:5432/db
API_SECRET_KEY=supersecretkey
# Client-safe (NEXT_PUBLIC_)
NEXT_PUBLIC_API_URL=https://api.example.comব্যবহার
app/lib/db.ts (server)ts
ts
export async function getUsers() {
// শুধু server-এ
const res = await fetch(`${process.env.DATABASE_URL}/users`);
return res.json();
}app/ui/config.ts (client)ts
ts
// client-ও ব্যবহার করতে পারে
export const apiUrl = process.env.NEXT_PUBLIC_API_URL;env ফাইলগুলো
.env— সব environment-এর জন্য common.env.local— local development (git-এ আসে না).env.development—next dev-এর সময়.env.production—next start-এর সময়
Secret কখনও expose করবেন না
API key-কে NEXT_PUBLIC_ prefix দিলে তা browser-এ চলে যাবে — কখনও secret-এ prefix দেবেন না। Server-এ secret রাখতে import 'server-only' ব্যবহার করতে পারেন।
শেষ প্যারায় নিজে practice করুন — কোড কপি করে নিজের এডিটরে চালিয়ে দেখুন।