MERN

⌘K
  1. Home
  2. Docs
  3. MERN
  4. ব্যাকএন্ড-ফ্রন্টএন্ড সেট আপ করুন

ব্যাকএন্ড-ফ্রন্টএন্ড সেট আপ করুন

একটি Node.js প্রকল্প শুরু করুন :

  • আপনার প্রকল্প ফোল্ডারের ভিতরে, একটি টার্মিনাল খুলুন এবং একটি ফাইল তৈরি করতে নিম্নলিখিত কমান্ডটি চালান package.json:
npm init -y

ব্যাকএন্ড সেট আপ করুন (Node.js এবং Express) :

  • server নামে একটি ফোল্ডার তৈরী করি server ফোল্ডারে একটি সার্ভার ফাইল তৈরি করুন, উদাহরণস্বরূপ, server.js, এবং নিম্নলিখিত কমান্ডটি চালিয়ে প্রয়োজনীয় নির্ভরতা ইনস্টল করুন:
npm install nodemon express mongoose body-parser cors

ফ্রন্টএন্ড সেট আপ করুন (প্রতিক্রিয়া) :

আবার প্রজেক্ট ফোল্ডারে যাই

npm install -g create-react-app

Use the following command to verify the installation.

create-react-app --version
  • আপনার প্রোজেক্ট ফোল্ডারের ভিতরে, ক্রিয়েট রিঅ্যাক্ট অ্যাপ ব্যবহার করে ফ্রন্টএন্ড সেট আপ করুন। নিম্নলিখিত কমান্ড চালান:
npx create-react-app client

এই কমান্ডটি আপনার প্রতিক্রিয়া অ্যাপ্লিকেশনের জন্য একটি “ক্লায়েন্ট” ফোল্ডার তৈরি করবে। আপনি “ক্লায়েন্ট” পরিবর্তন করতে পারেন আপনার পছন্দের যেকোনো নামে।

অতিরিক্ত ফ্রন্টেন্ড নির্ভরতা ইনস্টল করুন :

আপনার “ক্লায়েন্ট” ফোল্ডারে নেভিগেট করুন এবং প্রতিক্রিয়া অ্যাপ্লিকেশনগুলিতে সাধারণত ব্যবহৃত কিছু অতিরিক্ত নির্ভরতা ইনস্টল করুন:

cd client
npm install axios react-router-dom

প্রকল্পের কাঠামো :

  • আপনার প্রকল্প কাঠামো সংগঠিত. আপনার প্রকল্পের কাঠামো কেমন হতে পারে তার একটি সরলীকৃত উদাহরণ এখানে দেওয়া হল:
Mern-Ecommerce/
├── server/
│   ├── server.js
├── client/
│   ├── src/
│   │   ├── components/
│   │   ├── App.js
│   ├── package.json
├── package.json

package.json

{
  "name": "mern-ecommerce",
  "version": "1.0.0",
  "description": "",
  "main": "./server/server.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start":"nodemon ./server/server.js"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "body-parser": "^1.20.2",
    "cors": "^2.8.5",
    "express": "^4.18.2",
    "mongoose": "^8.0.0",
    "nodemon": "^3.0.1"
  }
}

How can we help?