/md-blogs

A Demo Webapp for a Blog using Markdown Content using next-mdx

Primary LanguageTypeScriptMIT LicenseMIT

MarkDown Blogs

MarkDown Blogs is a simple and minimalistic blog website built with Next.js, TypeScript, and Tailwind CSS. All blog articles are provided in Markdown format and rendered using next-mdx.

Live Demo: MarkDown Blogs

Features

  • Markdown Articles: All blog content is provided in Markdown format for easy editing and publishing.
  • Next.js with next-mdx: The website is built using Next.js, a React framework, and it renders Markdown articles using next-mdx, making it easy to manage and display content.
  • Next.js with TypeScript: Utilizes Next.js framework for server-side rendering and TypeScript for type safety.
  • Supports Light and Dark Mode: The website supports both light and dark mode based on the user's preference or system settings.
  • Minimalistic Design: The design of the website is kept simple and minimalistic to focus on the content.
  • AI-Generated Content: All blog articles on this website are generated using artificial intelligence. Please note that the content is not researched and is purely for demonstration purposes.

Tech Stack

  • Next.js: A React framework for building server-side rendered and static web applications.
  • Tailwind CSS: A utility-first CSS framework for creating custom designs quickly and easily.
  • TypeScript: An implementation language to ensure type safety when writing React JS components
  • Vercel: A deployment platform providing easy deployment Next JS applications

Getting Started

To get started with the project, follow these steps:

  1. Clone the repository: git clone <repository-url>
  2. Install dependencies: npm install
  3. Run the development server: npm run dev

Usage

Once the development server is running, you can access the blog website locally at http://localhost:3000.

License

This project is licensed under the MIT License.