Live Link :

• First, run the development server:

npm run dev
# or
yarn dev

Install dependencies:

• npm i gray-matter

• npm i unified

• npm i rehype-document

• npm i [email protected]

• npm i rehype-stringify

• npm i remark-rehype

• npm i rehype-pretty-code

• npm install -D @tailwindcss/typography

• Gray matter: used for parsing md file to html format

• Gray matter: used for processing the content

• rehype-document: useful when going from a markdown file that represents an article and turning it into a complete HTML document.

---

• npx create-next-app@latest
• yarn add gray-matter remark remark-html
• yarn add @tailwindcss/typography @tailwindcss/aspect-ratio

Project Overview: Next js 14

Features:

• Routing
• Defining Routes
• Pages and Layouts
• Linking and Navigating
• Loading UI and Streaming
• Error Handling
• Loading
• Redirecting

Next.js Integration: The project utilizes Next.js, a popular React framework, for server-side rendering, routing, and other powerful features out of the box.

Tailwind CSS: Tailwind CSS is used for styling the application, offering a utility-first approach for building custom designs quickly.

Gray-Matter: Gray-Matter is a dependency used for parsing front-matter from Markdown files. This allows for easy extraction of metadata from content files.

Remark and Remark-HTML: Remark and Remark-HTML are used for converting Markdown content to HTML, enabling developers to write content in Markdown format and render it seamlessly on the web.