dev.sh | Portfolio

my personal blog project, a clean, fast, and minimal space where I share my thoughts, tutorials, and experiments on technology, development, and more.

Live Demo

Check out the live site here: blog.devsh.tech

🛠️ Tech Stack

Next.js 15 (App Router) – For routing, server components, and optimized performance
TypeScript – For type-safe development
Markdown – For writing and managing blog content
Gray-matter – To parse front matter in .md files
Tailwind CSS – For styling with utility-first classes
Vercel – For continuous deployment and hosting

📚 What I Learned

During the development of this blog, I gained hands-on experience with:

Next.js App Router & File-Based Routing: Built dynamic routes for blog posts using slugs.
Content Fetching with Markdown: Created a content system using local markdown files + gray-matter for metadata.
SEO & Performance: Leveraged Next.js metadata API and optimized rendering techniques.
Dynamic Tag Pages: Created an Explore section to filter blog posts based on tags.
Dark Mode Support (if added): Managed themes using Tailwind CSS and context/state.
Deploying with Vercel: Set up CI/CD pipelines for automatic deploys on push.

🔮 Future Scope

Here are a few features I plan to add or improve in the future:

🧵 Comment System: Integrate a privacy-focused comment system like Giscus or utterances
🔍 Full-text Search: Add search functionality across all blog posts
🧩 CMS Integration: Move content from static .md files to a headless CMS like Sanity or Contentful
🌍 i18n Support: Enable multi-language support for broader accessibility
✨ Animations: Add Framer Motion-based animations for better UX
📅 Newsletter: Include a newsletter sign-up to build a reader base

📫 Contact

If you liked this project or have any suggestions, feel free to reach out via shivamdurgude1@gmail.com.

⭐️ Support

If you found this project helpful, consider giving it a ⭐ on GitHub!
Let me know if you want badges, GitHub stats, or Markdown lint support added too!