[{"data":1,"prerenderedAt":846},["ShallowReactive",2],{"project-gelinet":3,"project-nav-gelinet":95},{"_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":16,"url":17,"image":18,"imageWidth":19,"imageHeight":20,"summary":21,"technologies":22,"body":28,"_type":89,"_id":90,"_source":91,"_file":92,"_stem":93,"_extension":94},"\u002Fca\u002Fprojects\u002Fgelinet","projects",false,"","Gelinet","gelinet",1,"Pàgina Web","Serveis de neteja","2021","Disseny i desenvolupament full-stack","online",true,"https:\u002F\u002Fgelinet.net","\u002Fimages\u002Fprojects\u002Fgelinet-2026.webp",2560,1440,"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.",[23,24,25,26,27],"Laravel","PHP","Bootstrap","HTML","Sass",{"type":29,"children":30,"toc":83},"root",[31,40,46,52,72,78],{"type":32,"tag":33,"props":34,"children":36},"element","h2",{"id":35},"el-repte",[37],{"type":38,"value":39},"text","El repte",{"type":32,"tag":41,"props":42,"children":43},"p",{},[44],{"type":38,"value":45},"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":32,"tag":33,"props":47,"children":49},{"id":48},"què-vaig-fer",[50],{"type":38,"value":51},"Què vaig fer",{"type":32,"tag":53,"props":54,"children":55},"ul",{},[56,62,67],{"type":32,"tag":57,"props":58,"children":59},"li",{},[60],{"type":38,"value":61},"Vaig dissenyar i desenvolupar el web el 2021 amb Laravel, sobre un CMS propi que havia creat per als meus projectes de client.",{"type":32,"tag":57,"props":63,"children":64},{},[65],{"type":38,"value":66},"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":32,"tag":57,"props":68,"children":69},{},[70],{"type":38,"value":71},"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":32,"tag":33,"props":73,"children":75},{"id":74},"resultat",[76],{"type":38,"value":77},"Resultat",{"type":32,"tag":41,"props":79,"children":80},{},[81],{"type":38,"value":82},"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":84,"depth":84,"links":85},2,[86,87,88],{"id":35,"depth":84,"text":39},{"id":48,"depth":84,"text":51},{"id":74,"depth":84,"text":77},"markdown","content:ca:projects:gelinet.md","content","ca\u002Fprojects\u002Fgelinet.md","ca\u002Fprojects\u002Fgelinet","md",[96,140,216,300,380,443,511,589,649,708,773],{"_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":16,"url":17,"image":18,"imageWidth":19,"imageHeight":20,"summary":21,"technologies":97,"body":98,"_type":89,"_id":90,"_source":91,"_file":92,"_stem":93,"_extension":94},[23,24,25,26,27],{"type":29,"children":99,"toc":135},[100,104,108,112,127,131],{"type":32,"tag":33,"props":101,"children":102},{"id":35},[103],{"type":38,"value":39},{"type":32,"tag":41,"props":105,"children":106},{},[107],{"type":38,"value":45},{"type":32,"tag":33,"props":109,"children":110},{"id":48},[111],{"type":38,"value":51},{"type":32,"tag":53,"props":113,"children":114},{},[115,119,123],{"type":32,"tag":57,"props":116,"children":117},{},[118],{"type":38,"value":61},{"type":32,"tag":57,"props":120,"children":121},{},[122],{"type":38,"value":66},{"type":32,"tag":57,"props":124,"children":125},{},[126],{"type":38,"value":71},{"type":32,"tag":33,"props":128,"children":129},{"id":74},[130],{"type":38,"value":77},{"type":32,"tag":41,"props":132,"children":133},{},[134],{"type":38,"value":82},{"title":7,"searchDepth":84,"depth":84,"links":136},[137,138,139],{"id":35,"depth":84,"text":39},{"id":48,"depth":84,"text":51},{"id":74,"depth":84,"text":77},{"_path":141,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":142,"description":7,"slug":143,"order":84,"category":144,"sector":145,"year":146,"role":147,"status":148,"outstanding":6,"url":7,"image":149,"imageWidth":150,"imageHeight":151,"summary":152,"gallery":153,"technologies":159,"body":161,"_type":89,"_id":213,"_source":91,"_file":214,"_stem":215,"_extension":94},"\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.",[154],{"src":155,"width":156,"height":157,"alt":158},"\u002Fimages\u002Fprojects\u002Fclicat-deures.webp",1596,730,"Espai de l'alumne amb els deures assignats per assignatura",[24,25,26,160],"CSS",{"type":29,"children":162,"toc":208},[163,167,172,176,199,203],{"type":32,"tag":33,"props":164,"children":165},{"id":35},[166],{"type":38,"value":39},{"type":32,"tag":41,"props":168,"children":169},{},[170],{"type":38,"value":171},"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":32,"tag":33,"props":173,"children":174},{"id":48},[175],{"type":38,"value":51},{"type":32,"tag":53,"props":177,"children":178},{},[179,184,189,194],{"type":32,"tag":57,"props":180,"children":181},{},[182],{"type":38,"value":183},"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":32,"tag":57,"props":185,"children":186},{},[187],{"type":38,"value":188},"El professorat pot crear exàmens, llistes de problemes i quaderns d'exercicis, i organitzar l'alumnat en grups.",{"type":32,"tag":57,"props":190,"children":191},{},[192],{"type":38,"value":193},"Hi ha informes de progrés i de deures, amb exportació a Excel i PDF.",{"type":32,"tag":57,"props":195,"children":196},{},[197],{"type":38,"value":198},"Les famílies tenen el seu propi accés, amb informes i un xat amb el professorat.",{"type":32,"tag":33,"props":200,"children":201},{"id":74},[202],{"type":38,"value":77},{"type":32,"tag":41,"props":204,"children":205},{},[206],{"type":38,"value":207},"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":84,"depth":84,"links":209},[210,211,212],{"id":35,"depth":84,"text":39},{"id":48,"depth":84,"text":51},{"id":74,"depth":84,"text":77},"content:ca:projects:clica-t.md","ca\u002Fprojects\u002Fclica-t.md","ca\u002Fprojects\u002Fclica-t",{"_path":217,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":218,"description":7,"slug":219,"order":220,"category":144,"sector":221,"year":222,"role":147,"status":15,"outstanding":16,"url":223,"image":224,"imageWidth":19,"imageHeight":20,"summary":225,"gallery":226,"technologies":233,"body":240,"_type":89,"_id":297,"_source":91,"_file":298,"_stem":299,"_extension":94},"\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.",[227,230],{"src":228,"width":19,"height":20,"alt":229},"\u002Fimages\u002Fprojects\u002Fedicitnet-cataleg.webp","Catàleg d'iniciatives i solucions amb el mapa interactiu",{"src":231,"width":19,"height":20,"alt":232},"\u002Fimages\u002Fprojects\u002Fedicitnet-esdeveniments.webp","Agenda d'esdeveniments amb filtres i mapa",[234,235,236,237,238,239],"Vue","Node.js","Express","MySQL","Leaflet","Vue I18n",{"type":29,"children":241,"toc":292},[242,246,251,255,283,287],{"type":32,"tag":33,"props":243,"children":244},{"id":35},[245],{"type":38,"value":39},{"type":32,"tag":41,"props":247,"children":248},{},[249],{"type":38,"value":250},"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":32,"tag":33,"props":252,"children":253},{"id":48},[254],{"type":38,"value":51},{"type":32,"tag":53,"props":256,"children":257},{},[258,263,268,273,278],{"type":32,"tag":57,"props":259,"children":260},{},[261],{"type":38,"value":262},"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":32,"tag":57,"props":264,"children":265},{},[266],{"type":38,"value":267},"La primera versió es va fer amb Vue 2 i Chart.js. La segona és una reescriptura completa amb Vue 3 i Vite.",{"type":32,"tag":57,"props":269,"children":270},{},[271],{"type":38,"value":272},"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":32,"tag":57,"props":274,"children":275},{},[276],{"type":38,"value":277},"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":32,"tag":57,"props":279,"children":280},{},[281],{"type":38,"value":282},"Tota la interfície és multilingüe.",{"type":32,"tag":33,"props":284,"children":285},{"id":74},[286],{"type":38,"value":77},{"type":32,"tag":41,"props":288,"children":289},{},[290],{"type":38,"value":291},"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":84,"depth":84,"links":293},[294,295,296],{"id":35,"depth":84,"text":39},{"id":48,"depth":84,"text":51},{"id":74,"depth":84,"text":77},"content:ca:projects:edicitnet.md","ca\u002Fprojects\u002Fedicitnet.md","ca\u002Fprojects\u002Fedicitnet",{"_path":301,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":302,"description":7,"slug":303,"order":304,"category":144,"sector":305,"year":306,"role":147,"status":15,"outstanding":16,"url":307,"image":308,"imageWidth":19,"imageHeight":20,"summary":309,"gallery":310,"technologies":317,"body":320,"_type":89,"_id":377,"_source":91,"_file":378,"_stem":379,"_extension":94},"\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.",[311,314],{"src":312,"width":19,"height":20,"alt":313},"\u002Fimages\u002Fprojects\u002Fnat4wat-solucions.webp","Catàleg de solucions basades en la natura",{"src":315,"width":19,"height":20,"alt":316},"\u002Fimages\u002Fprojects\u002Fnat4wat-casos.webp","Llistat de casos de mercat amb filtres",[318,234,319,235],"Nuxt 3","Pinia",{"type":29,"children":321,"toc":372},[322,326,331,335,363,367],{"type":32,"tag":33,"props":323,"children":324},{"id":35},[325],{"type":38,"value":39},{"type":32,"tag":41,"props":327,"children":328},{},[329],{"type":38,"value":330},"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":32,"tag":33,"props":332,"children":333},{"id":48},[334],{"type":38,"value":51},{"type":32,"tag":53,"props":336,"children":337},{},[338,343,348,353,358],{"type":32,"tag":57,"props":339,"children":340},{},[341],{"type":38,"value":342},"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":32,"tag":57,"props":344,"children":345},{},[346],{"type":38,"value":347},"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":32,"tag":57,"props":349,"children":350},{},[351],{"type":38,"value":352},"Les solucions es comparen amb una anàlisi multicriteri amb gràfics, i se'n pot generar un informe.",{"type":32,"tag":57,"props":354,"children":355},{},[356],{"type":38,"value":357},"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":32,"tag":57,"props":359,"children":360},{},[361],{"type":38,"value":362},"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":32,"tag":33,"props":364,"children":365},{"id":74},[366],{"type":38,"value":77},{"type":32,"tag":41,"props":368,"children":369},{},[370],{"type":38,"value":371},"L'eina és pública i continua activa a nat4wat.icra.cat.",{"title":7,"searchDepth":84,"depth":84,"links":373},[374,375,376],{"id":35,"depth":84,"text":39},{"id":48,"depth":84,"text":51},{"id":74,"depth":84,"text":77},"content:ca:projects:nat4wat.md","ca\u002Fprojects\u002Fnat4wat.md","ca\u002Fprojects\u002Fnat4wat",{"_path":381,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":382,"description":7,"slug":383,"order":384,"category":144,"sector":385,"year":386,"role":14,"status":387,"outstanding":6,"url":7,"image":388,"imageWidth":19,"imageHeight":20,"summary":389,"technologies":390,"body":393,"_type":89,"_id":440,"_source":91,"_file":441,"_stem":442,"_extension":94},"\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ó.",[23,24,234,391,392],"Vuex","Tailwind CSS",{"type":29,"children":394,"toc":436},[395,399,404,408],{"type":32,"tag":33,"props":396,"children":397},{"id":35},[398],{"type":38,"value":39},{"type":32,"tag":41,"props":400,"children":401},{},[402],{"type":38,"value":403},"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":32,"tag":33,"props":405,"children":406},{"id":48},[407],{"type":38,"value":51},{"type":32,"tag":53,"props":409,"children":410},{},[411,416,421,426,431],{"type":32,"tag":57,"props":412,"children":413},{},[414],{"type":38,"value":415},"El 2022 vaig dissenyar i desenvolupar l'EnfaixApp, una aplicació web amb Laravel, Vue i Tailwind CSS.",{"type":32,"tag":57,"props":417,"children":418},{},[419],{"type":38,"value":420},"Cada casteller té la seva fitxa, amb les posicions on pot fer castells.",{"type":32,"tag":57,"props":422,"children":423},{},[424],{"type":38,"value":425},"Hi ha un calendari d'assajos i actuacions on cadascú confirma si hi anirà, i els responsables veuen l'assistència al moment.",{"type":32,"tag":57,"props":427,"children":428},{},[429],{"type":38,"value":430},"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":32,"tag":57,"props":432,"children":433},{},[434],{"type":38,"value":435},"També té formularis amb respostes, notificacions, un registre d'activitat recent i rols amb permisos diferents.",{"title":7,"searchDepth":84,"depth":84,"links":437},[438,439],{"id":35,"depth":84,"text":39},{"id":48,"depth":84,"text":51},"content:ca:projects:enfaixapp.md","ca\u002Fprojects\u002Fenfaixapp.md","ca\u002Fprojects\u002Fenfaixapp",{"_path":444,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":445,"description":7,"slug":446,"order":447,"category":144,"sector":221,"year":448,"role":14,"status":387,"outstanding":6,"url":7,"image":449,"imageWidth":19,"imageHeight":20,"summary":450,"gallery":451,"technologies":455,"body":456,"_type":89,"_id":508,"_source":91,"_file":509,"_stem":510,"_extension":94},"\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.",[452],{"src":453,"width":19,"height":20,"alt":454},"\u002Fimages\u002Fprojects\u002Ficra-workshop-top10.webp","Rànquing dels 10 aspectes més votats durant un taller (dades de prova)",[318,234,319,392],{"type":29,"children":457,"toc":503},[458,462,467,471,494,498],{"type":32,"tag":33,"props":459,"children":460},{"id":35},[461],{"type":38,"value":39},{"type":32,"tag":41,"props":463,"children":464},{},[465],{"type":38,"value":466},"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":32,"tag":33,"props":468,"children":469},{"id":48},[470],{"type":38,"value":51},{"type":32,"tag":53,"props":472,"children":473},{},[474,479,484,489],{"type":32,"tag":57,"props":475,"children":476},{},[477],{"type":38,"value":478},"Va ser un encàrrec puntual: vaig desenvolupar una aplicació web amb Nuxt 3, Pinia i Tailwind CSS.",{"type":32,"tag":57,"props":480,"children":481},{},[482],{"type":38,"value":483},"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":32,"tag":57,"props":485,"children":486},{},[487],{"type":38,"value":488},"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":32,"tag":57,"props":490,"children":491},{},[492],{"type":38,"value":493},"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":32,"tag":33,"props":495,"children":496},{"id":74},[497],{"type":38,"value":77},{"type":32,"tag":41,"props":499,"children":500},{},[501],{"type":38,"value":502},"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":84,"depth":84,"links":504},[505,506,507],{"id":35,"depth":84,"text":39},{"id":48,"depth":84,"text":51},{"id":74,"depth":84,"text":77},"content:ca:projects:icra-workshop.md","ca\u002Fprojects\u002Ficra-workshop.md","ca\u002Fprojects\u002Ficra-workshop",{"_path":512,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":513,"description":7,"slug":514,"order":515,"category":11,"sector":516,"year":517,"role":14,"status":15,"outstanding":6,"url":518,"image":519,"imageWidth":520,"imageHeight":521,"summary":522,"gallery":523,"technologies":533,"body":534,"_type":89,"_id":586,"_source":91,"_file":587,"_stem":588,"_extension":94},"\u002Fca\u002Fprojects\u002Fhostal-bartis","Hostal Bartis","hostal-bartis",7,"Turisme","2020","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.",[524,527,530],{"src":525,"width":19,"height":20,"alt":526},"\u002Fimages\u002Fprojects\u002Fhostal-bartis-habitacions.webp","Pàgina d'habitacions",{"src":528,"width":19,"height":20,"alt":529},"\u002Fimages\u002Fprojects\u002Fhostal-bartis-doble.webp","Fitxa de l'habitació doble amb galeria de fotos",{"src":531,"width":19,"height":20,"alt":532},"\u002Fimages\u002Fprojects\u002Fhostal-bartis-historia.webp","Pàgina d'història de l'hostal",[23,24,25,26,160],{"type":29,"children":535,"toc":581},[536,540,545,549,572,576],{"type":32,"tag":33,"props":537,"children":538},{"id":35},[539],{"type":38,"value":39},{"type":32,"tag":41,"props":541,"children":542},{},[543],{"type":38,"value":544},"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":32,"tag":33,"props":546,"children":547},{"id":48},[548],{"type":38,"value":51},{"type":32,"tag":53,"props":550,"children":551},{},[552,557,562,567],{"type":32,"tag":57,"props":553,"children":554},{},[555],{"type":38,"value":556},"Vaig dissenyar i desenvolupar el web amb Laravel i Bootstrap, adaptat a mòbils.",{"type":32,"tag":57,"props":558,"children":559},{},[560],{"type":38,"value":561},"El vaig muntar sobre el meu CMS propi perquè els propietaris poguessin actualitzar textos, fotos i habitacions des d'un panell.",{"type":32,"tag":57,"props":563,"children":564},{},[565],{"type":38,"value":566},"Els continguts eren en català, castellà i anglès, pensant en el visitant estranger.",{"type":32,"tag":57,"props":568,"children":569},{},[570],{"type":38,"value":571},"Hi vaig afegir un formulari de contacte i de reserva.",{"type":32,"tag":33,"props":573,"children":574},{"id":74},[575],{"type":38,"value":77},{"type":32,"tag":41,"props":577,"children":578},{},[579],{"type":38,"value":580},"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":84,"depth":84,"links":582},[583,584,585],{"id":35,"depth":84,"text":39},{"id":48,"depth":84,"text":51},{"id":74,"depth":84,"text":77},"content:ca:projects:hostal-bartis.md","ca\u002Fprojects\u002Fhostal-bartis.md","ca\u002Fprojects\u002Fhostal-bartis",{"_path":590,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":591,"description":7,"slug":592,"order":593,"category":11,"sector":594,"year":595,"role":14,"status":148,"outstanding":6,"url":7,"image":596,"imageWidth":19,"imageHeight":20,"summary":597,"technologies":598,"body":599,"_type":89,"_id":646,"_source":91,"_file":647,"_stem":648,"_extension":94},"\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.",[23,24,25,26,160],{"type":29,"children":600,"toc":641},[601,605,610,614,632,636],{"type":32,"tag":33,"props":602,"children":603},{"id":35},[604],{"type":38,"value":39},{"type":32,"tag":41,"props":606,"children":607},{},[608],{"type":38,"value":609},"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":32,"tag":33,"props":611,"children":612},{"id":48},[613],{"type":38,"value":51},{"type":32,"tag":53,"props":615,"children":616},{},[617,622,627],{"type":32,"tag":57,"props":618,"children":619},{},[620],{"type":38,"value":621},"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":32,"tag":57,"props":623,"children":624},{},[625],{"type":38,"value":626},"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":32,"tag":57,"props":628,"children":629},{},[630],{"type":38,"value":631},"Ella mateixa podia actualitzar textos, imatges i entrades del blog des del panell.",{"type":32,"tag":33,"props":633,"children":634},{"id":74},[635],{"type":38,"value":77},{"type":32,"tag":41,"props":637,"children":638},{},[639],{"type":38,"value":640},"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":84,"depth":84,"links":642},[643,644,645],{"id":35,"depth":84,"text":39},{"id":48,"depth":84,"text":51},{"id":74,"depth":84,"text":77},"content:ca:projects:merce-paytuvi.md","ca\u002Fprojects\u002Fmerce-paytuvi.md","ca\u002Fprojects\u002Fmerce-paytuvi",{"_path":650,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":651,"description":7,"slug":652,"order":653,"category":11,"sector":654,"year":13,"role":14,"status":148,"outstanding":6,"url":7,"image":655,"imageWidth":19,"imageHeight":20,"summary":656,"technologies":657,"body":658,"_type":89,"_id":705,"_source":91,"_file":706,"_stem":707,"_extension":94},"\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.",[23,24,25,160,27],{"type":29,"children":659,"toc":700},[660,664,669,673,691,695],{"type":32,"tag":33,"props":661,"children":662},{"id":35},[663],{"type":38,"value":39},{"type":32,"tag":41,"props":665,"children":666},{},[667],{"type":38,"value":668},"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":32,"tag":33,"props":670,"children":671},{"id":48},[672],{"type":38,"value":51},{"type":32,"tag":53,"props":674,"children":675},{},[676,681,686],{"type":32,"tag":57,"props":677,"children":678},{},[679],{"type":38,"value":680},"Vaig desenvolupar el web el 2021 amb Laravel, Bootstrap i Sass, sobre el meu CMS propi.",{"type":32,"tag":57,"props":682,"children":683},{},[684],{"type":38,"value":685},"Els continguts eren en català, castellà i anglès, amb seccions i plantilles configurables i un blog amb categories.",{"type":32,"tag":57,"props":687,"children":688},{},[689],{"type":38,"value":690},"Hi vaig afegir un formulari de contacte i la integració amb eines d'analítica.",{"type":32,"tag":33,"props":692,"children":693},{"id":74},[694],{"type":38,"value":77},{"type":32,"tag":41,"props":696,"children":697},{},[698],{"type":38,"value":699},"L'empresa va tenir un web que podia gestionar de manera autònoma. Actualment ja no està en línia.",{"title":7,"searchDepth":84,"depth":84,"links":701},[702,703,704],{"id":35,"depth":84,"text":39},{"id":48,"depth":84,"text":51},{"id":74,"depth":84,"text":77},"content:ca:projects:integral.md","ca\u002Fprojects\u002Fintegral.md","ca\u002Fprojects\u002Fintegral",{"_path":709,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":710,"description":7,"slug":711,"order":712,"category":11,"sector":713,"year":13,"role":14,"status":148,"outstanding":6,"url":7,"image":714,"imageWidth":19,"imageHeight":20,"summary":715,"gallery":716,"technologies":720,"body":723,"_type":89,"_id":770,"_source":91,"_file":771,"_stem":772,"_extension":94},"\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.",[717],{"src":718,"width":19,"height":20,"alt":719},"\u002Fimages\u002Fprojects\u002Fdavidbusquets-albums.webp","Secció d'àlbums amb enllaços a les plataformes de música",[234,721,722],"Tailwind","Vite",{"type":29,"children":724,"toc":765},[725,729,734,738,756,760],{"type":32,"tag":33,"props":726,"children":727},{"id":35},[728],{"type":38,"value":39},{"type":32,"tag":41,"props":730,"children":731},{},[732],{"type":38,"value":733},"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":32,"tag":33,"props":735,"children":736},{"id":48},[737],{"type":38,"value":51},{"type":32,"tag":53,"props":739,"children":740},{},[741,746,751],{"type":32,"tag":57,"props":742,"children":743},{},[744],{"type":38,"value":745},"Vaig crear una aplicació d'una sola pàgina amb Vue 3, Vite i Tailwind CSS, ràpida i adaptada a mòbils.",{"type":32,"tag":57,"props":747,"children":748},{},[749],{"type":38,"value":750},"Vaig fer components específics: galeria de fotos, videoclips, llista de reproducció i un calendari de concerts.",{"type":32,"tag":57,"props":752,"children":753},{},[754],{"type":38,"value":755},"El web era multilingüe, amb canvi d'idioma sense recarregar la pàgina.",{"type":32,"tag":33,"props":757,"children":758},{"id":74},[759],{"type":38,"value":77},{"type":32,"tag":41,"props":761,"children":762},{},[763],{"type":38,"value":764},"El web va reunir en un sol lloc tota l'activitat del músic. Actualment ja no està en línia.",{"title":7,"searchDepth":84,"depth":84,"links":766},[767,768,769],{"id":35,"depth":84,"text":39},{"id":48,"depth":84,"text":51},{"id":74,"depth":84,"text":77},"content:ca:projects:david-busquets.md","ca\u002Fprojects\u002Fdavid-busquets.md","ca\u002Fprojects\u002Fdavid-busquets",{"_path":774,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":775,"description":7,"slug":776,"order":777,"category":11,"sector":778,"year":779,"role":14,"status":15,"outstanding":6,"url":780,"image":781,"imageWidth":782,"imageHeight":783,"summary":784,"technologies":785,"body":791,"_type":89,"_id":843,"_source":91,"_file":844,"_stem":845,"_extension":94},"\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.",[318,786,787,788,789,790],"Vue 3","Tailwind 4","Nuxt Content","Nuxt i18n","Figma",{"type":29,"children":792,"toc":838},[793,797,802,806,829,833],{"type":32,"tag":33,"props":794,"children":795},{"id":35},[796],{"type":38,"value":39},{"type":32,"tag":41,"props":798,"children":799},{},[800],{"type":38,"value":801},"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":32,"tag":33,"props":803,"children":804},{"id":48},[805],{"type":38,"value":51},{"type":32,"tag":53,"props":807,"children":808},{},[809,814,819,824],{"type":32,"tag":57,"props":810,"children":811},{},[812],{"type":38,"value":813},"El vaig redissenyar i desenvolupar des de zero amb Nuxt 3, Tailwind 4 i Nuxt Content, amb tot el contingut en fitxers Markdown.",{"type":32,"tag":57,"props":815,"children":816},{},[817],{"type":38,"value":818},"Totes les pàgines es generen com a HTML estàtic, en català, castellà i anglès.",{"type":32,"tag":57,"props":820,"children":821},{},[822],{"type":38,"value":823},"Està allotjat a Cloudflare Pages: es publica automàticament amb cada canvi i mesura les visites sense galetes.",{"type":32,"tag":57,"props":825,"children":826},{},[827],{"type":38,"value":828},"Té SEO per idioma (hreflang, sitemap i Schema.org) i un hero amb una animació de partícules interactiva.",{"type":32,"tag":33,"props":830,"children":831},{"id":74},[832],{"type":38,"value":77},{"type":32,"tag":41,"props":834,"children":835},{},[836],{"type":38,"value":837},"És el web que estàs veient ara.",{"title":7,"searchDepth":84,"depth":84,"links":839},[840,841,842],{"id":35,"depth":84,"text":39},{"id":48,"depth":84,"text":51},{"id":74,"depth":84,"text":77},"content:ca:projects:david-crous.md","ca\u002Fprojects\u002Fdavid-crous.md","ca\u002Fprojects\u002Fdavid-crous",1791371813494]