[{"data":1,"prerenderedAt":837},["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,578,640,699,764],{"_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":148,"outstanding":6,"url":7,"image":518,"imageWidth":519,"imageHeight":520,"summary":521,"technologies":522,"body":523,"_type":89,"_id":575,"_source":91,"_file":576,"_stem":577,"_extension":94},"\u002Fca\u002Fprojects\u002Fhostal-bartis","Hostal Bartis","hostal-bartis",7,"Turisme","2020","\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.",[23,24,25,26,160],{"type":29,"children":524,"toc":570},[525,529,534,538,561,565],{"type":32,"tag":33,"props":526,"children":527},{"id":35},[528],{"type":38,"value":39},{"type":32,"tag":41,"props":530,"children":531},{},[532],{"type":38,"value":533},"Un hostal familiar 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":535,"children":536},{"id":48},[537],{"type":38,"value":51},{"type":32,"tag":53,"props":539,"children":540},{},[541,546,551,556],{"type":32,"tag":57,"props":542,"children":543},{},[544],{"type":38,"value":545},"Vaig dissenyar i desenvolupar el web amb Laravel i Bootstrap, adaptat a mòbils.",{"type":32,"tag":57,"props":547,"children":548},{},[549],{"type":38,"value":550},"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":552,"children":553},{},[554],{"type":38,"value":555},"Els continguts eren en català, castellà i anglès, pensant en el visitant estranger.",{"type":32,"tag":57,"props":557,"children":558},{},[559],{"type":38,"value":560},"Hi vaig afegir un formulari de contacte i de reserva.",{"type":32,"tag":33,"props":562,"children":563},{"id":74},[564],{"type":38,"value":77},{"type":32,"tag":41,"props":566,"children":567},{},[568],{"type":38,"value":569},"El web ha estat en línia des del 2020 fins fa poc, i durant tot aquest temps els propietaris n'han gestionat el contingut de manera autònoma.",{"title":7,"searchDepth":84,"depth":84,"links":571},[572,573,574],{"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":579,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":580,"description":7,"slug":581,"order":582,"category":11,"sector":583,"year":584,"role":14,"status":148,"outstanding":6,"url":7,"image":585,"imageWidth":586,"imageHeight":587,"summary":588,"technologies":589,"body":590,"_type":89,"_id":637,"_source":91,"_file":638,"_stem":639,"_extension":94},"\u002Fca\u002Fprojects\u002Fmerce-paytuvi","Mercè Paytuví","merce-paytuvi",8,"Artesania tèxtil","2019","\u002Fimages\u002Fprojects\u002Fmerce-paytuvi-home.webp",600,309,"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":591,"toc":632},[592,596,601,605,623,627],{"type":32,"tag":33,"props":593,"children":594},{"id":35},[595],{"type":38,"value":39},{"type":32,"tag":41,"props":597,"children":598},{},[599],{"type":38,"value":600},"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":602,"children":603},{"id":48},[604],{"type":38,"value":51},{"type":32,"tag":53,"props":606,"children":607},{},[608,613,618],{"type":32,"tag":57,"props":609,"children":610},{},[611],{"type":38,"value":612},"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":614,"children":615},{},[616],{"type":38,"value":617},"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":619,"children":620},{},[621],{"type":38,"value":622},"Ella mateixa podia actualitzar textos, imatges i entrades del blog des del panell.",{"type":32,"tag":33,"props":624,"children":625},{"id":74},[626],{"type":38,"value":77},{"type":32,"tag":41,"props":628,"children":629},{},[630],{"type":38,"value":631},"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":633},[634,635,636],{"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":641,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":642,"description":7,"slug":643,"order":644,"category":11,"sector":645,"year":13,"role":14,"status":148,"outstanding":6,"url":7,"image":646,"imageWidth":586,"imageHeight":587,"summary":647,"technologies":648,"body":649,"_type":89,"_id":696,"_source":91,"_file":697,"_stem":698,"_extension":94},"\u002Fca\u002Fprojects\u002Fintegral","Integral","integral",9,"Serveis a empreses","\u002Fimages\u002Fprojects\u002Fintegral-home.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":650,"toc":691},[651,655,660,664,682,686],{"type":32,"tag":33,"props":652,"children":653},{"id":35},[654],{"type":38,"value":39},{"type":32,"tag":41,"props":656,"children":657},{},[658],{"type":38,"value":659},"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":661,"children":662},{"id":48},[663],{"type":38,"value":51},{"type":32,"tag":53,"props":665,"children":666},{},[667,672,677],{"type":32,"tag":57,"props":668,"children":669},{},[670],{"type":38,"value":671},"Vaig desenvolupar el web el 2021 amb Laravel, Bootstrap i Sass, sobre el meu CMS propi.",{"type":32,"tag":57,"props":673,"children":674},{},[675],{"type":38,"value":676},"Els continguts eren en català, castellà i anglès, amb seccions i plantilles configurables i un blog amb categories.",{"type":32,"tag":57,"props":678,"children":679},{},[680],{"type":38,"value":681},"Hi vaig afegir un formulari de contacte i la integració amb eines d'analítica.",{"type":32,"tag":33,"props":683,"children":684},{"id":74},[685],{"type":38,"value":77},{"type":32,"tag":41,"props":687,"children":688},{},[689],{"type":38,"value":690},"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":692},[693,694,695],{"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":700,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":701,"description":7,"slug":702,"order":703,"category":11,"sector":704,"year":13,"role":14,"status":148,"outstanding":6,"url":7,"image":705,"imageWidth":19,"imageHeight":20,"summary":706,"gallery":707,"technologies":711,"body":714,"_type":89,"_id":761,"_source":91,"_file":762,"_stem":763,"_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.",[708],{"src":709,"width":19,"height":20,"alt":710},"\u002Fimages\u002Fprojects\u002Fdavidbusquets-albums.webp","Secció d'àlbums amb enllaços a les plataformes de música",[234,712,713],"Tailwind","Vite",{"type":29,"children":715,"toc":756},[716,720,725,729,747,751],{"type":32,"tag":33,"props":717,"children":718},{"id":35},[719],{"type":38,"value":39},{"type":32,"tag":41,"props":721,"children":722},{},[723],{"type":38,"value":724},"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":726,"children":727},{"id":48},[728],{"type":38,"value":51},{"type":32,"tag":53,"props":730,"children":731},{},[732,737,742],{"type":32,"tag":57,"props":733,"children":734},{},[735],{"type":38,"value":736},"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":738,"children":739},{},[740],{"type":38,"value":741},"Vaig fer components específics: galeria de fotos, videoclips, llista de reproducció i un calendari de concerts.",{"type":32,"tag":57,"props":743,"children":744},{},[745],{"type":38,"value":746},"El web era multilingüe, amb canvi d'idioma sense recarregar la pàgina.",{"type":32,"tag":33,"props":748,"children":749},{"id":74},[750],{"type":38,"value":77},{"type":32,"tag":41,"props":752,"children":753},{},[754],{"type":38,"value":755},"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":757},[758,759,760],{"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":765,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":766,"description":7,"slug":767,"order":768,"category":11,"sector":769,"year":770,"role":14,"status":15,"outstanding":6,"url":771,"image":772,"imageWidth":773,"imageHeight":774,"summary":775,"technologies":776,"body":782,"_type":89,"_id":834,"_source":91,"_file":835,"_stem":836,"_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,777,778,779,780,781],"Vue 3","Tailwind 4","Nuxt Content","Nuxt i18n","Figma",{"type":29,"children":783,"toc":829},[784,788,793,797,820,824],{"type":32,"tag":33,"props":785,"children":786},{"id":35},[787],{"type":38,"value":39},{"type":32,"tag":41,"props":789,"children":790},{},[791],{"type":38,"value":792},"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":794,"children":795},{"id":48},[796],{"type":38,"value":51},{"type":32,"tag":53,"props":798,"children":799},{},[800,805,810,815],{"type":32,"tag":57,"props":801,"children":802},{},[803],{"type":38,"value":804},"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":806,"children":807},{},[808],{"type":38,"value":809},"Totes les pàgines es generen com a HTML estàtic, en català, castellà i anglès.",{"type":32,"tag":57,"props":811,"children":812},{},[813],{"type":38,"value":814},"Està allotjat a Cloudflare Pages: es publica automàticament amb cada canvi i mesura les visites sense galetes.",{"type":32,"tag":57,"props":816,"children":817},{},[818],{"type":38,"value":819},"Té SEO per idioma (hreflang, sitemap i Schema.org) i un hero amb una animació de partícules interactiva.",{"type":32,"tag":33,"props":821,"children":822},{"id":74},[823],{"type":38,"value":77},{"type":32,"tag":41,"props":825,"children":826},{},[827],{"type":38,"value":828},"És el web que estàs veient ara.",{"title":7,"searchDepth":84,"depth":84,"links":830},[831,832,833],{"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",1791370525847]