Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/pranavarora1895/blogify

Light-weight blog writing app in markdown
https://github.com/pranavarora1895/blogify

nextjs rehype shadcn-ui tailwindcss typescript unified

Last synced: 14 days ago
JSON representation

Light-weight blog writing app in markdown

Awesome Lists containing this project

README

        

# Blogify

**Blogify** is a modern and lightweight blog application designed with Next.js, Shadcn, Tailwind CSS, and Rehype. It offers a streamlined yet robust platform for creating, managing, and sharing blog content.

## Checkout the demo

https://github.com/user-attachments/assets/b7428aaf-43a4-44f9-bfbc-2a03707df014

To get started, clone the repository and write your blog posts in Markdown. Once your changes are ready, merge them into the main branch to have your posts automatically listed and displayed on the application.

> ## How it works?
> Checkout our simple instructions on how to post your blogs [here](https://blogify-eight-gules.vercel.app/#how-it-works).

## Features

- **Fast and Responsive**: Optimized for speed and mobile-friendliness.
- **Easy Styling**: Uses Tailwind CSS for utility-first, customizable styling.
- **UI Components**: shadcn components for reusable, accessible, and beautiful UI elements.
- **Unified and Rehype plugins**: It generates HTML content out of Markdown document.
- **SEO Friendly**: Built with best practices for search engine optimization.
- **Easy to Deploy**: Deploy anywhere with Vercel or other platforms supporting Next.js.

## Installation

To get started with **Blogify**, follow these steps:

1. **Clone the repository**:

```bash
git clone https://github.com/yourusername/blogify.git
cd blogify
```

2. Install dependencies:

```bash
npm install
```

or if you use Yarn:

```bash
yarn install
```

3. Run the development server:

```bash
npm run dev
```

or with Yarn:

```bash
yarn dev
```

Open http://localhost:3000 with your browser to see the app in action.

## Customization

- **Tailwind CSS:** Modify the tailwind.config.js file to adjust theme settings, add custom utilities, or configure plugins.

- **shadcn Components:** Customize the UI components in the components/ directory to fit your design requirements.

## Deployment

To deploy Blogify, you can use platforms like Vercel

## License

This project is licensed under the MIT License.