Next.jsBeginner
Next.js Install
create-next-app দিয়ে Next.js project তৈরি — TypeScript, ESLint, Tailwind সহ modern setup।
14টি অংশবাংলা ভাষায়
নতুন Next.js project তৈরির সবচেয়ে সহজ উপায় হলো `create-next-app` CLI, যা TypeScript, ESLint, Tailwind CSS — সব ready-made setup করে দেয়।
Quick Start
Terminalbash
bash
npx create-next-app@latest my-app --yes
cd my-app
npm run dev--yes flag দিলে default settings ব্যবহার হয় — TypeScript, ESLint, Tailwind CSS, App Router, import alias @/*। URL: http://localhost:3000।
System Requirements
- Node.js 20.9 বা তার বেশি
- macOS, Windows (WSL সহ), Linux
- modern browser (Chrome 111+, Firefox 111+, Safari 16.4+)
Interactive Prompts
--yes না দিলে CLI আপনাকে নিচের প্রশ্নগুলো করবে:
Terminaltext
text
What is your project named? my-app
Would you like to use the recommended Next.js defaults?
Yes, use recommended defaults - TypeScript, ESLint, Tailwind CSS, App Router
No, reuse previous settings
No, customize settings
উদাহরণ: নিচের প্রশ্নগুলোও আসতে পারে —
Would you like to use TypeScript? No / Yes
Which linter would you like to use? ESLint / Biome / None
Would you like your code inside a src/ directory? No / Yes
Would you like to use App Router? (recommended) No / YesManual Install
আগে থেকে project থাকলে manual install করতে পারেন:
Terminalbash
bash
npm install next@latest react@latest react-dom@latestpackage.json scriptsjson
json
{
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start",
"lint": "eslint"
}
}Turbopack default
Next.js-এ Turbopack default bundler — next dev ও next build দুটিই Turbopack ব্যবহার করে দ্রুত compile হয়। Webpack চাইলে next dev --webpack।
শেষ প্যারায় নিজে practice করুন — কোড কপি করে নিজের এডিটরে চালিয়ে দেখুন।