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-gfmgray-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-markdownto display content beautifully. - Frontmatter Parsing: Extracts metadata like
titleanddateusinggray-matter. - Admin Interface: A basic
/createpage allows uploading new.mdfiles.