একটি 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"
}
}