Skip to main content

Command Palette

Search for a command to run...

লারাভেল ব্রিজ কি? ব্রিজ ব্যবহার করার সুবিধা সমূহ কি কি? কিভাবে ব্রিজ ইনস্টল করতে হয়?

Updated
3 min read
লারাভেল ব্রিজ কি? ব্রিজ ব্যবহার করার সুবিধা সমূহ কি কি? কিভাবে ব্রিজ ইনস্টল করতে হয়?

লারাভেল ব্রিজ

লারাভেল ব্রিজ - ইজ এ সিম্পল ইমপ্লিমেন্টেশন অফ অল অথেন্টিকেশন ফিচারস।

প্রত্যেকটি ওয়েবসাইটকে অথেনটিকেট করার জন্য কিছু কমন ফিচার এর প্রয়োজন হয়। যেমন: রেজিস্ট্রেশন, লগইন, পাসওয়ার্ড রিসেট, ইমেইল ভেরিফিকেশন, পাসওয়ার্ড কনফার্মেশন ইত্যাদি। এগুলোর পাশাপাশি রয়েছে প্রোফাইল আপডেট অপশন। যেমন: একজন ইউজার রেজিস্ট্রেশন করার পর তার প্রোফাইল থেকে তার নাম, ইমেইল এড্রেস এবং পাসওয়ার্ড পরিবর্তন করতে পারবে।

লারাভেল ব্রীজ ইন্সটল করার মাধ্যমে আমরা সেগুলো খুব সহজেই ওয়েবসাইটে ব্যবহার করতে পারি। কেউ চাইলে অবশ্যই এগুলো ম্যানুয়ালি তৈরি করতে পারবে।

ব্রিজ ইন্সটল করার পূর্বে কয়েকটি কাজ করে নিতে হবে।

১। লারাভেল ইনস্টল করতে হবে।

২। ডাটাবেজ কনফিগার করতে হবে।

৩। ডাটাবেজ মাইগ্রেশন করতে হবে।

৪। node.js ইনস্টল করা থাকতে হবে (npm এর জন্য)।

এই রিকয়ারমেন্ট গুলো ঠিক থাকলে লারাভেল ব্রীজ সহজে ইনস্টল করা যাবে। চলুন এবার ইনস্টল করা শুরু করি।

লারাভেল ব্রিজ ইনস্টল

যেকোন একটি টার্মিনাল ওপেন করি। Laravel যে ডিরেক্টরিতে ইনস্টল করা রয়েছে সেই ডিরেক্টরিতে গিয়ে লিখি

php artisan serve

লোকাল সার্ভার এর লিঙ্ক আসবে। লিংকে ক্লিক করলে laravel লোকাল সার্ভারে ওপেন হবে।

খেয়াল করুন, ছবিতে ডান পাশে উপরে কোন login এবং Register মেনু নাই। কিন্তু লারাভেল ব্রিজ ইন্সটল করার পর Login এবং Register মেনু ডান পাশে উপরে শো করবে।

প্রথমে লারাভেল ব্রিজ এর ফাইল ফোল্ডার গুলো ডাউনলোড করার জন্য টার্মিনাল ওপেন করে লিখতে হবে composer require laravel/breeze –dev

এই কমান্ডটি সম্পন্ন করার পর লারাভেল প্রজেক্ট এর ভেতরে vendor/laravel ডিরেক্টরিতে breeze নামে একটি ফোল্ডার ডাউনলোড হবে এবং নিচের মত করে একটি ইন্টারফেস আসবে।

এবার ইনস্টল করার জন্য আবারো টার্মিনালে লিখতে হবে- php artisan breeze:install

কমান্ডটি লিখে ইন্টার দিলে যদি node.js ইনস্টল করা না থাকে তাহলে নিচের মত করে একটি লেখা শো করতে পারে।

'npm' is not recognized as an internal or external command, operable program or batch file.

Bridge scaffolding installed successfully

ব্রিজ ইনস্টল হয়েছে কিন্তু 'npm' পাচ্ছে না। 'npm' এর ফুল মিনিং হচ্ছে ( node package manager )। এমন অবস্থায় পরবর্তি কোড সমূহ কাজ করবে না। আমি কোড গুলো টার্মিনালে লিখলাম আপনাদেরকে দেখানোর জন্য php artisan migrate npm install npm run dev

এখন আমি একটু চেক করে দেখি যে node.js আমার কম্পিউটারে ইনস্টল করা আছে কি না। তার জন্য টারমিনালে লিখতে node --v

ইনস্টল করা নাই। তাই 'npm' এর জন্য আমাদেরকে node js ইন্সটল করতে হবে। nodejs .org ওয়েবসাইট থেকে node.js ডাউনলোড করে ইন্সটল করার পর আবারও লিখলাম node --v

এখন আমরা দেখতে পাচ্ছি 19.3.0 ভার্সন ইনস্টল হয়েছে। তারপর আবারও যে কোন একটি টার্মিনাল ওপেন করে নিচের তিনটি কমান্ড দিলে 'npm' ইনস্টল হয়ে রান হয়ে যাবে।

php artisan migrate
npm install
npm run dev

php artisan migrate কমান্ড দেওয়ার পর npm install লিখে কমান্ড দিলে ইনস্টল হওয়া শুরু করবে।

এবার কিন্তু কোন এরোর শো করছে না। ইনস্টল শেষ হয়ে গেলে নিচের মত দেখতে পাবেন।

এবার রান করার জন্য npm run dev কোড লিখলে রান হয়ে যাবে।

npm রান হয়ে যাওয়ার পর লোকাল হোস্টের লিংক আসবে। এখন ১২৭.০.০.১:৮০০০ এড্রেসবারে লিখে এন্টার প্রেস করলে পেজটি রিফ্রেশ হবে।

সব কিছু ঠিক থাকলে আবারও লারাভেল এর পেজটি রিফ্রেশ করলে ডানপাশের উপরে লগইন এবং রেজিস্টার মেনু শো করবে। অর্থাৎ আমাদের লারাভেল ব্রিজ ইনস্টল হয়েছে। এখন রেজিস্টার বাটনে ক্লিক করলে রেজিস্টার পেইজ ওপেন হবে।

আবার লগইন বাটনে ক্লিক করলে লগইন পেইজ ওপেন হবে।

এখান থেকে আবার ফরগট পাসওয়ার্ডও করা যাবে। যাইহোক আজকের পর্ব এখানেই শেষ করছি। সবাই ভালো থাকবেন! সুস্থ থাকবেন! ধন্যবাদ!

R

বাহ, অনেক সুন্দর লেখা।

N

ভাই! চেষ্টা করছি ভালো করে লেখার! বাকিটা আল্লাহ ভরসা।

More from this blog

We discuss basic routing

বেসিক রাউটিং সফটওয়্যার আর্কিটেকচারে রাউট হচ্ছে মৌলিক উপাদান(Basic Component). রাউট URL(URL = Uniform Resource Locator) থেকে অনুরোধ গ্রহণ করে এবং এপ্লিকেশনকে রিসোর্সের জন্য নির্দেশনা প্রদান করে। লারাভেলের রাউট সমূহ একই সাথে সুবিন্যস্ত করে রাখার জন্য r...

Jun 1, 20233 min read

Visual Studio Code এডিটর কি-বোর্ড শর্টকার্ট

এখন কোডিংয়ের স্পীড হবে রকেটের গতি যদি আপনি ব্লগটি পড়েন এবং শর্টকাট ব্যবহার করেন তাহলে চলুন শুরু করি। Visual Studio Code এডিটর কি-বোর্ড শর্টকার্টঃ MAC ও WINDOWS এর জন্য আলাদা কি-বোর্ড শর্টকাট নিচে দেওয়া হল- Visual Studio Code এর কমান্ড পেলেট কিভাবে ওপ...

Jun 1, 20233 min read
Visual Studio Code এডিটর কি-বোর্ড শর্টকার্ট

WordPress Support Engineer Input Field And Form

আজকে আমরা আলোচনা করব আমাদের WordPress Support Engineer Course এর ক্লাস ২ নিয়ে এবং আমাদের টপিক হলো html input fields. ইনপুট ফিল্ডে বিভিন্ন রকম টাইপ রয়েছে এর মধ্যে default html,html-5,iput type="text" ইত্যাদি। তো চলুন শুরু করি ।প্রথমেই আমরা আলোচনা করব ...

May 7, 20233 min read

Tailwind Css CLI ব্যাক্ষ্যা সহ Install প্রসেস

সবার প্রথমে আমাদের একটা Directory বানাতে হবে। আপনার Project এর নাম দিয়ে একটি Directory বানিয়ে ফেলুন। এরপর যেকোনো একটা Terminal ব্যবহার করে এই Directory তে ঢুকুন। npm install -D tailwindcss autoprefixer vite এই কমান্ড Terminal-এ দিবো। এক্সট্রা হিসেবে...

Apr 3, 20232 min read
Tailwind Css CLI ব্যাক্ষ্যা সহ Install প্রসেস
S

Shikhun Blog

96 posts