Hi Dev community! 👋
I'm excited to share that I just launched the first version of my blog platform:
🔗 Live Demo → mushroom-blog-omega.vercel.app
It’s a space for sharing articles, exploring mushroom-related content 🍄, and experimenting with a modern tech stack.
🛠 Built With
Next.js 15 – using the new App Router and server components
Firebase Storage – for image uploads (profile pictures, blog images)
MongoDB + Mongoose – handling user and blog post data
JWT Authentication – secure access with custom API routes
MUI (Material UI) – responsive and clean UI
Vercel – deployment and CI/CD
💡 What I Learned
Serverless file uploads using Firebase (because you can’t write to fs on Vercel)
Secure image handling with Multer + Firebase
Managing environment variables properly
Building responsive UI across desktop and mobile
Implementing Open Graph and Twitter meta tags for SEO
✅ Features
🌍 SEO-optimized blog posts with Open Graph & Twitter meta tags
🧠 Authentication with JWT & protected routes
🖼️ Image upload for user profile & blog content
🎨 Responsive design for both mobile and desktop
📝 Blog creation flow with basic rich text formatting
📚 Coming Soon
🧾 Comments
🔍 Blog search
🎯 Content editor improvements
📱 Share buttons for social media
🔗 GitHub Repo
👉 https://github.com/huenguyensw/my-blog
🧠 Why I Built This
I wanted to challenge myself to go from frontend-heavy development into more full-stack experience, including auth, database modeling, server-side image processing, and SEO. Plus, I love mushrooms — so it made the project fun! 🍄
Top comments (0)