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

Install

npx next-blog-app@latest

Demo

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.

---
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. Check out the Next.js deployment documentation for more details.

Contributing Guidelines

Make sure you read the contributing guidelines before opening a PR.

License

MIT © Moaz Irfan

Connect