https://github.com/moazirfan/next-blog-app

Create a Next.js blog. Create and manage blog posts using markdown files, with routes generated automatically based on the file names.
https://github.com/moazirfan/next-blog-app

blog next-blog next-blog-app nextjs npm-package

Last synced: 3 months ago
JSON representation

Create a Next.js blog. Create and manage blog posts using markdown files, with routes generated automatically based on the file names.

• Host: GitHub
• URL: https://github.com/moazirfan/next-blog-app
• Owner: MoazIrfan
• Created: 2023-11-15T16:47:19.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-03T05:24:52.000Z (over 1 year ago)
• Last Synced: 2025-02-16T09:12:12.910Z (3 months ago)
• Topics: blog, next-blog, next-blog-app, nextjs, npm-package
• Language: JavaScript
• Homepage: https://www.npmjs.com/package/next-blog-app
• Size: 3.27 MB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: Readme.md
  • Contributing: contributing.md

Awesome Lists containing this project

README

        

# next-blog-app

[![DOWNLOADS](https://img.shields.io/npm/dt/next-blog-app?label=DOWNLOADS%20%20%E2%9D%AF&colorA=1574ef&colorB=1574ef&style=flat)](https://www.npmjs.com/package/next-blog-app)

> Start your blog with Next.js.




Instantly generate a blog with a new `Nextjs` project using `TypeScript` and `TailwindCSS`.

- **Post**: Create a new blog post by creating a new markdown file in the posts directory

- **Route**: Automatically create routes for your blog posts based on the markdown file name

- **Markdown components**: Use React components in your markdown blog posts




[![📟](https://github.com/MoazIrfan/next-blog-app/raw/main/.github/install.png)](./../../)

## Install

```sh

npx next-blog-app@latest

```




[![⚙️](https://github.com/MoazIrfan/next-blog-app/raw/main/.github/usage.png)](./../../)

## Demo

[![📟](https://raw.githubusercontent.com/MoazIrfan/next-blog-app/main/.github/next-blog-app.gif)](./../../)

## Create a new blog post

- Create a new markdown file in the `blogposts` folder located in root directory. For example, if you want to create a new blog post named `test-blog-post`, create a new file named `test-blog-post.md`.

- Add the title, subtitle, date and content to the markdown file. You can duplicate an existing markdown file from the folder and then edit its content to add the new blog post.

```mdx

---

title: Hello World

description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.

date: '2023-11-15'

---

The realm of autonomous vehicles showcases AI's potential in transportation. Self-driving cars leverage AI-powered sensors and algorithms to navigate complex roadways, promising safer and more efficient travel experiences.

AI's impact on finance is profound, facilitating predictive analytics for stock markets, fraud detection, and algorithmic trading. These applications optimize decision-making processes and risk management strategies.

```

## ▲ Deployment

Deploy app on [Vercel Platform](https://vercel.com/new/git/external?repository-url=https%3A%2F%2Fgithub.com%2Fooade%2FNextSimpleStarter). Check out the [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https%3A%2F%2Fgithub.com%2Fooade%2FNextSimpleStarter)




[![📃](https://raw.githubusercontent.com/MoazIrfan/next-blog-app/main/.github/conduct.png)](./../../)

## Contributing Guidelines

Make sure you read the [contributing guidelines](https://github.com/MoazIrfan/next-blog-app/blob/main/contributing.md) before opening a PR.




[![📃](https://raw.githubusercontent.com/MoazIrfan/next-blog-app/main/.github/license.png)](./../../)

## License

MIT © [Moaz Irfan](https://moazirfan.com)




[![🙌](https://github.com/MoazIrfan/next-blog-app/raw/main/.github/connect.png)](./../../)

## Connect