A futuristic blog app inspired by Apple Vision Pro’s glassmorphic aesthetics. Built with Next.js, MDX, Tailwind CSS, and modern web best practices, LumeTran transforms blogs into an immersive, elegant experience.
🌐 Live Demo: lumetran.vercel.app 📂 Source Code: GitHub Repo
- 📝 MDX-Powered Blogs — Write posts in
.mdxfiles with React component support. - 🎨 Glassmorphic Design — Vision Pro–inspired UI with transparency, blur, and depth.
- 🔎 Search & Filter — Find blogs quickly with tags and keyword search.
- 🏷️ Dynamic Tags — Explore content by categories.
- 👤 Author Profiles — Showcase bio, avatar, and social links.
- 💬 Reader Engagement — Likes, comments, and bookmarks with interactive UI.
- 📱 Responsive Layout — Seamlessly adapts to mobile, tablet, and desktop.
- 🌗 Dark/Light Modes — Smooth transitions with subtle shadows & highlights.
- ⚡ Performance Focused — Optimized images, lazy loading, and SEO best practices.
- 🚀 SEO Ready — Meta tags, Open Graph, and sitemap integration.
- 📩 Email Subscription — Collect readers with a simple newsletter form.
- 🔗 Social Sharing — One-click share for Twitter, LinkedIn, and more.
LumeTran/
│
├── app/ # App router structure for Next.js
├── components/ # UI components (navbar, cards, layout, footer)
├── posts/ # Blog posts in MDX format
├── hooks/ # Custom React hooks (theme, search, etc.)
├── lib/ # Utilities & SEO config
├── public/ # Static assets (icons, images)
├── styles/ # Tailwind setup & global styles
└── package.json # Project metadata# Clone the repository
git clone https://github.com/codewitharslanjaved/Lumetran.git
cd Lumetran
# Install dependencies
npm install
# Start the development server
npm run devVisit http://localhost:3000 to view the app locally.
- ⚛️ Next.js (App Router) — React framework
- 📝 MDX — Markdown + JSX
- 🎨 Tailwind CSS — Utility-first styling
- 📦 Vercel — Hosting & CI/CD
- 🖼️ Image galleries inside blogs
- 📤 Export blog posts to PDF/Markdown
- 🔐 User authentication for private blogs
- 🎨 Custom theme builder
- 📊 Analytics dashboard for views & engagement
- 📝 Rich text editor for writing blogs directly in-app
Created by Arslan Javed — GitHub
MIT License © 2025 Arslan Javed