Sample Project Showcase
Date: 7/1/2024
Project: Markdown Content Manager
This project demonstrates how to build a simple content management system using Next.js and Markdown files.
Technologies Used
- Next.js (App Router)
- React
- TypeScript
- Tailwind CSS & shadcn/ui
react-markdown
&remark-gfm
gray-matter
- Node.js Filesystem API
Key Features
- Dynamic Routing: Pages are generated based on markdown files in specific directories (
/content/blogs
,/content/projects
, etc.). - Markdown Rendering: Uses
react-markdown
to display content beautifully. - Frontmatter Parsing: Extracts metadata like
title
anddate
usinggray-matter
. - Admin Interface: A basic
/create
page allows uploading new.md
files.