This is a Next.js project bootstrapped with create-next-app
.
First, clone the repository:
git clone https://github.com/naeemcse/csharp-bangla-tutorial.git
Then, install the dependencies:
npm install
run the development server:
npm run dev
Open http://localhost:3000 with your browser to see the result.
pages নামক ফোল্ডারে পেজ গুলো থাকবে। প্রতিটা পেজ এর নাম হবে একই নামের ফাইল নামে। যেমন, about.md বা about.mdx নামে ফাইল থাকলে এই পেজের লিংক হবে http://localhost:3000/docs/about আবার ফোল্ডার তৈরি করে রাখলে সেটা একটা path ও তৈরী করবে । যেমনঃ about/index.md বা about/index.mdx নামে ফাইল থাকলে এই পেজের লিংক হবে http://localhost:3000/docs/about এবং এই পেজের কন্টেন্ট গুলো একটা সাইডবারে দেখানো হবে। এই সাইডবারে পেজ গুলোর লিংক দেখানো হবে। এবং পেজ গুলোর মধ্যে লিংক দেওয়া থাকবে। এই ফোল্ডারে একাধিক md ফাইল থাকলে সেগুলো সাইডবারে দেখানো হবে ও পেজ গুলোর মধ্যে লিংক দেওয়া হবে ও নতুন path তৈরি করা হবে।
যেকোন পেইজ বা পাথ বা কম্পনেন্ট এ নিম্নের মত কোড ব্যবহার করা যাবে। এটা একটা সাধারণ কম্পনেন্ট যা একটা মার্কডাউন স্ট্রিং কে প্রিভিউ করে।
import MdPreview from "@/components/shared/MdPreview";
export default function MarkdownPage( ) {
const source =' # Hello, *world*!';
return (
<div>
<h1>Markdown Preview</h1>
<MdPreview source={source} />
</div>
);
}