Skip to content

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

Notifications You must be signed in to change notification settings

MoazIrfan/next-blog-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

next-blog-app

DOWNLOADS

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.

Deploy with Vercel


📃

Contributing Guidelines

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


📃

License

MIT © Moaz Irfan


🙌

Connect

GitHub @MoazIrfan   Twitter @MoazIrfan   Blog: moazirfan.com   LinkedIn @MoazIrfan  

About

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

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published