L'editor de Markdown que sempre vaig voler amb Next.js i IA

Smart Markdown Pro és un editor markdown local amb IA, vista prèvia personalitzable, RTL/LTR, fonts de Google i exportació PDF d'alta fidelitat.

lunes, 18 de agosto de 2025 • 4 min de lectura • Equip Q2BSTUDIO

Intel·ligència-Artificial-

Introducció Tots hem començat un projecte paral·lel amb entusiasme i després l'hem abandonat al cementiri de repositoris, sense tocar-lo durant mesos. Aquesta vegada vaig decidir trencar el cicle i crear una eina que resolgués problemes reals que afrontava cada dia com a desenvolupador.

El problema El meu flux de treball incloïa generar text amb models de llenguatge que arribava com un desastre sense estructura. El més frustrant no era només el format, sinó la manca de control en cada pas posterior. Previsualitzacions poc flexibles amb text en àrab i suport RTL insuficient, estils fixos que impedeixen canviar la mida de font o tipografies per a presentacions, i el formatatge manual tediós per a encapçalaments, llistes i blocs de codi.

La solució Vaig construir Smart Markdown Pro, un editor markdown local first potenciat per IA i desenvolupat amb Next.js App Router, Tailwind CSS i TypeScript. És de codi obert i va néixer com l'eina que sempre vaig voler tenir.

Personalització total de la previsualització El nucli de la idea va ser un panell de vista prèvia que s'adapta a les teves necessitats. Es pot alternar entre RTL i LTR a l'instant, ajustar la mida base de font amb un control lliscant i aplicar qualsevol Google Font afegint-ne la referència. L'aplicació recorda les fonts utilitzades per a un accés ràpid, millorant la usabilitat per a documents multilingües i presentacions.

Formatatge impulsat per IA Per convertir text desestructurat en markdown net, vaig integrar l'API d'OpenAI i vaig crear un botó Formata amb IA que transforma el contingut en GFM ben estructurat. El backend gestiona la clau i el prompt de manera segura amb una ruta API a Next.js, cosa que facilita portar un assistent de formatatge intel·ligent integrat.

Gestió local de fitxers Vaig evitar crear comptes innecessaris utilitzant Zustand amb persistència a localStorage. El sistema permet crear, obrir, cercar i eliminar documents de manera ràpida i privada al navegador, una solució ideal per a qui valora la simplicitat i la confidencialitat.

Exportacions PDF d'alta fidelitat Un dels reptes tècnics va ser generar PDFs fidels al disseny quan les llibreries client fallaven pels nous formats de color de CSS. La solució va ser una funció serverless amb Puppeteer que rep l'HTML de la vista prèvia, llança un Chrome sense cap, aplica CSS mínim i utilitza la funció d'imprimir a PDF del mateix navegador per obtenir resultats impecables.

Aprenentatge i satisfacció Construir el que realment necessites obliga a pensar en cada detall i és una experiència d'aprenentatge poderosa. Aquest projecte va néixer de problemes reals i avui pot servir a altres desenvolupadors i equips que necessiten control, velocitat i qualitat en la seva generació de contingut.

Prova i codi Pots provar l'aplicació a https://smart-markdown-pro.vercel.app/ i explorar el repositori a https://github.com/Abubakr-Alsheikh/smart-markdown-pro per veure implementacions i contribucions.

Sobre Q2BSTUDIO Q2BSTUDIO és una empresa de desenvolupament de programari especialitzada en aplicacions a mida i programari a mida. Oferim solucions completes en intel·ligència artificial per a empreses, agents IA i projectes d'IA per a empreses que busquen automatitzar processos i millorar decisions. També som experts en ciberseguretat per protegir actius crítics i en serveis cloud aws i azure per desplegar infraestructures escalables i segures. Els nostres serveis d'intel·ligència de negoci i power bi permeten transformar dades en insights accionables i maximitzar el valor de la informació.

Per què associar-te amb Q2BSTUDIO Si busques un soci que combini experiència tècnica i enfocament en resultats, Q2BSTUDIO crea aplicacions a mida amb pràctiques de ciberseguretat, integra intel·ligència artificial i desenvolupa solucions cloud a aws i azure. Dissenyem programari a mida, implementem agents IA, desenvolupem solucions d'intel·ligència de negoci i configurem dashboards a power bi per millorar la presa de decisions.

Contacte i següent pas Si aquest tipus de projectes t'inspiren i tens molèsties diàries que voldries convertir en una aplicació o servei, Q2BSTUDIO pot ajudar-te a transformar aquesta idea en una solució real. Oferim consultoria en programari a mida, intel·ligència artificial, ciberseguretat, serveis cloud aws i azure, serveis d'intel·ligència de negoci, agents IA i power bi per a empreses que volen créixer amb tecnologia.

Invitació M'encantaria conèixer les molèsties diàries que t'agradaria convertir en un projecte. Si estàs pensant en una aplicació a mida, a millorar la teva intel·ligència artificial interna o a reforçar la ciberseguretat de la teva organització, contacta'ns i fem que aquesta idea passi de concepte a producte amb Q2BSTUDIO.

ELS NOSTRES SERVEIS

Com et podem ajudar

Tens un projecte en ment?

Explica'ns la teva visió i la convertim en una solució de programari. Sigui quin sigui l'abast, fem realitat la teva idea.