Introduction
Md to Web is a bridge between the technical simplicity of Markdown and the aesthetic excellence of the modern web. Inspired by the nocturnal sophistication of premium spaces, this project allows authors and developers to deploy their personal or technical narratives in an environment that feels tactile, fluid and visually striking.
The project stands out for its focus on Clean Architecture and Type Safety, ensuring a robust development experience and a polished user interface using cutting-edge technologies.
Key Features
Details of the most important functionalities:
- π Terminal Uplink (CLI): Direct deployment system from the local terminal through a dedicated command-line tool.
- π Device-Flow Auth: Secure authentication that links the terminal identity with the web account through a seamless handshake in the browser.
- π¨ Sophisticated UI: βNocturnalβ and glassmorphic design system, using an earth color palette (terracotta/clay) optimized for OLED devices.
- π§ Zen Editor: Distraction-free web editor designed to maintain the flow state during writing.
- π·οΈ Intelligent Titles: Automatic metadata extraction system and intelligent titles from Markdown content.
- β‘ Performance-First: Biome integration for instant linting/formatting and Next.js 16 for ultra-fast navigation.
Technologies Used
Key tools and libraries:
- Frontend: Next.js 16 (https://nextjs.org/) (App Router) with React 19 (https://react.dev/).
- Backend: ElysiaJS (https://elysiajs.com/) for a high-performance API with end-to-end type safety (Eden Fetch).
- Styling: Tailwind CSS (https://tailwindcss.com/) with a custom design system based on Glassmorphism.
- Persistence: Prisma (https://www.prisma.io/) with SQLite for efficient and typed data management.
- Auth: Better-Auth (https://better-auth.com/) for modern and secure session management.
- Runtime: Bun (https://bun.sh/) as the main execution engine and package manager.
Links
- Live Demo: https://md-to-web-lime.vercel.app
- Repository: https://github.com/altobellidardo/md-to-web