[{"data":1,"prerenderedAt":859},["ShallowReactive",2],{"project-hostal-bartis":3,"project-nav-hostal-bartis":111},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":7,"slug":9,"order":10,"category":11,"sector":12,"year":13,"role":14,"status":15,"outstanding":6,"url":16,"image":17,"imageWidth":18,"imageHeight":19,"summary":20,"gallery":21,"technologies":33,"body":39,"_type":105,"_id":106,"_source":107,"_file":108,"_stem":109,"_extension":110},"\u002Fca\u002Fprojects\u002Fhostal-bartis","projects",false,"","Hostal Bartis","hostal-bartis",7,"Pàgina Web","Turisme","2020","Disseny i desenvolupament full-stack","online","https:\u002F\u002Fhostalbartis.com","\u002Fimages\u002Fprojects\u002Fhostal-bartis-home.webp",3578,1882,"Web per a un hostal familiar per mostrar les habitacions i els serveis i rebre sol·licituds de reserva.",[22,27,30],{"src":23,"width":24,"height":25,"alt":26},"\u002Fimages\u002Fprojects\u002Fhostal-bartis-habitacions.webp",2560,1440,"Pàgina d'habitacions",{"src":28,"width":24,"height":25,"alt":29},"\u002Fimages\u002Fprojects\u002Fhostal-bartis-doble.webp","Fitxa de l'habitació doble amb galeria de fotos",{"src":31,"width":24,"height":25,"alt":32},"\u002Fimages\u002Fprojects\u002Fhostal-bartis-historia.webp","Pàgina d'història de l'hostal",[34,35,36,37,38],"Laravel","PHP","Bootstrap","HTML","CSS",{"type":40,"children":41,"toc":99},"root",[42,51,57,63,88,94],{"type":43,"tag":44,"props":45,"children":47},"element","h2",{"id":46},"el-repte",[48],{"type":49,"value":50},"text","El repte",{"type":43,"tag":52,"props":53,"children":54},"p",{},[55],{"type":49,"value":56},"L'Hostal Bartis, un negoci familiar de Figueres fundat el 1909, necessitava un web que transmetés l'ambient de la casa, mostrés les habitacions i els serveis, i li permetés rebre sol·licituds de reserva directament, sense dependre només de les plataformes de reserves.",{"type":43,"tag":44,"props":58,"children":60},{"id":59},"què-vaig-fer",[61],{"type":49,"value":62},"Què vaig fer",{"type":43,"tag":64,"props":65,"children":66},"ul",{},[67,73,78,83],{"type":43,"tag":68,"props":69,"children":70},"li",{},[71],{"type":49,"value":72},"Vaig dissenyar i desenvolupar el web amb Laravel i Bootstrap, adaptat a mòbils.",{"type":43,"tag":68,"props":74,"children":75},{},[76],{"type":49,"value":77},"El vaig muntar sobre el meu CMS propi perquè els propietaris poguessin actualitzar textos, fotos i habitacions des d'un panell.",{"type":43,"tag":68,"props":79,"children":80},{},[81],{"type":49,"value":82},"Els continguts eren en català, castellà i anglès, pensant en el visitant estranger.",{"type":43,"tag":68,"props":84,"children":85},{},[86],{"type":49,"value":87},"Hi vaig afegir un formulari de contacte i de reserva.",{"type":43,"tag":44,"props":89,"children":91},{"id":90},"resultat",[92],{"type":49,"value":93},"Resultat",{"type":43,"tag":52,"props":95,"children":96},{},[97],{"type":49,"value":98},"El web és en línia des del 2020, i des de llavors els propietaris en gestionen el contingut de manera autònoma.",{"title":7,"searchDepth":100,"depth":100,"links":101},2,[102,103,104],{"id":46,"depth":100,"text":50},{"id":59,"depth":100,"text":62},{"id":90,"depth":100,"text":93},"markdown","content:ca:projects:hostal-bartis.md","content","ca\u002Fprojects\u002Fhostal-bartis.md","ca\u002Fprojects\u002Fhostal-bartis","md",[112,175,250,334,414,477,545,597,657,721,786],{"_path":113,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":114,"description":7,"slug":115,"order":116,"category":11,"sector":117,"year":118,"role":14,"status":15,"outstanding":119,"url":120,"image":121,"imageWidth":24,"imageHeight":25,"summary":122,"technologies":123,"body":125,"_type":105,"_id":172,"_source":107,"_file":173,"_stem":174,"_extension":110},"\u002Fca\u002Fprojects\u002Fgelinet","Gelinet","gelinet",1,"Serveis de neteja","2021",true,"https:\u002F\u002Fgelinet.net","\u002Fimages\u002Fprojects\u002Fgelinet-2026.webp","Web multilingüe per a una empresa de neteja de Cassà de la Selva, ara en migració a un web estàtic més ràpid.",[34,35,36,37,124],"Sass",{"type":40,"children":126,"toc":167},[127,131,136,140,158,162],{"type":43,"tag":44,"props":128,"children":129},{"id":46},[130],{"type":49,"value":50},{"type":43,"tag":52,"props":132,"children":133},{},[134],{"type":49,"value":135},"Gelinet és una empresa de serveis de neteja de Cassà de la Selva (Girona) que treballa per a negocis i particulars de tota la comarca. Necessitava un web on explicar els seus serveis i la zona on treballa, i que pogués mantenir ella mateixa en català, castellà i anglès.",{"type":43,"tag":44,"props":137,"children":138},{"id":59},[139],{"type":49,"value":62},{"type":43,"tag":64,"props":141,"children":142},{},[143,148,153],{"type":43,"tag":68,"props":144,"children":145},{},[146],{"type":49,"value":147},"Vaig dissenyar i desenvolupar el web el 2021 amb Laravel, sobre un CMS propi que havia creat per als meus projectes de client.",{"type":43,"tag":68,"props":149,"children":150},{},[151],{"type":49,"value":152},"Els textos de cada idioma, les seccions i el blog es gestionaven des d'un panell d'administració, sense dependre de mi per a cada canvi.",{"type":43,"tag":68,"props":154,"children":155},{},[156],{"type":49,"value":157},"El 2026 l'estic migrant a un web 100% estàtic amb Nuxt i Tailwind, allotjat a Cloudflare Pages: sense base de dades ni servidor, i amb els formularis enviats amb Resend.",{"type":43,"tag":44,"props":159,"children":160},{"id":90},[161],{"type":49,"value":93},{"type":43,"tag":52,"props":163,"children":164},{},[165],{"type":49,"value":166},"El web ha estat en línia des del 2021 i és l'únic d'aquesta llista que encara es pot visitar. La nova versió estàtica és més ràpida, més segura i pràcticament no té cost de manteniment.",{"title":7,"searchDepth":100,"depth":100,"links":168},[169,170,171],{"id":46,"depth":100,"text":50},{"id":59,"depth":100,"text":62},{"id":90,"depth":100,"text":93},"content:ca:projects:gelinet.md","ca\u002Fprojects\u002Fgelinet.md","ca\u002Fprojects\u002Fgelinet",{"_path":176,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":177,"description":7,"slug":178,"order":100,"category":179,"sector":180,"year":181,"role":182,"status":183,"outstanding":6,"url":7,"image":184,"imageWidth":185,"imageHeight":186,"summary":187,"gallery":188,"technologies":194,"body":195,"_type":105,"_id":247,"_source":107,"_file":248,"_stem":249,"_extension":110},"\u002Fca\u002Fprojects\u002Fclica-t","Clica't","clica-t","Aplicació Web","Educació","2016","Desenvolupament full-stack","offline","\u002Fimages\u002Fprojects\u002Fclicat-home.webp",1920,1080,"Plataforma educativa per a escoles amb exàmens, exercicis, informes de progrés i comunicació amb les famílies.",[189],{"src":190,"width":191,"height":192,"alt":193},"\u002Fimages\u002Fprojects\u002Fclicat-deures.webp",1596,730,"Espai de l'alumne amb els deures assignats per assignatura",[35,36,37,38],{"type":40,"children":196,"toc":242},[197,201,206,210,233,237],{"type":43,"tag":44,"props":198,"children":199},{"id":46},[200],{"type":49,"value":50},{"type":43,"tag":52,"props":202,"children":203},{},[204],{"type":49,"value":205},"Clica't és una plataforma en línia per a escoles, pensada perquè el professorat pugui proposar activitats, avaluar l'alumnat i fer-ne el seguiment, i perquè les famílies puguin estar al cas del progrés dels seus fills.",{"type":43,"tag":44,"props":207,"children":208},{"id":59},[209],{"type":49,"value":62},{"type":43,"tag":64,"props":211,"children":212},{},[213,218,223,228],{"type":43,"tag":68,"props":214,"children":215},{},[216],{"type":49,"value":217},"Vaig començar a desenvolupar-la cap al 2016 i hi vaig anar afegint mòduls per a tres perfils: professorat, alumnat i famílies, cadascun amb el seu espai i els seus permisos.",{"type":43,"tag":68,"props":219,"children":220},{},[221],{"type":49,"value":222},"El professorat pot crear exàmens, llistes de problemes i quaderns d'exercicis, i organitzar l'alumnat en grups.",{"type":43,"tag":68,"props":224,"children":225},{},[226],{"type":49,"value":227},"Hi ha informes de progrés i de deures, amb exportació a Excel i PDF.",{"type":43,"tag":68,"props":229,"children":230},{},[231],{"type":49,"value":232},"Les famílies tenen el seu propi accés, amb informes i un xat amb el professorat.",{"type":43,"tag":44,"props":234,"children":235},{"id":90},[236],{"type":49,"value":93},{"type":43,"tag":52,"props":238,"children":239},{},[240],{"type":49,"value":241},"La plataforma es va fer servir a les escoles durant diversos cursos. Actualment ja no està en línia, però va ser el projecte on més vaig aprendre sobre aplicacions amb molts usuaris i rols diferents.",{"title":7,"searchDepth":100,"depth":100,"links":243},[244,245,246],{"id":46,"depth":100,"text":50},{"id":59,"depth":100,"text":62},{"id":90,"depth":100,"text":93},"content:ca:projects:clica-t.md","ca\u002Fprojects\u002Fclica-t.md","ca\u002Fprojects\u002Fclica-t",{"_path":251,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":252,"description":7,"slug":253,"order":254,"category":179,"sector":255,"year":256,"role":182,"status":15,"outstanding":119,"url":257,"image":258,"imageWidth":24,"imageHeight":25,"summary":259,"gallery":260,"technologies":267,"body":274,"_type":105,"_id":331,"_source":107,"_file":332,"_stem":333,"_extension":110},"\u002Fca\u002Fprojects\u002Fedicitnet","EdiCitNet","edicitnet",3,"Recerca · Medi ambient","2020–2024","https:\u002F\u002Fediblecitiesnetwork.com","\u002Fimages\u002Fprojects\u002Fedicitnet-2x.webp","Plataforma internacional del projecte europeu EdiCitNet sobre ciutats comestibles, desenvolupada amb l'ICRA.",[261,264],{"src":262,"width":24,"height":25,"alt":263},"\u002Fimages\u002Fprojects\u002Fedicitnet-cataleg.webp","Catàleg d'iniciatives i solucions amb el mapa interactiu",{"src":265,"width":24,"height":25,"alt":266},"\u002Fimages\u002Fprojects\u002Fedicitnet-esdeveniments.webp","Agenda d'esdeveniments amb filtres i mapa",[268,269,270,271,272,273],"Vue","Node.js","Express","MySQL","Leaflet","Vue I18n",{"type":40,"children":275,"toc":326},[276,280,285,289,317,321],{"type":43,"tag":44,"props":277,"children":278},{"id":46},[279],{"type":49,"value":50},{"type":43,"tag":52,"props":281,"children":282},{},[283],{"type":49,"value":284},"EdiCitNet (Edible Cities Network) és un projecte europeu Horizon 2020 sobre ciutats comestibles: horts urbans, cobertes verdes productives i altres iniciatives que integren la producció d'aliments a la ciutat. El projecte necessitava una plataforma en línia on ciutats, entitats i persones investigadores poguessin compartir aquestes solucions i aprendre les unes de les altres.",{"type":43,"tag":44,"props":286,"children":287},{"id":59},[288],{"type":49,"value":62},{"type":43,"tag":64,"props":290,"children":291},{},[292,297,302,307,312],{"type":43,"tag":68,"props":293,"children":294},{},[295],{"type":49,"value":296},"Com a freelance, vaig treballar amb l'equip de desenvolupament de l'ICRA (Institut Català de Recerca de l'Aigua) en dues versions de la plataforma, entre el 2020 i el 2024.",{"type":43,"tag":68,"props":298,"children":299},{},[300],{"type":49,"value":301},"La primera versió es va fer amb Vue 2 i Chart.js. La segona és una reescriptura completa amb Vue 3 i Vite.",{"type":43,"tag":68,"props":303,"children":304},{},[305],{"type":49,"value":306},"Vaig desenvolupar tant el frontend com l'API, amb Node.js, Express i MySQL. L'API inclou autenticació, pujada d'imatges i enviament de correus.",{"type":43,"tag":68,"props":308,"children":309},{},[310],{"type":49,"value":311},"La plataforma té un catàleg d'iniciatives i solucions amb mapa interactiu (Leaflet), perfils, notícies i esdeveniments, recursos, comunitat, preguntes i respostes i qüestionaris d'avaluació.",{"type":43,"tag":68,"props":313,"children":314},{},[315],{"type":49,"value":316},"Tota la interfície és multilingüe.",{"type":43,"tag":44,"props":318,"children":319},{"id":90},[320],{"type":49,"value":93},{"type":43,"tag":52,"props":322,"children":323},{},[324],{"type":49,"value":325},"La plataforma continua activa i dona servei a la xarxa internacional del projecte. Em va permetre col·laborar amb un equip de desenvolupament distribuït d'un centre de recerca.",{"title":7,"searchDepth":100,"depth":100,"links":327},[328,329,330],{"id":46,"depth":100,"text":50},{"id":59,"depth":100,"text":62},{"id":90,"depth":100,"text":93},"content:ca:projects:edicitnet.md","ca\u002Fprojects\u002Fedicitnet.md","ca\u002Fprojects\u002Fedicitnet",{"_path":335,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":336,"description":7,"slug":337,"order":338,"category":179,"sector":339,"year":340,"role":182,"status":15,"outstanding":119,"url":341,"image":342,"imageWidth":24,"imageHeight":25,"summary":343,"gallery":344,"technologies":351,"body":354,"_type":105,"_id":411,"_source":107,"_file":412,"_stem":413,"_extension":110},"\u002Fca\u002Fprojects\u002Fnat4wat","Nat4Wat","nat4wat",4,"Recerca · Aigua","2023–2025","https:\u002F\u002Fnat4wat.icra.cat","\u002Fimages\u002Fprojects\u002Fnat4wat-2x.webp","Eina web de l'ICRA per triar solucions basades en la natura per tractar, emmagatzemar i reutilitzar l'aigua.",[345,348],{"src":346,"width":24,"height":25,"alt":347},"\u002Fimages\u002Fprojects\u002Fnat4wat-solucions.webp","Catàleg de solucions basades en la natura",{"src":349,"width":24,"height":25,"alt":350},"\u002Fimages\u002Fprojects\u002Fnat4wat-casos.webp","Llistat de casos de mercat amb filtres",[352,268,353,269],"Nuxt 3","Pinia",{"type":40,"children":355,"toc":406},[356,360,365,369,397,401],{"type":43,"tag":44,"props":357,"children":358},{"id":46},[359],{"type":49,"value":50},{"type":43,"tag":52,"props":361,"children":362},{},[363],{"type":49,"value":364},"Nat4Wat és l'eina del projecte europeu MULTISOURCE, finançat pel programa Horizon 2020, per ajudar ajuntaments, empreses i tècnics a triar solucions basades en la natura (com els aiguamolls construïts) per tractar, emmagatzemar i reutilitzar l'aigua. Calia convertir els models i les dades de l'equip de recerca de l'ICRA en una eina que es pogués fer servir sense ser especialista.",{"type":43,"tag":44,"props":366,"children":367},{"id":59},[368],{"type":49,"value":62},{"type":43,"tag":64,"props":370,"children":371},{},[372,377,382,387,392],{"type":43,"tag":68,"props":373,"children":374},{},[375],{"type":49,"value":376},"Com a freelance, entre el 2023 i el 2025 vaig desenvolupar el frontend amb Nuxt 3 i Pinia i vaig contribuir a l'API amb Node.js, conjuntament amb l'equip de l'ICRA.",{"type":43,"tag":68,"props":378,"children":379},{},[380],{"type":49,"value":381},"La part central és «Find your solution», un assistent per passos: l'usuari defineix el seu escenari (aigua, contaminants, superfície, prioritats) i l'eina li proposa les solucions més adequades.",{"type":43,"tag":68,"props":383,"children":384},{},[385],{"type":49,"value":386},"Les solucions es comparen amb una anàlisi multicriteri amb gràfics, i se'n pot generar un informe.",{"type":43,"tag":68,"props":388,"children":389},{},[390],{"type":49,"value":391},"També hi ha un catàleg de solucions, publicacions científiques i casos de mercat, amb un circuit per acceptar-los i publicar-los.",{"type":43,"tag":68,"props":393,"children":394},{},[395],{"type":49,"value":396},"Completen l'eina els perfils d'usuari, els escenaris desats, el servei d'ajuda, les guies i les preguntes freqüents, tot adaptat a mòbils.",{"type":43,"tag":44,"props":398,"children":399},{"id":90},[400],{"type":49,"value":93},{"type":43,"tag":52,"props":402,"children":403},{},[404],{"type":49,"value":405},"L'eina és pública i continua activa a nat4wat.icra.cat.",{"title":7,"searchDepth":100,"depth":100,"links":407},[408,409,410],{"id":46,"depth":100,"text":50},{"id":59,"depth":100,"text":62},{"id":90,"depth":100,"text":93},"content:ca:projects:nat4wat.md","ca\u002Fprojects\u002Fnat4wat.md","ca\u002Fprojects\u002Fnat4wat",{"_path":415,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":416,"description":7,"slug":417,"order":418,"category":179,"sector":419,"year":420,"role":14,"status":421,"outstanding":6,"url":7,"image":422,"imageWidth":24,"imageHeight":25,"summary":423,"technologies":424,"body":427,"_type":105,"_id":474,"_source":107,"_file":475,"_stem":476,"_extension":110},"\u002Fca\u002Fprojects\u002Fenfaixapp","EnfaixApp","enfaixapp",5,"Cultura popular · Castells","2022","private","\u002Fimages\u002Fprojects\u002Fenfaixapp-2x.webp","Aplicació per organitzar una colla castellera: castellers, assajos, assistència i disseny de castells posició per posició.",[34,35,268,425,426],"Vuex","Tailwind CSS",{"type":40,"children":428,"toc":470},[429,433,438,442],{"type":43,"tag":44,"props":430,"children":431},{"id":46},[432],{"type":49,"value":50},{"type":43,"tag":52,"props":434,"children":435},{},[436],{"type":49,"value":437},"Organitzar una colla castellera vol dir saber qui vindrà a cada assaig i actuació, i decidir qui ocupa cada posició de la pinya i del tronc. Calia una eina que reunís tota aquesta informació en un sol lloc.",{"type":43,"tag":44,"props":439,"children":440},{"id":59},[441],{"type":49,"value":62},{"type":43,"tag":64,"props":443,"children":444},{},[445,450,455,460,465],{"type":43,"tag":68,"props":446,"children":447},{},[448],{"type":49,"value":449},"El 2022 vaig dissenyar i desenvolupar l'EnfaixApp, una aplicació web amb Laravel, Vue i Tailwind CSS.",{"type":43,"tag":68,"props":451,"children":452},{},[453],{"type":49,"value":454},"Cada casteller té la seva fitxa, amb les posicions on pot fer castells.",{"type":43,"tag":68,"props":456,"children":457},{},[458],{"type":49,"value":459},"Hi ha un calendari d'assajos i actuacions on cadascú confirma si hi anirà, i els responsables veuen l'assistència al moment.",{"type":43,"tag":68,"props":461,"children":462},{},[463],{"type":49,"value":464},"La part central és un dissenyador de castells amb plantilles: s'hi assigna cada casteller a la seva posició i es pot veure el castell sencer o la posició de cada persona.",{"type":43,"tag":68,"props":466,"children":467},{},[468],{"type":49,"value":469},"També té formularis amb respostes, notificacions, un registre d'activitat recent i rols amb permisos diferents.",{"title":7,"searchDepth":100,"depth":100,"links":471},[472,473],{"id":46,"depth":100,"text":50},{"id":59,"depth":100,"text":62},"content:ca:projects:enfaixapp.md","ca\u002Fprojects\u002Fenfaixapp.md","ca\u002Fprojects\u002Fenfaixapp",{"_path":478,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":479,"description":7,"slug":480,"order":481,"category":179,"sector":255,"year":482,"role":14,"status":421,"outstanding":6,"url":7,"image":483,"imageWidth":24,"imageHeight":25,"summary":484,"gallery":485,"technologies":489,"body":490,"_type":105,"_id":542,"_source":107,"_file":543,"_stem":544,"_extension":110},"\u002Fca\u002Fprojects\u002Ficra-workshop","Eina per a tallers participatius","icra-workshop",6,"2023","\u002Fimages\u002Fprojects\u002Ficra-workshop-2x.webp","Eina interactiva de l'ICRA per recollir vots en tallers i prioritzar beneficis, inconvenients i indicadors.",[486],{"src":487,"width":24,"height":25,"alt":488},"\u002Fimages\u002Fprojects\u002Ficra-workshop-top10.webp","Rànquing dels 10 aspectes més votats durant un taller (dades de prova)",[352,268,353,426],{"type":40,"children":491,"toc":537},[492,496,501,505,528,532],{"type":43,"tag":44,"props":493,"children":494},{"id":46},[495],{"type":49,"value":50},{"type":43,"tag":52,"props":497,"children":498},{},[499],{"type":49,"value":500},"En els tallers participatius de l'ICRA, els assistents valoren els beneficis i els inconvenients de diferents solucions per a la ciutat. Calia una eina per introduir els vots en directe i veure ràpidament quins aspectes eren prioritaris i amb quins indicadors es podien mesurar.",{"type":43,"tag":44,"props":502,"children":503},{"id":59},[504],{"type":49,"value":62},{"type":43,"tag":64,"props":506,"children":507},{},[508,513,518,523],{"type":43,"tag":68,"props":509,"children":510},{},[511],{"type":49,"value":512},"Va ser un encàrrec puntual: vaig desenvolupar una aplicació web amb Nuxt 3, Pinia i Tailwind CSS.",{"type":43,"tag":68,"props":514,"children":515},{},[516],{"type":49,"value":517},"Els beneficis s'organitzen en ambientals i socioeconòmics, i els inconvenients van a part. Per a cadascun s'introdueix el nombre de vots, i també s'hi poden afegir camps personalitzats durant el taller.",{"type":43,"tag":68,"props":519,"children":520},{},[521],{"type":49,"value":522},"Amb un clic, l'eina calcula el rànquing dels 10 aspectes més votats i en mostra els indicadors relacionats amb gràfics.",{"type":43,"tag":68,"props":524,"children":525},{},[526],{"type":49,"value":527},"Els indicadors i les seves relacions es carreguen des de fitxers CSV preparats per l'equip de recerca, i es poden actualitzar sense tocar el codi.",{"type":43,"tag":44,"props":529,"children":530},{"id":90},[531],{"type":49,"value":93},{"type":43,"tag":52,"props":533,"children":534},{},[535],{"type":49,"value":536},"Era una eina privada, pensada per a l'equip de l'ICRA, que es va anar ajustant amb el feedback dels tallers.",{"title":7,"searchDepth":100,"depth":100,"links":538},[539,540,541],{"id":46,"depth":100,"text":50},{"id":59,"depth":100,"text":62},{"id":90,"depth":100,"text":93},"content:ca:projects:icra-workshop.md","ca\u002Fprojects\u002Ficra-workshop.md","ca\u002Fprojects\u002Ficra-workshop",{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":7,"slug":9,"order":10,"category":11,"sector":12,"year":13,"role":14,"status":15,"outstanding":6,"url":16,"image":17,"imageWidth":18,"imageHeight":19,"summary":20,"gallery":546,"technologies":550,"body":551,"_type":105,"_id":106,"_source":107,"_file":108,"_stem":109,"_extension":110},[547,548,549],{"src":23,"width":24,"height":25,"alt":26},{"src":28,"width":24,"height":25,"alt":29},{"src":31,"width":24,"height":25,"alt":32},[34,35,36,37,38],{"type":40,"children":552,"toc":592},[553,557,561,565,584,588],{"type":43,"tag":44,"props":554,"children":555},{"id":46},[556],{"type":49,"value":50},{"type":43,"tag":52,"props":558,"children":559},{},[560],{"type":49,"value":56},{"type":43,"tag":44,"props":562,"children":563},{"id":59},[564],{"type":49,"value":62},{"type":43,"tag":64,"props":566,"children":567},{},[568,572,576,580],{"type":43,"tag":68,"props":569,"children":570},{},[571],{"type":49,"value":72},{"type":43,"tag":68,"props":573,"children":574},{},[575],{"type":49,"value":77},{"type":43,"tag":68,"props":577,"children":578},{},[579],{"type":49,"value":82},{"type":43,"tag":68,"props":581,"children":582},{},[583],{"type":49,"value":87},{"type":43,"tag":44,"props":585,"children":586},{"id":90},[587],{"type":49,"value":93},{"type":43,"tag":52,"props":589,"children":590},{},[591],{"type":49,"value":98},{"title":7,"searchDepth":100,"depth":100,"links":593},[594,595,596],{"id":46,"depth":100,"text":50},{"id":59,"depth":100,"text":62},{"id":90,"depth":100,"text":93},{"_path":598,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":599,"description":7,"slug":600,"order":601,"category":11,"sector":602,"year":603,"role":14,"status":183,"outstanding":6,"url":7,"image":604,"imageWidth":24,"imageHeight":25,"summary":605,"technologies":606,"body":607,"_type":105,"_id":654,"_source":107,"_file":655,"_stem":656,"_extension":110},"\u002Fca\u002Fprojects\u002Fmerce-paytuvi","Mercè Paytuví","merce-paytuvi",8,"Artesania tèxtil","2019","\u002Fimages\u002Fprojects\u002Fmerce-paytuvi-2x.webp","Web i blog per a una artesana tèxtil de Mont-ras, amb dues versions entre el 2019 i el 2023.",[34,35,36,37,38],{"type":40,"children":608,"toc":649},[609,613,618,622,640,644],{"type":43,"tag":44,"props":610,"children":611},{"id":46},[612],{"type":49,"value":50},{"type":43,"tag":52,"props":614,"children":615},{},[616],{"type":49,"value":617},"La Mercè Paytuví és una artesana tèxtil de Mont-ras que volia mostrar la seva obra i explicar el seu procés de treball, i publicar novetats sense haver de demanar ajuda cada vegada.",{"type":43,"tag":44,"props":619,"children":620},{"id":59},[621],{"type":49,"value":62},{"type":43,"tag":64,"props":623,"children":624},{},[625,630,635],{"type":43,"tag":68,"props":626,"children":627},{},[628],{"type":49,"value":629},"El 2019 vaig fer la primera versió del web amb Laravel, en català i anglès. Va ser un dels primers projectes on vaig fer servir el meu CMS propi.",{"type":43,"tag":68,"props":631,"children":632},{},[633],{"type":49,"value":634},"Entre el 2022 i el 2023 el vaig refer amb un disseny nou amb Bootstrap 5, i hi vaig afegir un blog amb categories i el castellà.",{"type":43,"tag":68,"props":636,"children":637},{},[638],{"type":49,"value":639},"Ella mateixa podia actualitzar textos, imatges i entrades del blog des del panell.",{"type":43,"tag":44,"props":641,"children":642},{"id":90},[643],{"type":49,"value":93},{"type":43,"tag":52,"props":645,"children":646},{},[647],{"type":49,"value":648},"Va ser una col·laboració de diversos anys que va acompanyar l'evolució del seu projecte. Actualment el web ja no està en línia.",{"title":7,"searchDepth":100,"depth":100,"links":650},[651,652,653],{"id":46,"depth":100,"text":50},{"id":59,"depth":100,"text":62},{"id":90,"depth":100,"text":93},"content:ca:projects:merce-paytuvi.md","ca\u002Fprojects\u002Fmerce-paytuvi.md","ca\u002Fprojects\u002Fmerce-paytuvi",{"_path":658,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":659,"description":7,"slug":660,"order":661,"category":11,"sector":662,"year":118,"role":14,"status":183,"outstanding":6,"url":7,"image":663,"imageWidth":24,"imageHeight":25,"summary":664,"technologies":665,"body":666,"_type":105,"_id":718,"_source":107,"_file":719,"_stem":720,"_extension":110},"\u002Fca\u002Fprojects\u002Fintegral","Integral","integral",9,"Serveis a empreses","\u002Fimages\u002Fprojects\u002Fintegral-2x.webp","Web corporativa multilingüe per a una empresa de serveis de Banyoles, gestionable des d'un panell propi.",[34,35,36,38,124],{"type":40,"children":667,"toc":713},[668,672,677,681,704,708],{"type":43,"tag":44,"props":669,"children":670},{"id":46},[671],{"type":49,"value":50},{"type":43,"tag":52,"props":673,"children":674},{},[675],{"type":49,"value":676},"Integral, una empresa de serveis de Banyoles, necessitava una web corporativa clara per presentar la seva activitat en diversos idiomes i poder-la actualitzar internament.",{"type":43,"tag":44,"props":678,"children":679},{"id":59},[680],{"type":49,"value":62},{"type":43,"tag":64,"props":682,"children":683},{},[684,689,694,699],{"type":43,"tag":68,"props":685,"children":686},{},[687],{"type":49,"value":688},"Vaig desenvolupar el web el 2021 amb Laravel, Bootstrap i Sass, sobre el meu CMS propi.",{"type":43,"tag":68,"props":690,"children":691},{},[692],{"type":49,"value":693},"Els continguts eren en català, castellà i anglès, amb seccions i plantilles configurables i un blog amb categories.",{"type":43,"tag":68,"props":695,"children":696},{},[697],{"type":49,"value":698},"Hi vaig afegir un formulari de contacte i la integració amb eines d'analítica.",{"type":43,"tag":68,"props":700,"children":701},{},[702],{"type":49,"value":703},"Després del llançament, també em vaig encarregar de la gestió del correu, els dominis i els servidors.",{"type":43,"tag":44,"props":705,"children":706},{"id":90},[707],{"type":49,"value":93},{"type":43,"tag":52,"props":709,"children":710},{},[711],{"type":49,"value":712},"L'empresa va tenir un web que podia gestionar de manera autònoma. Actualment ja no està en línia.",{"title":7,"searchDepth":100,"depth":100,"links":714},[715,716,717],{"id":46,"depth":100,"text":50},{"id":59,"depth":100,"text":62},{"id":90,"depth":100,"text":93},"content:ca:projects:integral.md","ca\u002Fprojects\u002Fintegral.md","ca\u002Fprojects\u002Fintegral",{"_path":722,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":723,"description":7,"slug":724,"order":725,"category":11,"sector":726,"year":118,"role":14,"status":183,"outstanding":6,"url":7,"image":727,"imageWidth":24,"imageHeight":25,"summary":728,"gallery":729,"technologies":733,"body":736,"_type":105,"_id":783,"_source":107,"_file":784,"_stem":785,"_extension":110},"\u002Fca\u002Fprojects\u002Fdavid-busquets","David Busquets","david-busquets",10,"Música","\u002Fimages\u002Fprojects\u002Fdavidbusquets-2x.webp","Web per a un músic amb galeria, videoclips, llista de reproducció i dates de concerts.",[730],{"src":731,"width":24,"height":25,"alt":732},"\u002Fimages\u002Fprojects\u002Fdavidbusquets-albums.webp","Secció d'àlbums amb enllaços a les plataformes de música",[268,734,735],"Tailwind","Vite",{"type":40,"children":737,"toc":778},[738,742,747,751,769,773],{"type":43,"tag":44,"props":739,"children":740},{"id":46},[741],{"type":49,"value":50},{"type":43,"tag":52,"props":743,"children":744},{},[745],{"type":49,"value":746},"El músic David Busquets volia un web lleuger que reunís tota la seva activitat: música, vídeos, fotos i propers concerts.",{"type":43,"tag":44,"props":748,"children":749},{"id":59},[750],{"type":49,"value":62},{"type":43,"tag":64,"props":752,"children":753},{},[754,759,764],{"type":43,"tag":68,"props":755,"children":756},{},[757],{"type":49,"value":758},"Vaig crear una aplicació d'una sola pàgina amb Vue 3, Vite i Tailwind CSS, ràpida i adaptada a mòbils.",{"type":43,"tag":68,"props":760,"children":761},{},[762],{"type":49,"value":763},"Vaig fer components específics: galeria de fotos, videoclips, llista de reproducció i un calendari de concerts.",{"type":43,"tag":68,"props":765,"children":766},{},[767],{"type":49,"value":768},"El web era multilingüe, amb canvi d'idioma sense recarregar la pàgina.",{"type":43,"tag":44,"props":770,"children":771},{"id":90},[772],{"type":49,"value":93},{"type":43,"tag":52,"props":774,"children":775},{},[776],{"type":49,"value":777},"El web va reunir en un sol lloc tota l'activitat del músic. Actualment ja no està en línia.",{"title":7,"searchDepth":100,"depth":100,"links":779},[780,781,782],{"id":46,"depth":100,"text":50},{"id":59,"depth":100,"text":62},{"id":90,"depth":100,"text":93},"content:ca:projects:david-busquets.md","ca\u002Fprojects\u002Fdavid-busquets.md","ca\u002Fprojects\u002Fdavid-busquets",{"_path":787,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":788,"description":7,"slug":789,"order":790,"category":11,"sector":791,"year":792,"role":14,"status":15,"outstanding":6,"url":793,"image":794,"imageWidth":795,"imageHeight":796,"summary":797,"technologies":798,"body":804,"_type":105,"_id":856,"_source":107,"_file":857,"_stem":858,"_extension":110},"\u002Fca\u002Fprojects\u002Fdavid-crous","David Crous","david-crous",11,"Portafoli personal","2026","https:\u002F\u002Fcrousmayne.com","\u002Fimages\u002Fprojects\u002Fdavidcrous-home.webp",3582,1870,"Aquest mateix web: estàtic, en tres idiomes i allotjat a Cloudflare Pages.",[352,799,800,801,802,803],"Vue 3","Tailwind 4","Nuxt Content","Nuxt i18n","Figma",{"type":40,"children":805,"toc":851},[806,810,815,819,842,846],{"type":43,"tag":44,"props":807,"children":808},{"id":46},[809],{"type":49,"value":50},{"type":43,"tag":52,"props":811,"children":812},{},[813],{"type":49,"value":814},"El meu web anterior depenia d'un CMS amb servidor i base de dades. Volia un web més ràpid, més senzill de mantenir i que no em costés res tenir en línia.",{"type":43,"tag":44,"props":816,"children":817},{"id":59},[818],{"type":49,"value":62},{"type":43,"tag":64,"props":820,"children":821},{},[822,827,832,837],{"type":43,"tag":68,"props":823,"children":824},{},[825],{"type":49,"value":826},"El vaig redissenyar i desenvolupar des de zero amb Nuxt 3, Tailwind 4 i Nuxt Content, amb tot el contingut en fitxers Markdown.",{"type":43,"tag":68,"props":828,"children":829},{},[830],{"type":49,"value":831},"Totes les pàgines es generen com a HTML estàtic, en català, castellà i anglès.",{"type":43,"tag":68,"props":833,"children":834},{},[835],{"type":49,"value":836},"Està allotjat a Cloudflare Pages: es publica automàticament amb cada canvi i mesura les visites sense galetes.",{"type":43,"tag":68,"props":838,"children":839},{},[840],{"type":49,"value":841},"Té SEO per idioma (hreflang, sitemap i Schema.org) i un hero amb una animació de partícules interactiva.",{"type":43,"tag":44,"props":843,"children":844},{"id":90},[845],{"type":49,"value":93},{"type":43,"tag":52,"props":847,"children":848},{},[849],{"type":49,"value":850},"És el web que estàs veient ara.",{"title":7,"searchDepth":100,"depth":100,"links":852},[853,854,855],{"id":46,"depth":100,"text":50},{"id":59,"depth":100,"text":62},{"id":90,"depth":100,"text":93},"content:ca:projects:david-crous.md","ca\u002Fprojects\u002Fdavid-crous.md","ca\u002Fprojects\u002Fdavid-crous",1791375141599]