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